/*
Theme Name:     Desentupidora na Praia Grande
Theme URI:      https://dedetizadorapowertec.com.br/
Author:         Desentupidora na Praia Grande
Author URI:     https://dedetizadorapowertec.com.br/
Tested up to:   5.8
Requires PHP:   5.4.0
Description:    Desentupidora na Praia Grande 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://dedetizadorapowertec.com.br/
Text Domain:    Desentupidora na Praia Grande
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://dedetizadorapowertec.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;
}


.rounded-3 {

    background-color: #f7f7f7!important;
}

.divisoria {
padding: 5px 0px 5px 0px;
    background-color: #fff;
    float: left!important;
    width: 100%!important;
    margin: 0px 0px 0px 0px;
    webkit-filter: drop-shadow(0px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(0px 10px 5px rgba(0,0,0,.5));
    display: inline-block;
    z-index: 999;
     
}

.artigo p {
    font-size: 16px;
}

.artigo h2 {
    font-size: 22px !important;
    padding: 10px 0px 20px;
}


.artigo h2 a{
    font-size: 22px !important;
    padding: 10px 0px 20px;
    color: rgb(13, 110, 253) !important;
}

.artigo a {
    color: rgb(0, 0, 0);
    font-size: 18px;
    text-decoration: none;
}

#conteudo {
    float: left;
    width: 100%;
    padding: 20px 16px;
}


.certificacoes {
    width: 100%;
    float: left;
}

.artigo a {
    color: rgb(13, 110, 253) !important;
    font-size: 16px !important;
}



.certificacoes {
    
    width: 100%;
    float: left;
    
    
}


.soliciteorc {
    font-size: 16px; 
    font-weight: 600 !important; 
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black !important;
}

.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: 15px 0px 15px 18px;
    display: block;
    width: 50%;
    float: left;
    margin-left: 0px;
}


.classecorrigir h1{font-size: 32px; padding: 25px 0px;}

.classecorrigir p{font-size: 18px; line-height: 1.6;}
.classecorrigir a{color: #fff;}
.classecorrigir .fa{font-size: 22px;}

.spacecimabaixo {padding-top: 38px;}



.capa_2 {
    border-radius: 8px 8px 8px 08px;
    width: 100%;
    float: left;
    padding: 24px 14px;
    text-align: center;
    margin-top: 2px;
}

.texto02 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px !important;
    font-weight: 500;
    text-shadow: black 0.1em 0.1em 0.2em !important;
    padding: 20px 0px;
}

.texto03 {
    color: #fff;
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px !important;
    font-weight: 500;
    text-shadow: black 0.1em 0.1em 0.2em !important;
    padding: 10px 0px;
    line-height: 1.4;
}

#itemcasa {
    color: #DAA520;
}

.item_1 {
    color: #fff;
    font-family: 'Dancing Script';
    text-shadow: black 0.1em 0.1em 0.2em !important;
    font-size: 22px;
    font-weight: 500;
    margin-right: 22px;
    cursor: pointer;
}


.telnite {text-shadow: 0.1em 0.1em 0.2em black !important;}

.tituloh1 {padding: 25px 0px; text-align: center;}


.esquerdei img {
    
    width: 220px!important;
}

.mb-5 {

 font-size: 20px!important;

}

.maistitulo {

    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 800;
    font-size: 18px;
    color: #4682b4!important;
    line-height: 1.1em;
}


.footernew a{
  color: #fff!important;
    }


.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;}

    .corrigirclassese p {
        color: #fff;
        text-shadow: 0.1em 0.1em 0.2em black !important;
        font-weight: 500!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;
}



/*=====================================
= 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 0px 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: &#39;Open Sans&#39;, 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;}


.atendimentos {
    padding: 20px 0px 20px 0px;
    float: left;
    width: 100%;
}


.feature {
    padding-bottom: 14px;
    margin-right: 12px;
    width: 32% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(217, 217, 217);
    border-image: initial;
    background-color: #fff;
}

.topmargin {

    padding-top: 20px;
}

.pix-margin-bottom-10 {
    margin-bottom: 10px;
}
.white-bg {
    background: #fff;
}
.pix-margin-bottom-10 {
    margin-bottom: 10px;
}
.pix-cirlce {
    border-radius: 100%;
    display: inline-block;
    position: relative;
}
.pix-shadow-down {
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.2);
}


.tamimage img {
    width: 90px !important;
}


.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: 34px;
    color: #003366!important;
    line-height: 1.1em;

}


.servicoes {font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 800;
    font-size: 34px;
    color: #ff0000!important;
    line-height: 1.1em;}

.imagemshow {
    width: 100%!important;
    height: 220px!important;
    
}

.icon-square .fa {

   font-size: 60px!important; 
   color: #4682b4!important;
}

.bg-lighte {
    background-color: #0d6efd!important;
}


.imagetopsite {

width: 80px!important;
padding-top: -8px!important;

}


.titulo {
    font-family: "Kanit", sans-serif!important;
    font-weight: 800;
    letter-spacing: 2px;
    font-size: 85px;
    line-height: 82px;
    text-align: center;
    margin-bottom: 8px;
    color:#fff!important;
    text-align: center!important;
    font-weight: 600px;
}

.h2somos {

 padding-bottom: 26px;
 color: #fff;
 text-shadow: 0.1em 0.1em 0.2em black !important;

}


.previaservicos {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 100%;
    margin: -90px 0px 0px 0px;
}



.imagemlegal img {

 border-radius: 40px 100px;
 box-shadow: 0 0 12px rgba(13, 110, 253, 2);

}

.classecorrigir {
    float: left;
    width: 100%;
    padding: 120px 0; /* já cobre top e bottom */
    
    background-image: url(https://powertecdesentupidora.com/wp-content/uploads/2025/08/Desentupidora-24h-SP.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;
    
}

