/*
Theme Name:     Desentupidora DDLIFE
Theme URI:      https://desentupidoraddlife.com.br/
Author:         Desentupidora DDLIFE
Author URI:     https://desentupidoraddlife.com.br/
Tested up to:   5.8
Requires PHP:   5.4.0
Description:    Desentupidora DDLIFE 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://desentupidoraddlife.com.br/
Text Domain:    Desentupidora DDLIFE
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://desentupidoraddlife.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;
}


#menu-principal {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position: relative;
    padding-top: 20px;
    margin: 0;
    margin-bottom: 18px;
}

#menu-principal li{

    padding-right: 20px;
    font-weight: 600;

}


.subesquerda {

width: 50%;
float: left;


}

.locaeis a {
    background-color: #00CF4B; 
    transition: background 5.1s 
cubic-bezier(.1, .5, .1, .1) 2s;
}
.locaeis a {
    font-family: "Maven Pro", Arial, Tahoma, sans-serif;
    font-size: 20px !important;
    line-height: 32px;
    padding: 14px 17px !important;
    border-radius: 50px;
    font-weight: 700;
    text-shadow: 0.1em 0.1em 0.2em black;
    color: #fff!important;
}

.subdireita {

width: 50%;
float: right;
padding-right: 40px;
padding-top: 40px;
text-align: right;

}

.contates {

    padding-left: 20px;
    font-weight: 600;
    font-size: 20px;
}

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


.rounded-3 {

    background-color: #f7f7f7!important;
}

.divisoria {
    padding: 8px 0px 8px 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;
     
}


.btn-outline-primary {
    margin-bottom: 16px;
    width: 210px;
    margin-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    color: #fff !important;
    border-color: #fff!important;
    font-weight: 600 !important;
    text-shadow: black 0.1em 0.1em 0.2em !important;
}


.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: 10px 0px 10px 0px;
    display: block;
    width: 50%;
    float: left;
    margin-left: 0px;
}



.classecorrigir {
    float: left;
    width: 100%;
    background-image: url("https://desentupidoraddlife.com.br/wp-content/uploads/2025/09/Desentupidora-SP-1.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 90px 0;
}


.artigo a {
    color: #000000;
    text-decoration: none;
    font-size: 18px;
}
.artigo a {
    color: rgb(13, 110, 253) !important;
    font-size: 16px !important;
}


.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: 42px !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: #dc3545;
}

.item_1 {
    color: #F0CB1B;
    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: 240px!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;
    background-color: #198754;
}


.novaclassh2 h2 {

  text-align: center;
  font-size: 22px;

}

.information {

    background-color: #1E3AA5;
    padding: 30px 0px;
    width: 100%;
    float: left;
    margin: 30px 0px;


}

.coletion {
    text-align: left;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    width: 23% !important;
    padding: 18px 0px;
    border: 1px dotted #ffffff; 
    border-radius: 8px;         
    margin-right: 15px;         
}

.coletion p {

    font-size: 18px;
    text-align: center;

}


.coletion img {
    display: block;
    margin: 0 auto;
    width: 80px;
    padding: 20px 0;
}

.novaclassh2 a {

   color: #0d6efd;

}

.footernew a {color: #fff!important;}

.locaes a:hover {
    border: 2px solid #FFD700;
    background-color: #FFD700;
}


.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;
}


.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;}


    .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: 26px;
    width: 31% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    border-radius: 20px;
    border-image: initial;
    background-color: #fff;
}

.tamimagem img {
    width: 100% !important;
    height: 220px !important;
    border-radius: 20px 20px 0px 0px;
}


.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: 600;
    font-size: 28px;
    color: #fff!important;
    line-height: 1.1em;
    text-shadow: 0.1em 0.1em 0.2em black;
}

.imagemshow {
    width: 100%!important;
    height: 220px!important;
    
}

.icon-square .fa {

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

.bg-lighte {
    background-color: #0000CD!important;
}


.imagetopsite {

width: 80px!important;
padding-top: -8px!important;

}


.titulo {
    width: 100%;
    float: left;
    font-family: "Kanit", sans-serif!important;
    font-weight: 800;
    letter-spacing: 2px;
    font-size: 40px!important;
    line-height: 82px;
    text-align: center;
    margin-bottom: 8px;
    color:#fff!important;
    text-align: center!important;
    font-weight: 600px;
    padding: 15px 0px;
    text-shadow: 0.1em 0.1em 0.2em black !important;
}



.box-telefones {

    width: 100%;
    float: left;
}

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

}


.artigo img {
    width: 420px;
}

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

.direitei a {color: #fff;}

.artigo h2 a {
    color: rgb(13, 110, 253) !important;
    font-size: 22px !important;
    padding: 10px 0px 20px;
}


.videonew {
    width: 100%;
    float: left;
    background-color: #000000;
    padding-bottom: 4px;
}


.videonew img {

    width: 100%!important;
    float: right;
    margin-top: -22px !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: 80px !important;
    display: block;
    margin: 0 auto;
}
 
.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: 120px; border-radius: 100%; background:#fff; padding: 8px 8px;}
.iconeresponsive {font-size: 27px; 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;
    border-radius: 20px;
    -webkit-box-shadow: -10px 11px 0px 0px #ff0000; 
    box-shadow: -10px 11px 0px 0px #ff0000;
}


.imagedonono {
    width: 90%!important;
    border-radius: 20px;
    -webkit-box-shadow: 10px -11px 0px 0px #ff0000; 
    box-shadow: 10px -11px 0px 0px #ff0000;
}



.linkh2 {

  font-size: 18px!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;
}

.imagequalidade {
    width: 90px;
}

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

.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;
}

.lado_1 {
    width: 25% !important;
    text-align: left;
    color: #fff;
    font-size: 14px !important;
    display: block;
    float: left;
    padding: 0px 10px 10px 10px;
}

.lado_2 {
    width: 25% !important;
    text-align: left;
    color: #fff;
    font-size: 14px !important;
    display: block;
    float: left;
    padding: 0px 20px 10px 20px;
}

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

.lado_4 {
    width: 25% !important;
    text-align: left;
    color: #fff;
    font-size: 14px !important;
    display: block;
    float: left;
    padding: 0px 10px;
}

.footernew {
    width: 100%;
    float: left;
    background-color: #FA2223;
    padding: 14px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    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;
}

.espacocima {

  padding-top: 26px;
  color: #FA2223;

}


.novocolor  {

  color: #FA2223;

}

.lado_1 .fa {
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black !important;
    font-size: 24px !important;
    margin-right: 10px;
}

.lado_3 .fa {
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black !important;
    font-size: 14px !important;
    margin-right: 10px;
}

.lado_4 a{
    color: #fff !important;
}

.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: 22px !important;
    font-weight: 500;
    text-shadow: black 0.1em 0.1em 0.2em !important;
    padding: 0px 0px;
}


#seunome1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #fff;
}


#seuemail1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #fff;
}


#seutelefone1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #fff;
}


#assuntos1 {
    height: 42px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #fff;
}


#mensagemm1 {
    height: 68px;
    width: 90%;
    margin: auto;
    text-align: left;
    padding: 0px 0px 0px 25px;
    outline: 0;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #fff;
    margin-bottom: 10px;
}

.tendimento { padding: 30px 0px 0px 0px; float: left; width: 100%;}


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


.atendimentos { 
    float: left;
    width: 100%;
    padding: 30px 0px;
    
}




.topservice {

 width: 100%;
 float: left;
 text-align: center;

font-family: 'Arial Black', Gadget, sans-serif;
  font-size: 95px;
  color: transparent; /* deixa o centro da letra vazio */
  -webkit-text-stroke: 1.5px #ccc; /* contorno cinza claro */
  text-stroke: 1.5px #ccc; /* compatibilidade extra */
}


