/*
Theme Name:     Desentupidora na Praia Grande
Theme URI:      https://desentupidorahigitek.com.br/
Author:         Desentupidora na Praia Grande
Author URI:     https://desentupidorahigitek.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://desentupidorahigitek.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://desentupidorahigitek.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: 22px 0px 14px 0px;
    background-color: #fff;
    float: left!important;
    width: 100%!important;
    margin: 0px 0px 0px 0px;
    border-bottom: 2px solid #f3f3f3;
    display: inline-block;
    z-index: 999;
    webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, .5));
}


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


#classecorrigir {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip06i9-Q6_rxUt3yQYhinzkArUJ-IMC74c36MCz7eJeGxZXjbV1R25bbiCjuiifl9n4ZFgGgiH0rt5VtSgBDcrQ5fKb_w4HFbGns-_gHYQ7GenOHV7wWUTp5YosrPEJafWFsjLavZdS34sa4dbf7eIUcegSNYL5UoZWBAxqMxK7-l6YDgzMvO9YYWHguU/s1600/Admaxx%20Desentupidora%20e%20Dedetizadora.jpg) 50% 50% / cover no-repeat;
    float: left;
    width: 100%;
    opacity: 1;
    visibility: inherit;
    height: 94vh;
    padding-top: 120px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100%;
}

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





/* CSS */
.botoes-contato {
    display: flex;            /* deixa os botões lado a lado */
    gap: 10px;                /* espaço entre os botões */
    margin-top: 20px;         /* distância do elemento acima */
    margin-left: 40px;
}

.botao-contato {
    display: inline-block;
    padding: 20px 30px;       /* espaço interno do botão */
    border: 1px solid #000000;   /* borda cinza clara */
    border-radius: 25px;       /* cantos arredondados */
    text-decoration: none;    /* remove underline */
    color: #000000;              /* cor do texto */
    font-weight: 600;         /* texto em negrito */
    background-color: #fff;   /* fundo branco */
    transition: all 0.3s ease; /* efeito suave */
}

.botao-contato:hover {
    background-color: #f5f5f5; /* muda o fundo ao passar o mouse */
    border-color: #bbb;        /* borda um pouco mais escura */
}





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





.telnite {color: #fff!important;}

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

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


.esquerdei img {
    
    width: 160px!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;
}


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

}