/* Definindo a animação */
@-webkit-keyframes hero-bg-reveal {
    from {
        opacity: 0;
        transform: scale(1.05); /* começa um pouco maior */
    }
    to {
        opacity: 1;
        transform: scale(1); /* volta ao normal */
    }
}

@keyframes hero-bg-reveal {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.direitei {
    display: block;
    padding: 45px 0px 0px 0px;
    width: 50%;
    float: right;
    margin-left: 0px;
    text-align: right!important;
    font-size:  16px;
    color: #fff;

}


.videonew {
    width: 100%;
    float: left;
    background-color: #000000;
    
}


.videonew img {

    width: 100%!important;
    
    
}


.direitei a{

    color: #000000!important;
    font-size: 17px!important;
    text-align: none!important;
    
}


.direitei a:hover{

 color: #ff0000!important;
  
    
}

.topclass {

    width: 100%;
    float: left;
    

}


.bglighte {background-color: #2C3459!important;}

.px-2 {color:#fff!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;
}



.tamimage img{

width: 90px!important;

}


.tamimageem img{

 width: 100%!important;
    height: 220px !important;
    border-radius: 20px 20px 0px 0px;

}

.feature h2{

text-align: center;
padding-top: 10px;

}


.feature p{

text-align: center;
padding: 10px 20px;

}

.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);
}

 
.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: 110px; border-radius: 100%; border-radius: 100%; background-color: #fff; padding: 16px 16px;}
.iconeresponsive {font-size: 26px; font-weight:700; color: #fff;}
.iconeresponsive:hover {color: #6959CD;}
.menu-hidde {
background: #004278 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: 90%!important;
    
}


.imagenow {
    width: 260px !important;
    align-items: center;
}



.tiporeforma {

    color: #fff !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    text-shadow: 0.1em 0.1em 0.2em black !important;
}

.alinhardireita {
    float: right !important;
}

.locaes a {
    color: #fff;
    font-family: "Maven Pro", Arial, Tahoma, sans-serif;
    font-size: 14px !important;
    line-height: 32px;
    padding: 2px 17px !important;
    border: 2px solid #fff;
    border-radius: 50px;
    font-weight: 700;
    text-shadow: 0.1em 0.1em 0.2em black;
}
.bg-light a {
    color: #fff !important;
    font-weight: 400;
    text-shadow: 0.1em 0.1em 0.2em black;
}



.imagequalidade {
    width: 90px;
}

.color {color: #fff; text-shadow: black 0.1em 0.1em 0.2em !important; font-size:22px; padding: 12px 0px;}

.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);
}

.lado_1 {
    width: 25% !important;
    text-align: left;
    color: #fff;
    font-size: 14px !important;
    display: block;
    float: left;
    padding: 10px 10px;
}

.lado_2 {
    width: 25% !important;
    text-align: left;
    color: #fff;
    font-size: 14px !important;
    display: block;
    float: left;
    padding: 10px 20px;
}

.lado_3 {
    width: 25% !important;
    display: block;
    float: left;
    text-align: center !important;
    padding: 40px 0px;
}

.lado_4 {
    width: 25% !important;
    text-align: left;
    color: #fff;
    font-size: 14px !important;
    display: block;
    float: left;
    padding: 10px 10px;
}

.footernew {
    width: 100%;
    float: left;
    background-color: rgb(47, 79, 79);
    padding: 14px 0px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em !important;
}

.redesociais {
    font-size: 18px;
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black !important;
    padding: 40px 0px 0px 0px;
}

.lado_3 .fa {
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black !important;
    font-size: 24px !important;
    margin-right: 10px;
}

.lado_3 a {
    color: #fff !important;
}

.lado_2 a {
    text-align: left;
    color: #fff;
    font-size: 14px !important;
}

.texto05 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 42px !important;
    font-weight: 500;
    text-shadow: black 0.1em 0.1em 0.2em !important;
    padding: 20px 0px;
}