.topservice2 {

 width: 100%;
 float: left;
 text-align: left;
padding-bottom: 20px;
font-family: 'Arial Black', Gadget, sans-serif;
  font-size: 45px;
  color: transparent; /* deixa o centro da letra vazio */
  -webkit-text-stroke: 1.5px #ccc; /* contorno cinza claro */
  text-stroke: 1.5px #ccc; /* compatibilidade extra */
}


.atendimentose {
    float: left;
    width: 100%;
    background-color:#f2f2f2;
    padding: 60px 0px; 
}

.atendimentos h1 {
    color: rgb(0, 0, 0);
    padding-bottom: 20px;
    font-size: 26px !important;
}

.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%; }

.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;}

.linkservices {

    font-weight: 700;
    color: #000;
    text-align: center;
    font-size: 16px!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: 65px;}

.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;
}

.regioe {
    width: 100% !important;
    float: left;
    padding-top: 40px !important;
}

.inesquerda {
    width: 50% !important;
    float: left;
    text-align: center;
}

.indireita {
    width: 50% !important;
    float: left;
    text-align: center;
}

.altmargin {

   margin-top: -20px!important;

}

.bordernew {

  border: 1px solid #D9D9D9;
border-radius: 5px;
width: 24%!important;
margin-right: 10px;
margin-bottom: 10px;

}

