/*
Theme Name:     KBM Serviços e Reformas
Theme URI:      https://www.kbmservicos.com.br/
Author:         KBM Serviços e Reformas
Author URI:     https://www.kbmservicos.com.br/
Tested up to:   5.8
Requires PHP:   5.4.0
Description:    KBM Serviços e Reformas is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Version:        3.0.19
License:        GNU General Public License v2 or later
License URI:    https://www.kbmservicos.com.br/
Text Domain:    KBM Serviços e Reformas
WordPress Available:  yes
Requires License:    no
Tags: blog, custom-logo, portfolio, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, editor-style, footer-widgets, left-sidebar, right-sidebar, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hestia is based on Underscores https://www.kbmservicos.com.br/, (C) 2019-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
    ## Generic styles
    ## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
    ## About Section
    ## Portfolio Section
    ## Contact Section
    ## Team Section
    ## Subscribe Section
# Footer
# Blog
    ## Content
    ## Sidebar
    ## Attachment Page
# Woocommerce Integration
    ## My Account Page
    ## Generic
    ## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
/* Grid desktop MS / No grid support */


@charset "utf-8";
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

html, body {
  margin: 0;
  padding: 0;
}

a:link {
text-decoration:none;
color: #000000;
}

.divisoria {
padding: 5px 0px 16px 0px;
    background-color: #000000;
    float: left!important;
    width: 100%!important;
    margin: 0px 0px 0px 0px;
    webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.0));
    filter: drop-shadow(15px 10px 5px rgba(0,0,0,.0));
    display: inline-block;
    z-index: 999;
}

.soliciteorc {
    font-size: 16px; 
    font-weight: 600 !important; 
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black !important;
}

.tituloh1 {padding: 25px 0px; text-align: center;}

.descricaopagina {
    color: #fff;
    font-size: 17px;
    font-weight: 400 !important;
    text-shadow: 0.1em 0.1em 0.2em black !important;
    line-height: 1.5em;
}

p { font-family: "Verdana" , "sans-serif"; font-size: 14px; line-height: 24px;}

.esquerdei {
   padding: 0px 0px 0px 0px;
    display: block;
    width: 50%;
    float: left;
    margin-left: 0px;
}


.artigo h2 {
    font-size: 22px !important;
    padding: 10px 0px 20px;
}


.artigo h3 {
    font-size: 20px !important;
    padding: 10px 0px 20px;
}


.artigo p {
    font-size: 16px;
}

.telnite {text-shadow: 0.1em 0.1em 0.2em black !important;}


.esquerdei img {
width: 120px!important;

}

.mb-5 {

 font-size: 20px!important;

}


.redesociais {font-size: 36px; float: left; width: 100%; margin-bottom: 40px; vertical-align: middle;}

.redesociais .fa {margin-right: 14px;}

.facebook {color: #0000CD!important;}

.instagram {color: #FF6347!important;} 

.maistitulo {

    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 800;
    font-size: 31px;
    color: #4682b4!important;
    line-height: 1.1em;

}

.bordacolor {

    box-shadow: 2px 19px 43px 0px rgba(13,140,224,0.18);


}



#seunome1 {
    height: 38px;
    width: 410px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #AEB6BF;
    margin-bottom: 10px;
    }
    #seuemail1 {
    height: 38px;
    width: 410px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #AEB6BF;
    margin-bottom: 10px;
    }
    #seutelefone1 {
    height: 38px;
    width: 410px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #AEB6BF;
    margin-bottom: 10px;
    }
    #assuntos1 {
    height: 38px;
    width: 410px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #AEB6BF;
    margin-bottom: 10px;
    }
    #mensagemm1 {
    height: 68px;
    width: 410px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #AEB6BF;
    margin-bottom: 10px;
    }



    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border-radius: .25rem;
        
    }

    .imagemquem {width: 210px!important;}


    .tituloh1 {
    padding: 25px 0px;
    text-align: center;
    font-size: 24px !important;
    margin-top: 30px !important;
    margin-bottom: 32px !important;
}

h2 {
    font-size: 18px !important;
}

h3 {
    font-size: 18px !important;
}


    .carde {

        height: 380px!important;
        margin-bottom: 30px;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border-radius: .25rem;
    }

   .cardal a {
    
    text-decoration: none !important;
    color: #000000 !important;
    font-size: 21px !important;
}


.videonew {
    width: 100%;
    float: left;
    background-color: rgb(0, 0, 0);
}