#seunome1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .17) !important;
    border: 2px solid #fff;
    margin-bottom: 10px;
    background: transparent;
}


#seuemail1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .17) !important;
    border: 2px solid #fff;
    margin-bottom: 10px;
    background: transparent;
}


#seutelefone1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .17) !important;
    border: 2px solid #fff;
    margin-bottom: 10px;
    background: transparent;
}


#assuntos1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .17) !important;
    border: 2px solid #fff;
    margin-bottom: 10px;
    background: transparent;
}


#mensagemm1 {
    height: 68px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .17) !important;
    border: 2px solid #fff;
    margin-bottom: 10px;
    background: transparent;
    margin-bottom: 10px;
}

.tendimento { padding: 30px 0px 0px 0px; float: left; width: 100%;}

.artigo h3 {
    font-size: 20px !important;
    padding: 10px 0px 20px;
}


.direitei a{text-decoration:none;}
.carousel-caption h2 {text-shadow: 0.1em 0.1em 0.2em black!important; font-size: 22px;}

.atendimentos h1 {font-size: 26px!important; color: #000000; padding-bottom: 20px; }
.atendimentos p {font-size: 16px!important; color: #000000; line-height: 1.5;}

.atendimentos { padding: 30px 0px 30px 0px; float: left; width: 100%;}

.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: 22px!important; color: #000000; padding: 20px 0px 10px 0px; }
.atendimentos a {color: #0d6efd; }
.locaisservicos {font-size: 16px; color: #000000;}
.servicosonde {font-size: 20px; padding: 16px 0px;}
.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;}


.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!important; 
    border-radius: 10px;
    border: 3px solid #cebd2b;
}


.lead {
    font-size: 16px !important;
}

.imagemservicos3 {width: 110px!important; height: 110px!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 16px;
}

#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: 320px !important;
}


.textop{font-size: 16px!important; color: #000000!important;}

.locaes a:hover {
    border: 2px solid #DAA520;
    background-color: #DAA520;
}


.colornew {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    padding: 0px 40px;
}

.card {

    height: 460px!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;
}

.nameservicos {
    padding-top: 20px;
    font-size: 18px;
    color: #000000;
    font-family: "Open Sans", sans-serif;
}

.imagemais {

    height: 75px!important;
    width: 75px!important;
}


.atendimentones {
    padding: 40px 0px 40px 0px;
    background-color: #1C1C1C !important;
    float: left;
    width: 100%;
}


#servicodedetizacao {display: none}

#servicolimpezacaixadagua {display: none}



.bordanew {

    border: 1px solid #C0C0C0!important;
}

.areasatuacao {
    color: #444;
    font-size: 36px;
    font-weight: 600;  
}

.atendimentos .fa {

    color: #ff0000;
    font-size: 42px;
}

.colortext {

    color: #fff;
    font-size: 26px!important;
    font-weight: 600;
}


#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;
        }

        .power {

            padding: 20px 0px;

        }

        .regioe {
    width: 100% !important;
    float: left;
    padding-top: 40px !important;
}

        .h33 {
    font-size: 26px;
    color: #000000;
}
.espacoabaixo {
    padding: 30px 0px !important;
    color: #0d6efd !important;
}

    .inesquerda {
    width: 50% !important;
    float: left;
    text-align: center;
}

.regioe a {
    color: #0d6efd !important;
    font-size: 16px;
}

.indireita {
    width: 50% !important;
    float: left;
    text-align: center;
}
        
        .pix-cirlce {
            
            display: inline-block;
            position: relative;
        }
        
        .white-bg {
            background: #fff;
        }
        
        
        
        .atendimentos2 {
            padding: 80px 0px 70px 0px;
            background-blend-mode: overlay;
            float: left;
            width: 100%;
        }


        .corrigirclassese {
            padding: 70px 0px 70px 0px;
            background-blend-mode: overlay;
            background-color: rgba(13, 110, 253, 1);
            float: left;
            width: 100%;
        }
        


        .imagefooter{

            width: 120px!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: #18808e!important;;
        font-weight: 600;
        
        }
        
        .col h2 {
        color: #000000!important;
        }
        
        .col p {
        color: #000000!important;
        }
        
        .col img {
        color: #fff!important;
        }


        .rounded-3 {
          
            height: 440px!important;
        }


        .botaoselecione {

            border-radius: 50px;
            color: #fff!important;
            background-color: #2F4F4F;
            box-shadow: 1px 3px 3px 0 rgba(0,0,0,.17)!important;
            background-clip: padding-box;
            padding: 16px 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: 500;
            text-shadow: 0.1em 0.1em 0.2em black;
            font-size: 16px!important;
            text-shadow: 0.1em 0.1em 0.2em black!important;
            border: none;

        }


        .azule {

            background-color: #ff0000;

        }

        .box-telefones {
            display: flex;
            column-gap: 10px;
            padding-top: 40px;
        }

        .box {
            width: 298px;
            height: 80px;
            border-radius: 5px;
        }

        .vermelho {
            width: 100%;
            height: 29px;
            border-radius: 5px 5px 0 0;
            background-color: #FA2223;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .ligue {
            color: #00CF4B;
            font-weight: 800;
            font-family: "Kanit", sans-serif;
            letter-spacing: 1px;
            text-align: center;
            font-size: 28px;
            margin-bottom: 19px;
        }


             


        .bottom {
            border: 1px solid #fff;          
            border-top: none;
            border-radius: 0 0 5px 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 52px;
            column-gap: 9px;
        }

        .vermelho p {
            text-align: center;
            font-size: 14px;
            letter-spacing: 1px;
            font-weight: 800;
            color: #fff;
            padding-top: 12px;
        }

        .bottom {
        text-align: center;
        padding-top: 10px;
        }    

        .bottom .fa {
            font-size: 22px;
            color: #FA2223;            
        }


        .bottom p a {
            font-family: "Kanit", sans-serif;
            color: #fff;
            font-size: 22px;
            font-weight: 800;
        }


        .diferencial {

            font-size: 15px !important;
            line-height: 24px;
            font-family: "Verdana", "sans-serif"!important;
            font-weight: 400;
            letter-spacing: 0.2px;
        }

        .diferencialimg {

            width: 320px!important;

        }
        
        .whatsenvio {
            border-radius: 50px;
            color: #fff!important;
            background-color: #00CF4B;
            background-clip: padding-box;
            padding: 12px 14px;
            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;
            font-size: 18px!important;
            text-shadow: 0.1em 0.1em 0.2em black!important;
            border-radius: 50px;
            font-weight: 800;
        }
        
        .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 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: 28px!important;
            text-shadow: 0.1em 0.1em 0.2em black!important;
            box-shadow: 0px 2px 80px 0px rgba(0,0,0,0.3);
            
        }


            .figcaption {
        font-size: 16px;
        margin: 5px 0px;
        color: #a4a6a8;
    }

    .feature-section img {
    width: auto;
    border-radius: 5px;
    width: 480px;
    }


        .display-4 {
            color: #fff !important;
            font-size: 42px !important;
            font-weight: 600 !important;
            text-shadow: 0.1em 0.1em 0.2em black !important;
        }
        
        .verde {
        
        color: #4682b4!important;

        font-size: 20px!important;
        padding: 12px 0px;
        
        }
        
        .preto {
        
        color: #000000!important;
        
        }
        
        .alturaclasse {
        
        height: 140px;
        
        }
        
        .alemtexto {
        
            font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
            font-weight: 800;
            font-size: 52px;
            color: #135777!important;
            line-height: 1.1em;
            text-align: center;        
        
        }


        .toposervicos {
            background-color: #f7f7f7 !important;
        }
        

        .titulo_1 {
            font-size: 32px!important;
            color: #fff;
        }

        .titulo-2 {
            font-size: 15px!important;
            color: #fff;
        }
        
        
        .testodeclasse {
        
         font-size: 28px;
         color: #06336b!important;
         font-weight: 800;
        
        }
        
        
        .telefooter {
        
        width: 400px!important;
        
        }


        .imagemabaixo img {

        width: 480px!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}