.atendimentos p {
    font-size: 13px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 17px;
}

.locaisservicoso {

    color: #fff!important;
}

.locaisservicos {
    font-size: 16px;
    color: rgb(255, 255, 255);
    padding: 8px;
    line-height: 1.5;
    }

   .leader {

    font-size: 15px;
    color: #fff!important;
    line-height: 21px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;

   } 

   .marginfaq h2{
 
    padding-bottom: 40px;

   }

   .bordernew:hover {
    
      box-shadow: 0 0 12px #d3d3d3!important;

   }


   .leade {
    font-size: 16px !important;
    font-family: Verdana, "sans-serif" !important;
    line-height: 1.5!important;
    font-weight: 400 !important;
    margin-bottom: 6px!important;
}


   .colorlink a{

    color: #fa2223!important;
    font-weight: 600!important;
    
   }

   .bordanew:hover {
    
      box-shadow: 0 0 12px #d3d3d3!important;

   }


   .faq-item {
      margin-bottom: 14px;
      
    }

    .faq-button {
      width: 100%;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 25px;
      padding: 18px 20px;
      text-align: left;
      font-size: 16px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: background 0.3s;
      font-weight: 600;
    }

    .faq-button:hover {
      background: #f1f1f1;
    }

    .faq-button .arrow {
      transition: transform 0.3s;
    }

    .faq-button.active .arrow {
      transform: rotate(180deg);
    }

    .faq-answer {
      display: none;
      padding: 14px 20px;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 10px;
      margin-top: 5px;
      font-weight: 600;
    }



   .formpront {

     width: 570px;
    
    border-radius: 20px;
    border: 5px solid #D9D9D9;
    background-color: #F3F3F3;
    display: flex
;
    flex-direction: column;
    padding: 0px 30px 30px 30px;
    position: relative;
    transition: 0.2s all ease-in-out;
    

   }


   .somosh2 {

        color: #fff!important;
        font-size: 20px;
        font-weight: 600;

   }


.lead {
    font-size: 16px !important;
    font-family: "Verdana", "sans-serif"!important;
    line-height: 20px!important;
    font-weight: 400!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;
}

.atendimentos h2 {
    color: #000000;
    font-size: 22px !important;
    padding: 20px 0px 10px;
}


.newcolor {

    color: #fff!important;
    text-shadow: 0.1em 0.1em 0.2em black;
    
}


.newcolor a{

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



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

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


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


#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: 22px!important;
    font-weight: 600!important;
}


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

.whatsapp-fixo img {
    width: 380px !important;
}


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


.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: #004278 !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;
        }

        
        .pix-cirlce {
            border-radius: 100%;
            padding: 8px;
            display: inline-block;
            position: relative;
        }
        .pix-margin-bottom-10 {
            margin-bottom: 10px;
        }
        .white-bg {
            padding-top: 16px;
        }
        .pix-margin-bottom-10 {
            margin-bottom: 10px;
        }

        

        .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: 200px!important;
        }

        .formh2 {

         font-size: 20px!important;   

        }

        .newman {

         background-color: #363636!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: #198754;
            font-weight: 800;
            font-family: "Kanit", sans-serif;
            letter-spacing: 1px;
            text-align: center;
            font-size: 28px;
            margin-bottom: 19px;
            text-shadow: 0.1em 0.1em 0.2em black !important;
            
        }


             


        .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;
            text-shadow: 0.1em 0.1em 0.2em black !important;
        }

        .bottom {
        text-align: center;
        padding-top: 10px;
        }    

        .bottom .fa {
            font-size: 22px;
            color: #FA2223;
            text-shadow: 0.1em 0.1em 0.2em black !important;            
        }


        .bottom p a {
            font-family: "Kanit", sans-serif;
            color: #fff;
            font-size: 22px;
            font-weight: 600;
            text-shadow: 0.1em 0.1em 0.2em black !important;
        }


        .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: #198754;
            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: 22px!important;
            text-shadow: 0.1em 0.1em 0.2em black!important;
            border-radius: 50px;
            font-weight: 600;
            border: 2px solid #fff;
        }
        
        .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);
            
        }

        .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;

        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;        
        
        }

        .h33 {
    font-size: 26px;
    color: #000000;
}
.espacoabaixo {
    padding: 30px 0px !important;
    color: #0d6efd !important;
}