.titulo-2 {
    font-size: 15px !important;
    color: rgb(255, 255, 255);
}


.lado_1 {
    text-align: left;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    width: 25% !important;
    font-size: 14px !important;
    padding: 10px;
}


.lado_2 {
    text-align: left;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    width: 25% !important;
    font-size: 14px !important;
    padding: 10px 20px;
}

.lado_3 {
    display: block;
    float: left;
    width: 25% !important;
    text-align: center !important;
    padding: 40px 0px;
}

.lado_4 {
    text-align: left;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    width: 25% !important;
    font-size: 14px !important;
    padding: 10px;
}

.lados a {
    color: rgb(255, 255, 255) !important;
}

.lado_2 a {
    text-align: left;
    color: rgb(255, 255, 255);
    font-size: 14px !important;
}

.redesociais {
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-shadow: black 0.1em 0.1em 0.2em !important;
    padding: 40px 0px 0px;
}

.lado_3 .fa {
    color: rgb(255, 255, 255);
    margin-right: 10px;
    text-shadow: black 0.1em 0.1em 0.2em !important;
    font-size: 24px !important;
}

.footernew {
    width: 100%;
    float: left;
    background-color: rgb(47, 79, 79);
    text-align: center;
    font-size: 17px;
    color: rgb(255, 255, 255);
    text-shadow: black 0.1em 0.1em 0.2em !important;
    padding: 14px 0px;
}