.alinhardireita {
        float: right !important;
        padding-right: 80px;
    }

.imagedono{

    width: 100%!important;
}
.carousel {width: 100%; height: 250px;}
.carousel img {width: 100%; height: 250px;}


.indireita {
        width: 100% !important;
    }

    .inesquerda {
        width: 100% !important;
    }


    .feature-section img {
        width: 100%;
        margin: 0px;
        height: auto;
    }


.alturaclasse {height: auto;}


.videonew {
    width: 100%;
}

.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: 160px;
 
}

.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;}


.classecorrigir {

  height: auto;
    }

.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;}

.bottom p a {font-size: 12px;}
.bottom .fa {font-size: 12px;}
.feature {width: 100%!important;}
.videonew img {
    width: 100% !important;
    float: left;
}


#classecorrigir {
    padding-top: 60px;
    float: left;
    width: 100%;
    background-repeat: auto;
    background-size: auto;
    height: auto;
    padding-bottom: 120px;
}


.telefooter {width: 100%!important;}

.rounded-3 {
          
    height: auto!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;
}

.servicoes {

    font-size: 24px;

}

.imagemabaixo img {

 width: 100%!important;
 padding: 0px 25px!important;

}



    
    .artigo img {
        
        width: 100% !important;
        
    }

   iframe {
        
        width: 100% !important;
        
    }
    
    
 