.regioe a {
    color: #0d6efd !important;
    font-size: 16px;
}

        .toposervicos {
            background-color: #1E3AA5 !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;
        
        }


                .imagem-centralizada {
                    text-align: center;
                    margin: 25px 0;
                    width: 100%;
                    float: left;
                }
        
                .imagem-centralizada img {
                    max-width: 100%;
                    height: auto;
                    
                }

/*=====================================
= 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}


	.whatsapp-fixo img {
    width: 340px !important;
}


.row {

    width: 100%;
    padding-right: 4px!important;
    padding-left: 4px!important;
    margin: 0px 0px!important;
}

.imagem-centralizada img {

width: 100%;
}

.locaes {

    margin-right: 45px;

}

.imagedono{

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


.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: 14px;}
.bottom .fa {font-size: 14px;}
.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;
    padding: 10px 0px;
    margin: 20px 0px;
}
.lado_3 {
    width: 100% !important;
    height: auto;
}
.lado_4 {
    width: 100% !important;
    height: auto;
}

.servicoes {

    font-size: 24px;

}

.indireita {
        width: 100% !important;
    }

    .inesquerda {
        width: 100% !important;
    }

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


 .texto05 {
 
    padding: 18px 0px 0px 0px;
}

.coletion {

 width: 100%!important;
 margin-bottom: 26px;
 margin-right: 0px;

}

.display-4 {

font-size: 26px!important;

}

.classecorrigir a {
    display: flex;               
    justify-content: center;     
}

.btn-outline-primary {
    display: inline-block;       
    width: 200px;                
    margin-bottom: 16px;         
}

.btn-outline-primary {
    display: block;        
    margin: 16px auto;     
             
}

.information {

  padding-left: 14px; 
  padding-right: 14px;

}

.formpront {

  margin-top: 0px;
  width: 100%;

}

.artigo img {

   width: 100%;

}


.lado_4 {
    width: 100% !important;
    height: auto;
    padding: 0px 0px;
}

iframe {

width: 100% !important;

} 


div iframe {
    width: 100% !important;
    height: 280px;
}

div[style*="width:520px"] {
    width: 100% !important;
}

div[style*="width:520px"] iframe {
    width: 100% !important;
    height: 280px;
}



/* Seleciona só o container com os estilos inline originais (para evitar afetar outros divs) */
div[style*="width: 520px"][style*="height: 350px"] {
  max-width: 520px;
  width: 100% !important;          /* força largura responsiva */
  margin: 25px auto !important;
  position: relative !important;
  /* altura será controlada por padding-bottom para manter proporção (350/520 ≈ 67.3077%) */
  height: 0 !important;
  padding-bottom: 67.3077%;
  overflow: hidden;
}

/* Faz o iframe preencher o container mantendo a proporção */
div[style*="width: 520px"][style*="height: 350px"] iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* Pequenos ajustes para telas muito pequenas (opcional) */
@media (max-width: 360px) {
  div[style*="width: 520px"][style*="height: 350px"] {
    margin: 16px auto !important;
    padding-bottom: 67.3077%; /* mantém proporção */
  }
}



}



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

@media only screen and (min-width: 768px) and (max-width: 960px){
    
	
.formpront {

  margin-top: 0px;

}

.imagem-centralizada img {

    width: 100%;
}

iframe {

width: 100% !important;

}

.artigo img {

   width: 100%;

}

#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;}

.imagedono{

    width: 100%!important;
}


.coletion {

 width: 100%!important;
 margin-bottom: 26px;
 margin-right: 0px;

}

.display-4 {

font-size: 26px!important;

}

.classecorrigir a {
    display: flex;               
    justify-content: center;     
}

.btn-outline-primary {
    display: inline-block;       
    width: 200px;                
    margin-bottom: 16px;         
}

.btn-outline-primary {
    display: block;        
    margin: 16px auto;     
             
}

.information {

  padding-left: 14px; 
  padding-right: 14px;

}



.servicoes {

    font-size: 24px;

}

.texto05 {
 
    padding: 18px 0px 0px 0px;
}

.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;}
    
}