.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-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 25px 0px 0px;}
.quemsomos h1 a{color:#000000; font-size: 24px; float: left; width: 100%; margin: 0px 0px 20px 0px; letter-spacing: 1px; font-weight:700; line-height: 1.4; padding: 18px 25px 0px 0px;}
.quemsomos {
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center;    /* vertical */
}
.quemsomos img {
    /* se quiser, pode definir tamanho */
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.esquerdoei {padding: 0px 0px 0px 10px; height: auto; display: block; width: 60%; float: left; margin-left: 0px; }
.corum { background-color: #cfe9f3; padding: 0px 35px 20px 35px!important; font-family: "Open Sans",Helvetica,Arial,sans-serif!important; font-size: 18px; -webkit-border-radius: 25px 25px 25px 25px; line-height: 29px!important;}
.corum p{font-size: 16px; line-height: 26px;}
.esquerdoei img {width: 200px; height: 90px;}
.direitaoei {height: auto; display: block; padding: 80px 0px 0px 0px; width: 40%; float: left; margin-left: 0px; }
.quemsomos .fa { color: #23b5ab; font-size: 38px!important; margin-bottom: 15px; }
.novaclasse {background-color: #2C3459; font-family: 'Open Sans', sans-serif!important;     padding: 30px 40px; margin-bottom: 12px; font-size: 14px; color: #fff; text-transform: uppercase;    font-weight: 800; border-radius: 50px; }
.novaclasse:hover {background-color: #2ea3f2; border: 1px solid #2ea3f2;}


.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-width: 1px;
    border-style: solid;
    border-color: rgb(217, 217, 217);
    border-image: initial;
}

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


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


.feature a {
    text-decoration: none !important;
    font-size: 22px!important;
    line-height: 1.4!important;
}

.topmargin {
    padding-top: 20px;
}


.feature p {
    text-align: center;
    padding: 10px 20px;
}


.locaisservicos {
    font-size: 16px;
    color: rgb(0, 0, 0);
}


.feature {
    padding: 14px 20px;
    margin-right: 12px;
    background-color: rgb(255, 255, 255);
    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;
}


.maistitulo a {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #4682b4 !important;
    line-height: 1.1em;
    padding: 26px 0px;
    width: 100%;
    float: left;
}

.imagemshow {
    width: 100% !important;
    height: 260px !important;
    border-radius: 10px;
}

.icon-square .fa {

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

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


.imagetopsite {

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

}



.feature p {
    text-align: center;
    padding: 10px 20px;
}
.locaisservicos {
    font-size: 16px;
    color: #000000!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;
}


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


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


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

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

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

.classecorrigir {
    float: left;
    width: 100%;
    background-image: url(https://desentupidorahigitek.com.br/wp-content/uploads/2026/01/Desentupidora-na-Praia-Grande-24h.jpg);
    background-repeat: no-repeat;
    padding: 60px 0px 60px 0px;
    background-size: 100%;
    
}



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

}


.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;
    height: 120px;

}


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

.px-2 {color:#000000!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;
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: 21px;
    font-weight: 700;
    color: #000000;
    border: 2px solid #000000; 
    border-radius: 8px; /* cantos arredondados, opcional */
    width: 45px; /* largura do quadrado */
    height: 45px; /* altura do quadrado */
    display: flex; /* centraliza o conteúdo */
    align-items: center; /* centraliza verticalmente */
    justify-content: center; /* centraliza horizontalmente */
    background-color: transparent; /* garante sem fundo */
    font-weight: 700;
    background: #fff!important;

}




.menu-hidde {
background: #363636 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;
}

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


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

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


.imagedonono {
    width: 90% !important;
    border-radius: 20px;
    
}


.textservice {

   font-size: 16px;

}


.atendimentos { float: left;
    width: 100%;
    padding: 30px 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;}

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

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

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

.imagemservicos {width: 130px!important; height: 130px!important;  
    border-radius: 12px;
    border: 3px solid #cebd2b; }
.imagemservicos2 {width: 350px!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;
}


.atendimentos p {
    color: #000000;
    line-height: 1.5;
    font-size: 16px !important;
}

.locaisservicoso {

    color: #fff!important;
}

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


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

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

.atendimentos a {
    color: rgb(13, 110, 253);
}

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


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

        .atendimentos002 {
            padding: 40px 0px 40px 0px;
        background-blend-mode: overlay;
            background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCOEbD0b1QDIsYlw6NuXyZtoa3ZPGSyPdaHdH2R6pwgZT_D9kmzuZQOuZGEX7EdPxCHiCpYtt7hVBT8_jjBOBdH7ruhyD-wgEZV7KRHJirj6SirqqznAEnC6shRdFTznq76MhVFlIStVXsoOe8SlLZB1fJDKoImHa5jTecVYSY-kSZd5dEnIux6HS67uZs/s1600/cidade%20desentupidora.jpg),linear-gradient(180deg,rgba(0,0,0,0.91) 0%,#353535 100%)!important;
            float: left;
            width: 100%;
        }
        
        .atendimentos2 {
            padding: 80px 0px 70px 0px;
        background-blend-mode: overlay;
            background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7g5oF5UWgLoHESRj-3t8IPV-7gi5A93RMfZszXoxOseBXTveUMVTam3UVtH8SSU_bHLoY562Z89mIljgrUvjQZ_O2gOCk2AVKTQiSZ_JaPBiwLyeOivH6d8G1H-D3kbfaXWXlCbetnTkxdZZuYpcI6iXkKs85qxk3xoGRbjD4dAwgKZOmKVbWeWdB6pM/s1600/CIDADE%20NOVA%20HIDRO.png),linear-gradient(180deg,rgba(0,0,0,0.91) 0%,#353535 100%)!important;
            float: left;
            width: 100%;
        }
        


        .imagefooter{

            width: 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: #0000CD;
            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: #0000CD;
            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);
            
        }

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


        .artigo h1 {
    color: #000000;
    font-size: 28px;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.4;
    padding: 10px 0px 26px 0px;
}


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

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

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

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


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


.quemsomos {
    
    width: 100%;
    
}


/* Faz o container do iframe responsivo */
div > iframe {
    width: 100%;       /* ocupa 100% da largura do container */
    max-width: 520px;  /* largura máxima igual à original */
    height: auto;      /* altura automática proporcional */
    aspect-ratio: 520 / 400; /* mantém proporção original */
    border: 0;
    display: block;
    margin: 0 auto;    /* centraliza horizontalmente */
}


.


.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: 15px 0px 10px 0px;
margin: 0px 0px 0px 0px;

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


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

}

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

}

.imagedono {
        width: 100% !important;
    }

}



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

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

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

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

.imagedono{

    width: 100%!important;
}


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