/* Seleciona exatamente o seu DIV */
div[style="width: 520px; margin: 25px auto; text-align: center;"] {
  position: relative !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 25px auto !important;
  padding-top: 67.3077% !important; /* proporção 350/520 */
  height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Faz o iframe preencher o container responsivo */
div[style="width: 520px; margin: 25px auto; text-align: center;"] > iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

/* Mantém o texto abaixo do mapa */
div[style="width: 520px; margin: 25px auto; text-align: center;"] > p {
  margin-top: 10px !important;
  position: relative !important;
  top: 0 !important;
}

 /* Seleciona exatamente o seu DIV */
div[style="width: 520px; margin: 25px auto; height: 350px;"] {
  position: relative !important;
  width: 100% !important;
  max-width: 520px !important;

  /* transforma altura fixa em responsiva */
  padding-top: 67.3077% !important; /* 350 / 520 */

  height: 0 !important;
  margin: 25px auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Faz o iframe preencher o container responsivo */
div[style="width: 520px; margin: 25px auto; height: 350px;"] > iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}
   

}



/*=====================================
= Responsive
=====================================*/

@media only screen and (min-width: 768px) and (max-width: 960px){
    

.imagemabaixo img {

 width: 100%!important;
 padding: 0px 25px!important;

}


iframe {
        
        width: 100% !important;
        
    }




.artigo img {
        
        width: 100% !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%;}

.card {margin-right: 0px; height: auto;}

.alinhardireita {
        float: right !important;
        padding-right: 80px;
    }

.imagedono{

    width: 100%!important;
}

.feature-section img {
        width: 100%;
        margin: 0px;
        height: auto;
    }

.servicoes {

    font-size: 24px;

}

.indireita {
        width: 100% !important;
    }

    .inesquerda {
        width: 100% !important;
    }

.toposervicos {

    padding-top: 30px;
}


.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;
}

.rounded-3 {
          
    height: auto!important;
}
	
.col {width: 100%!important;}

.videonew {
    width: 100%;
}


#classecorrigir {
    padding-top: 60px;
    float: left;
    width: 100%;
    background-repeat: auto;
    background-size: auto;
    height: auto;
    padding-bottom: 120px;
}

.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;
}

.alturaclasse {height: auto;}

.whatsapp-fixo {
right:20px;

}


.bottom p a {font-size: 12px;}
.bottom .fa {font-size: 12px;}
.feature {width: 100%!important;}
.videonew img {
    width: 100% !important;
    float: left;
}
.telefooter {width: 100%!important;}
    
}