.wp-block-post-title a {font-size: 22px!important; color:#ff0000!important;}




/*=====================================
= Home Screen
=====================================*/
#backe-wrape{ background: url() no-repeat fixed center;  background-size: cover !important; padding: 0px 0;}
.home-screene { width: 700px; margin: auto; text-align: left; padding: 15px 10px;  border-radius: 20px;}
.home-search { background-color: transparent ; }
.slogane h1 { color: #FFFFFF; font-weight: bold; font-size: 65px; text-shadow: 5px -2px #000000; }
.slogane p { color: #FFFFFF; font-family: lato; font-size: 35px; text-shadow: 2px -2px #000000; }
.home-screene .text-input {height: 49px; background-color: #FAF0E6(41, 41, 41, .9); box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; font: italic 400 12px 'Signika', Arial, sans-serif;   width: 480px!important; margin: auto; text-align: left; padding: 0px 0px 0px 25px; outline: 0; font-size: 16px; border-radius: 4px; box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important; margin-bottom: 10px;}
.home-screene .searchButton {height: 49px; background-color: #ff7300!important;border: 3px solid #ff7300; color: #000000; font-size: 14px; position: relative; width: 75px!important; float: left; outline: 0; border-radius: 25px; box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;}
#feaeture-category {
float: left;
width: 100%;
padding: 0px 0px 10px 0px;
}
.searchButton .fa {
padding: 5px 0 0 0 ;
color: #c90808;
font-size: 16px!important;
color: #fff!important;
text-shadow: 0.1em 0.1em 0.2em black;
}
/*=====================================
= Home Screen
=====================================*/
#backe-busca{ background: url() no-repeat fixed center;  background-size: cover !important; padding: 0px 0;}
.home-busca { width: 475px; margin: auto; text-align: center; padding: 0px 20px 0px 0px; float: center;}
.home-search { background-color: transparent ; }
.sloganebusca h1 { color: #FFFFFF; font-weight: bold; font-size: 65px; text-shadow: 5px -2px #000000; }
.sloganebusca p { color: #FFFFFF; font-family: lato; font-size: 35px; text-shadow: 2px -2px #000000; }
.home-busca .text-input {height: 68px; background-color: #FAF0E6(41, 41, 41, .9); box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; border-radius: 32px 0px 0px 32px; font: italic 400 12px 'Signika', Arial, sans-serif;     border-right: 1px solid #ed1c24; width: 305px!important; margin: auto; text-align: left; padding: 0px 0px 0px 25px; outline: 0; font-size: 22px;}
.home-busca .searchButton {height: 30px; background-color: #ed1c24!important;border: 3px solid #ed1c24; border-radius: 0 32px 32px 0; color: #000000; font-size: 15px; position: relative; height: 68px; width: 150px!important; float: right; outline: 0;}
.esquerda {padding: 0px 0px 0px 10px; height: auto; display: block; width: 60%; float: left; margin-left: 0px; }
.direita {height: auto; display: block; padding: 0px 0px 0px 0px; width: 40%; float: left; margin-left: 0px; }
.frenteslide p { font-family: "arial" , "serif"; color: #000000; font-size: 16px; line-height: 26px; }
.frenteslide .fa { color: #23b5ab; font-size: 22px!important; margin-bottom: 15px; }
.quemsomos li:first-child { margin: 0px; }
.quemsomos li { display: block; width: 30%; float: left; margin-left: 55px; }
.quemsomos {  float: left; width: 100%; padding: 40px 0px 30px 0px; }
.quemsomos h1 {color:#000000; font-size: 24px; float: left; width: 100%; margin: 0px 0px 0px 0px; letter-spacing: 1px; font-weight:700; line-height: 1.4; padding: 18px 25px 0px 0px;}
.quemsomos h1 a{color:#000000; font-size: 24px; float: left; width: 100%; margin: 0px 0px 20px 0px; letter-spacing: 1px; font-weight:700; line-height: 1.4; padding: 18px 25px 0px 0px;}
.quemsomos img { width: 80%; float: left; margin}
.esquerdoei {padding: 0px 0px 0px 10px; height: auto; display: block; width: 60%; float: left; margin-left: 0px; }
.corum { background-color: #cfe9f3; padding: 0px 35px 20px 35px!important; font-family: "Open Sans",Helvetica,Arial,sans-serif!important; font-size: 18px; -webkit-border-radius: 25px 25px 25px 25px; line-height: 29px!important;}
.corum p{font-size: 16px; line-height: 26px;}
.esquerdoei img {width: 200px; height: 90px;}
.direitaoei {height: auto; display: block; padding: 80px 0px 0px 0px; width: 40%; float: left; margin-left: 0px; }
.quemsomos .fa { color: #23b5ab; font-size: 38px!important; margin-bottom: 15px; }
.novaclasse {background-color: #2C3459; font-family: 'Open Sans', sans-serif!important;     padding: 30px 40px; margin-bottom: 12px; font-size: 14px; color: #fff; text-transform: uppercase;    font-weight: 800; border-radius: 50px; }
.novaclasse:hover {background-color: #2ea3f2; border: 1px solid #2ea3f2;}


.tamimage img {
    width: 90px !important;
}

.pix-margin-bottom-10 {
    margin-bottom: 10px;
}
.white-bg {
    background: #fff;
}
.pix-margin-bottom-10 {
    margin-bottom: 10px;
}
.pix-cirlce {
    border-radius: 100%;
    padding: 8px;
    display: inline-block;
    position: relative;
}
.pix-shadow-down {
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.col {
    line-height: 18px;
    padding: 32px 8px 0;
    text-decoration: none!important;
    text-align: left;
    background-color: #fff;
    
    color: #2b2b2b;
    
    background-clip: padding-box;
    display: block;
    padding-bottom: 15px;
    width: 32%!important;
}

.py-5 .col {
    margin-right: 10px;
}



.hevernaite:hover {
    background-color: rgba(139,0,0,0.5);
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black;
}

.py-5 {
    padding-top: 0rem!important;
    padding-bottom: 10px!important;
}

.informacones {

   width: 100%;
   height: 150px;
   background-color: #E09900;
   border-radius: 10px;
   border-style: solid;
   border-color:  #fff!important;
   border: 2px solid;
   padding: 8px;
   box-shadow: 20px 20px 10px #4682B4;
   
}




.informacones p{

    font-size: 18px!important;
   font-weight: 600px;
   color: #000;
   
} 


.locais {
    color: #712cf9;
    font-family: "Maven Pro", Arial, Tahoma, sans-serif;
    font-size: 14px;
    line-height: 32px;
    padding: 9px 17px;
    border: 2px solid #712cf9;
    border-radius: 20px;
}


.locais:hover {

    background-color: #712cf9;   
    color: #fff;

}


.nossos {
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 800;
    font-size: 42px;
    color: #003366!important;
    line-height: 1.1em;

}


.servicoes {font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 800;
    font-size: 42px;
    color: #21c483!important;
    line-height: 1.1em;}

.imagemshow {
    width: 100%!important;
    height: 220px!important;
    border-radius: 50px;
    border: 3px solid #cebd2b!important;
}

.icon-square .fa {

   font-size: 60px!important; 
   color: #4682b4!important;
}

.bg-lighte {
    background-color: #000000!important;
    border-bottom: 1px solid #DEB887;
}



.atendimentos {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 100%;
    margin: -90px 0px 0px 0px;
}



.feature {
    background-color: #f7f7f7;
    padding-top: 24px;
    padding-bottom: 14px;
    border-radius: 20px;
    margin-right: 12px;
    width: 32% !important;
}


.classecorrigir {
    padding-top: 40px;
    float: left;
    width: 100%;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF_94Uyv3-GWPJ3NMtveFQUrHz6YkJm4sCkAhg2J0nQDsbU0nUn0L6YBmPCFmkumWS1ZzE8bOquI7CDumhHlznuEYUk1ERVbs6hNC6lEgGR4vrB9xX8esRqnEnmKeQ4duQF5EzbOPMnsuubGDm5tDYz-IPYxTyWSXrAnHmtTN4de3vAT8bDHS44QlWsaKk/s1600/Reformas.jpg);
    padding-bottom: 70px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
    visibility: inherit;
    background-position: center;
}

.direitei {
    display: block;
    padding: 40px 0px 0px 0px;
    width: 50%;
    float: right;
    margin-left: 0px;
    text-align: right!important;
    font-size:  16px;
    color: #fff;
    
}


.direitei a{

    color: #DEB887!important;
    font-size: 16px!important;
    
    
}


.direitei a:hover{

    color: #fff!important;
}


.topclass {

    width: 100%;
    float: left;
    height: 120px;;

}


.bglighte {background-color: #2C3459!important;}

.px-2 {color:#DEB887!important; font-weight: 600;}

.carousel {width: 100%; height: 480px; float:left}
.carousel img{width: 100%; height: 480px;}



.feature-section {
    float: left; 
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
}


#menu-trigger {
position: absolute;
top: 10px;
margin-right: 20px;
right: 0;
cursor: pointer;
color: #000000;
text-shadow: 0.1em 0.1em 0.2em black;
z-index: 9999!important;
float: left;
}

 
.menu-trigger div {
width: 30px;
height: 4px;
background: #fff none repeat scroll 0% 0%;
margin-top: 3px;
color: #fff;
text-shadow: 0.1em 0.1em 0.2em black;
}
.menu-hidde img{width: 140px; border-radius: 100%;}
.iconeresponsive {font-size: 24px; font-weight:700; color: #DEB887;}
.iconeresponsive:hover {color: #6959CD;}
.menu-hidde {
background: #000000 none repeat scroll 0% 0%;
width: 220px;
height: 100%;
position: absolute; /*necessária para o funcionamento*/
box-shadow: 1px 2px 3px #DDD;
left: -100%;  /*é com essa propriedade que o menu fica escondido a esquerda*/
transition: left .5s;
z-index: 99999;
position: fixed;
}
 .menu-hidde a {
    font-size: 16px; 
    color: #fff; 
    text-shadow: 0.1em 0.1em 0.2em black;
    text-decoration: none;
    }


    .display-4 {
        color: #fff !important;
        font-size: 42px !important;
        font-weight: 600 !important;
        text-shadow: 0.1em 0.1em 0.2em black !important;
    }


.menu-hidde a:hover {color: #ed1c24;}

.textopreto p{color:#000000!important!; font-size: 16px!important;}

.menu-hidde li {
color: #fff;
font-size: 16px;
padding: 10px 18px 10px 0px;
cursor: pointer;
text-shadow: 0.1em 0.1em 0.2em black;
}
 
.menu-hidde ul {
position: absolute;
top: 31px;
}

ul {
list-style-type: none;
}

.menu-hidde ul {
    list-style-type: none;
    }


.pelo {
    border-radius: 50px;
    color: #fff!important;
    background-color: #4682B4!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    background-clip: padding-box;
    padding: 12px 22px;
    margin: 0 3px 12px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px!important;
    text-shadow: 0.1em 0.1em 0.2em black;
}

.imagedono{

    width: 410px!important;
    
}


.tiporeforma {

    color: #fff !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    text-shadow: 0.1em 0.1em 0.2em black !important;
}


.direitei a{text-decoration:none;}
.carousel-caption h2 {text-shadow: 0.1em 0.1em 0.2em black!important; font-size: 22px;}



.bordertop {border-top: 2px solid #0d6efd;}
.dedetizacao  { padding: 45px 0px 45px 0px; background-color: #f7f7f7!important; float: left; width: 100%; background-image: url("https://blogger.googleusercontent.com/img/a/AVvXsEj9VRwiSBr4gyzJ7B36FcWyBPxIOsNP4mUPyqG5kp7uzvsgZ3Ypf9xyojeCKQXYN3BatSvhwBV4SL-fPUGvfPYuyuAcb0XWQ3nr4I5R7bxYIj3Iemi5MbPAdXhudy-qVs5F7OYfZ3Xldsddq0S5uZYyStXbUT-7b62yyLRcpHwufbn31WTVmDRwq3G7"); float: left; width: 100%; }
.atendimentos h2 {font-size: 18px!important;}
.col h2 {font-size: 18px!important;}
.col h2 a {text-decoration:none!important; color:#000000;}

.contratos { padding: 20px 0px 20px 0px; background-color: #0c71c3!important; float: left; width: 100%;}
.bg-dark {background-color: #0c71c3!important; }

.quemsomos p{font-size:  14px!important; text-align: left;}

.bg-darke {background-color:rgba(0,0,255,0.5)!important;}

.qualidade {background-image: url("https://desentupidoradiamante.com.br/wp-content/uploads/2016/10/banner5.jpg"); float: left; width: 100%; }

.quemsomos { padding: 20px 0px 20px 0px; background-color: #FFFFFF; float: left; width: 100%;}
.quemsomos hr{ width: 100%!important;}
.quemsomos .fa {color:#000000!important;}

.bg-light a{color:#fff!important; font-weight: 400; text-shadow: 0.1em 0.1em 0.2em black;}
.py-3 {background-color: #2C3459; padding-top: 20px!important; padding-bottom: 20px!important;  border-bottom: 10px solid #0d6efd;}
.lead {font-size: 14px!important;}
.lead h2{font-size: 22px!important;}
.rounded h2{font-size: 22px!important;}
.col img {height: 155px;}

.imagemservicos {width: 130px!important; height: 130px!important;  
    border-radius: 12px;
    border: 3px solid #cebd2b; }
.imagemservicos2 {width: 350px; 
    border-radius: 10px;
    border: 3px solid #cebd2b;
}


.topico {
    color: #fff!important;
    font-size: 22px !important;
    line-height: 1.4;
}


.topico a{
    color: #fff!important;
    font-size: 22px !important;
    line-height: 1.4;
}

.lados {
    padding: 5px 0px 5px 0px;
    background-color: #0d1218 !important;
    float: left !important;
    width: 100% !important;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    padding: 60px 0px;
    border-top: 4px solid rgb(47, 79, 79);
}

.imagemservicos3 {width: 70px!important; height: 80px!important; padding-right: 8px; padding-bottom: 10px!important;}

.imagemddt {width: 85px!important; height: 85px!important;}
.col .fa {color: #0d6efd; font-size: 36px; text-align: center; padding-bottom: 10px!important;}
.border-righty {border-right: 2px solid #0d6efd;}
.imagemtop {width: 18%!important; padding-bottom: 20px;}
.contratos .col .fa {color: #fff; font-size: 36px; text-align: center; padding-bottom: 10px!important; text-shadow: 0.1em 0.1em 0.2em black;}
.contratos h2 a{font-size: 22px!important; color: #fff!important; text-shadow: 0.1em 0.1em 0.2em black!important;}

.contratos p{font-size: 14px!important; color: #fff!important; text-shadow: 0.1em 0.1em 0.2em black!important;}

.imageservices {width: 15%; margin-right:  5px;}

.col-lg-6 h1 {font-size: 24px; line-height: 45px;}

.col-lg-6 p {font-size: 18px;}

.feature-imagemm img {height: 400px; width: 100%; margin-bottom: 60px;}
.feature-imag img {height: auto; width: 100%;}
.feature-imagemm {display: inline-block; position: relative; width: 100%; float: left;}
.feature-imagemm figcaption {position: absolute; top: 145px; font-size: 28px; color: black; text-shadow: 0.1em 0.1em 0.2em black; text-align: center;
color: #fff; font-weight: 700; width: 100%; line-height: 46px;}
.feature-imagemm a {text-decoration:none;}
.peloconsulta:hover {color: #fff000;}
.feature-imagemm p {font-size: 20px; text-shadow: 0.1em 0.1em 0.2em black; font-family: "Maven Pro", Arial, Tahoma, sans-serif;}
.peloconsulta {
    font-family: 'Open Sans', sans-serif!important;
    padding: 13px 35px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 800;
    border-radius: 2px;
    text-shadow: 0.1em 0.1em 0.2em black;
    line-height: 1.4;
    background-color: #000000;
}

.feature a {text-decoration: none!important;}

#conteudo {
    float: left;
    width: 100%;
    padding: 20px 40px;
}

#conteudo h1 a{
    font-size:  22px;
    color: #000000;
    text-decoration: none;
    text-align: center;
    float: left;
    width: 100%;
    padding: 0px 0px 30px 0px;
}

.imagecss {width: 80px!important; height: 55px!important;}

.btn-primary a{text-decoration:none!important; color:#fff!important;}
.btn-outline-secondary a{text-decoration:none!important; color:#000000!important;}

.listaservicos {font-weight: 500!important;}

.col-lg-6 h2 {font-size: 18px!important;}


.whatsapp-fixo {
position: fixed;
bottom:10px;
right:20px;
z-index: 999;
}

.whatsapp-fixo img { 
width: 80px!important;
    height: 80px!important;

}


.textop{font-size: 16px!important; color: #000000!important;}


.card {

    height: 560px!important;
    margin-bottom: 30px;
    
}


.classeservicos {

    float: left;
    width: 100%;
    padding-top: 0px;
    background-color: #FFF!important;

}


.contatar img {
animation: wiggle 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle {
0%, 7% {
transform: rotateZ(0);
}
15% {
transform: rotateZ(-15deg);
}
20% {
transform: rotateZ(10deg);
}
25% {
transform: rotateZ(-10deg);
}
30% {
transform: rotateZ(6deg);
}
35% {
transform: rotateZ(-4deg);
}
40%, 100% {
transform: rotateZ(0);
}
}


.col-2 {width: 240px!important;}

.card-title a {text-decoration:none!important; color: #000000!important;}
.post-title a {text-decoration:none!important; color: #000000!important;}
.card a {text-decoration:none!important; color: #000000!important; font-size: 21px!important;}

.colorblog {color: #2C3459!important;}
.offset-1 .fa {color: #0d6efd!important;}

.blogtemplate {width: 30%!important; display: inline-block!important; margin-right: 20px;}

.artigo a {color: #000000; text-decoration: none; font-size: 18px;}



.py-4 a {text-decoration: none;}

.col h2 {padding-top: 8px!important;}

.corrigirclasse {
    float: left;
    width: 100%;
}

.contatare {
    background-color: transparent;
    background-image: linear-gradient(180deg, #5FA0D9 0%, #FFFFFF 100%);
    padding: 60px 0px;
}


#seunome {
    height: 38px;
    width: 480px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #0000CD;
    margin-bottom: 10px;
    }
    #seuemail {
    height: 38px;
    width: 480px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #0000CD;
    margin-bottom: 10px;
    }
    #seutelefone {
    height: 38px;
    width: 480px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #0000CD;
    margin-bottom: 10px;
    }
    #assuntos {
    height: 38px;
    width: 480px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #0000CD;
    margin-bottom: 10px;
    }
    #mensagemm {
    height: 68px;
    width: 480px;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    border: 1px solid #0000CD;
    margin-bottom: 10px;
    }

    .enviarcadastro {
        background-color: #4682B4!important;
        border: 3px solid #4682B4;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        height: 32px;
        width: 160px!important;
        float: none;
        text-align: center;
        outline: 0;
        border-radius: 15px;
        box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
        }

     .sabermais  {
        background-color: #0d6efd!important;
        border: 3px solid #0d6efd;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        height: 32px;
		padding: 8px 17px; 
        width: 160px!important;
        float: none;
        text-align: center;
        outline: 0;
        border-radius: 15px;
        box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
        }



        .atendimentos002 {
         padding: 80px 0px 70px 0px;
    background-blend-mode: overlay;
    background-image: url(https://kbmservicos.com.br/wp-content/uploads/2024/11/kbm-1.jpg), linear-gradient(180deg, rgba(0, 0, 0, 0.91) 0%, #353535 100%) !important;
    float: left;
    width: 100%;
        }
        
        .atendimentos2 {
            padding: 80px 0px 70px 0px;
        background-blend-mode: overlay;
            background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7g5oF5UWgLoHESRj-3t8IPV-7gi5A93RMfZszXoxOseBXTveUMVTam3UVtH8SSU_bHLoY562Z89mIljgrUvjQZ_O2gOCk2AVKTQiSZ_JaPBiwLyeOivH6d8G1H-D3kbfaXWXlCbetnTkxdZZuYpcI6iXkKs85qxk3xoGRbjD4dAwgKZOmKVbWeWdB6pM/s1600/CIDADE%20NOVA%20HIDRO.png),linear-gradient(180deg,rgba(0,0,0,0.91) 0%,#353535 100%)!important;
            float: left;
            width: 100%;
        }
        


        .imagefooter{

            width: 180px!important;
        }    


        .atendimentos4 {
            padding: 40px 0px 40px 0px;
            float: left;
            width: 100%;
        }
        
        
        .atendimentos5 {
            padding: 40px 0px 40px 0px;
        background-blend-mode: overlay;
        background-color: #fff;
            float: left;
            width: 100%;
        }
        
        .atendimentos5 a {
        
        text-decoration: none;
    font-size: 18px;
    color: #000000 !important;
    font-weight: 600;
        
        }
        
        .col h2 {
        color: #000000!important;
        }
        
        .col p {
        color: #000000!important;
        }
        
        .col img {
        color: #fff!important;
        }
        
        .whatsenvio {
            border-radius: 50px;
            color: #fff!important;
            background-color: #4682B4;
            box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
            background-clip: padding-box;
            padding: 12px 16px;
            margin: 0 3px 12px 0;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-box-align: center;
            align-items: center;
            font-weight: 500;
            text-shadow: 0.1em 0.1em 0.2em black;
            font-size: 18px!important;
            text-shadow: 0.1em 0.1em 0.2em black!important;
        }
        
        .visitagratis {
        font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif;
            font-weight: 700;
            font-size: 26px;
        color: #fff;
        
        }
        

       
        .todascidades {
        
            border-radius: 50px;
            color: #fff!important;
            background-color: #25d366;
            box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
            background-clip: padding-box;
            padding: 16px 0px;
            margin: 0 3px 12px 0;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-box-align: center;
            align-items: center;
            font-weight: 500;
            text-shadow: 0.1em 0.1em 0.2em black;
            font-size: 28px!important;
            text-shadow: 0.1em 0.1em 0.2em black!important;
            box-shadow: 0px 2px 80px 0px rgba(0,0,0,0.3);
            
        }

        .display-4 {
            color: #fff !important;
            font-size: 32px !important;
            font-weight: 600 !important;
            text-shadow: 0.1em 0.1em 0.2em black !important;
        }
        
        .verde {
        
        color: #4682b4!important;
        
        }
        
        .preto {
        
        color: #000000!important;
        
        }
        
        .alturaclasse {
        
        height: 140px;
        
        }
        
        .alemtexto {
        
            font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
            font-weight: 800;
            font-size: 32px;
            color: #135777!important;
            line-height: 1.1em;
            text-align: center;        
        
        }

#servicodesentupimentos {
    display: none;
}

#servicolimpezacaixadagua {
    display: none;
}


.botaoselecione {
    border-radius: 50px;
    color: #fff !important;
    background-color: #4682B4;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .17) !important;
    background-clip: padding-box;
    padding: 8px 16px;
    margin: 0 3px 12px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 400;
    text-shadow: 0.1em 0.1em 0.2em black;
    font-size: 14px !important;
    text-shadow: 0.1em 0.1em 0.2em black !important;
    border: none;
}


.azule {
    background-color: #ff0000;
}

.nameservicos {
    padding-top: 20px;
    font-size: 18px;
    color: #000000;
    font-family: "Open Sans", sans-serif;
}

.imagemais {
    height: 75px !important;
    width: 75px !important;
}

.rounded-3 {
    background-color: #f7f7f7 !important;
}



    
        
        
        .testodeclasse {
        
         font-size: 28px;
         color: #06336b!important;
         font-weight: 800;
        
        }
        
        
        .telefooter {
        
        width: 400px!important;
        
        }

/*=====================================
= Responsive
=====================================*/
@media screen and (max-width: 767px) {

.blogtemplate {width: 100%!important; margin-bottom: 20px; margin-right: 0px;}
.card {margin-right: 0px; height: auto;}

.direitei {display: none}

.telefooter {width: 100%;}

.todascidades {
    padding: 8px 0px!important; 
    font-size: 16px!important;
}


    .lado_1 {
        width: 100% !important;
        height: auto;
    }
    
    .lado_2 {
        width: 100% !important;
        height: auto;
    }
    
    .lado_3 {
        width: 100% !important;
        height: auto;
    }
    
    .lado_4 {
        width: 100% !important;
        height: auto;
    }


.display-4 {font-size: 24px!important;}

.atendimentos002 {
        padding-top: 25px;
        float: left;
        width: 100%;
        padding-bottom: 25px;
        background-repeat: auto;
        background-size: auto;
}


.feature {
        width: 100% !important;
    }

.alemtexto {font-size: 22px;}


#conteudo h1 a {padding-top: 26px;}

.imagedono{

    width: 100%!important;
}
.carousel {width: 100%; height: 250px;}
.carousel img {width: 100%; height: 250px;}

.pelo {
border: 1px solid #fff;
    font-size: 11px;
       border-radius: 50px;
    color: #fff;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
    background-clip: padding-box;
    padding: 7px 5px!important;
    margin-bottom: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
font-size: 12px!important;
}


#seunome {width: 100%;}
#seuemail {width: 100%;}
#seutelefone {width: 100%;}
#assuntos {width: 100%;}
#mensagemm {width: 100%;}

#seunome1 {width: 100%;}
#seuemail1 {width: 100%;}
#seutelefone1 {width: 100%;}
#assuntos1 {width: 100%;}
#mensagemm1 {width: 100%;}

.col {width: 100%!important;}

.pelo:hover{
border: 1px solid #7dba2f;
}

.divisoria {
    width: 100%;
    margin: 0px;
    padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;

}
.esquerdei {
width: 100%;
margin: 0px;
padding: 10px 0px 15px 0px;
 height: auto;
text-align: center;
}
.esquerdei img{
width: 120px!important;
 
}

.direitei {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 0px;
height: auto;
text-align: center;

}


.classecorrigir {
    padding-top: 60px;
    float: left;
    width: 100%;
    padding-bottom: 80px;
    background-repeat: auto;
    background-size: auto;
}


.buscar {display: none;}

.whatsapp-fixo img { 
width: 50px;
height: 50px;
}

.whatsapp-fixo {
right:20px;

}
  
  #bubble { 
width: 75%!important;

}

#bubble img{ 
width: 75%!important;

}
  
  #bubble a{ 
width: 35%!important;

}


.col-2 { 
width: 100%!important;}

.border-righty {border-right: none;}

.col-4 {width: 100%!important;}

.offset-1 {
    padding-top: 30px;
    margin-left: 0px!important;
}

.menu-hidde {position: absolute;}


.iconeresponsive {
    font-size: 26px;
    
}


.imagemservicos2 {width: 100%;}

iframe {width: 100%!important;}

.artigo img {width: 100%!important;}


}



/*=====================================
= Responsive
=====================================*/

@media only screen and (min-width: 768px) and (max-width: 960px){
    
	
#seunome {width: 100%;}
#seuemail {width: 100%;}
#seutelefone {width: 100%;}
#assuntos {width: 100%;}
#mensagemm {width: 100%;}

#seunome1 {width: 100%;}
#seuemail1 {width: 100%;}
#seutelefone1 {width: 100%;}
#assuntos1 {width: 100%;}
#mensagemm1 {width: 100%;}

.card {margin-right: 0px; height: auto;}


iframe {width: 100%!important;}

.artigo img {width: 100%!important;}


.imagedono{

    width: 100%!important;
}

.display-4 {font-size: 28px!important;}

.atendimentos002 {
        padding-top: 25px;
        float: left;
        width: 100%;
        padding-bottom: 25px;
        background-repeat: auto;
        background-size: auto;
}


    .lado_1 {
        width: 100% !important;
        height: auto;
    }
    
    .lado_2 {
        width: 100% !important;
        height: auto;
    }
    
    .lado_3 {
        width: 100% !important;
        height: auto;
    }
    
    .lado_4 {
        width: 100% !important;
        height: auto;
    }


.feature {
        width: 100% !important;
    }
    
    


#conteudo h1 a {padding-top: 26px;}

.telefooter {width: 100%;}

.imagemservicos2 {width: 100%;}


.alemtexto {font-size: 22px;}


.todascidades {
    padding: 8px 8px!important; 
    font-size: 18px!important;
    
}
	
.col {width: 100%!important;}

.direitei {display: none}


.classecorrigir {
    padding-top: 60px;
    float: left;
    width: 100%;
    padding-bottom: 80px;
    background-repeat: auto;
    background-size: auto;
}


    .whatsapp-fixo img { 
width: 50px;
height: 50px;
}

.whatsapp-fixo {
right:20px;

}

.iconeresponsive {
    font-size: 26px;
    
}

.imagemservicos2 {
    width: 100%!important;
}

    
}