@charset "UTF-8";

/*-----------------------------------------------------------------------------------

Cliente Nome: COMUM REZULTI
Data: 05/11/2019
Autor: FZ / Rezulti Marketing

-----------------------------------------------------------------------------------*/


/*
### Efeitos
wow fadeIn_fadeInLeft_fadeInRight_fadeInUp_fadeInDown_pulse_bounceInUp_bounceInDown_flipInY_flipInX"   data-wow-delay="" data-wow-duration="1.7s" >
--
-webkit-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
-moz-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
-o-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
--
transition-property: all;
transition-duration: 2s;
transition-delay: 3s;
transition-timing-function: ease-in-out; / * linear * /
*/


/*Efeitos nos elementos do conteudo*/

/* ### Fonts ### */

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');


/* ### VARIAVEIS PARA PERSONALIZAR ### */
:root {
    --main-cor-principal: #B30000;
    --main-cor-bot-hover: #ff1700;
    --main-cor-bot-gradiente-comprar: linear-gradient(94deg, #c808cb 0%, #ff4de9 100%);
    --main-font-titulos: 'Open Sans', sans-serif;
    --main-cor-titulo: #232323;
    --main-cor-texto: #232323;
    /* menu Lateral */
    --main-cor-link-menu: #fff;
    /*
        background-color: var(--main-cor-menu-ativo);
        background-color: var(--main-cor-bot-hover);
    */
}

/*** Zerar thema antigo ***/
.btn-style4:hover, .btn-style4:active, .btn-style4:focus {
    background-color: unset !important;
    color: unset !important;
    box-shadow: unset !important;
    border: unset !important;
}
.text-black 

/* ### Rolagem suave ### */

/* ### Fim - Rolagem suave ### */


/* ### Menu Esquerdo ### */

.menu-esq-acordion h5 .btn-link {
    background: unset !important;
}

html {
    overflow-y: scroll !important;
    margin-right: 0px !important;
    overflow: hidden;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

::-webkit-scrollbar-thumb {
    background: var(--main-cor-principal);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--main-cor-principal);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

::-webkit-scrollbar {
    width: 5px;
    background: none;
    background: #3a3838;
}
/*
::-webkit-scrollbar-track { background:#f1f1f100; }
::-webkit-scrollbar-track-piece { background:#f1f1f100; }
*/

.section-heading h1,
.section-heading h2,
.section-heading h3,
.section-heading h4,
.section-heading h5,
.section-heading h6,
section h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: var(--main-font-titulos);
    letter-spacing: 0.75px;
}

#texto-editavel h1 {
    font-size: 30px;
    font-weight: 400;
}

#texto-editavel h1:after {
    width: 81px;
    height: 3px;
}

#texto-editavel h2 {
    font-size: 21px;
    font-weight: 400;
}

/******* Borda nas Fotos dos COnteudos de Texto, pag Empresa e Outras Pag ******/
#texto-editavel p>img,
#empresa_abas .box-shadow-large {
    padding: 12px !important;
    background: #ffffff;
    box-shadow: none /* 0 0 12px #0000001a; */
}

#texto-editavel p>img {
    max-width: 95% !important;
    width: auto !important;
    max-height: 800px !important;
    padding: 12px !important;
    margin-left: auto !important;
}


#preloader {
    z-index: 9999999;
}

.loader {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 90px;
}

.loader-icon {
    border: 9px solid #dcdcdc;
    border-right-color: #eee;
    border-left-color: #eee;
    width: 130px;
    height: 130px;
}


/* ########## BOTOES PADRAO ########## */

.botao_fidelizar_1 {
    width: 90%;
    border-radius: 78px;
    font-size: 29px !important;
    text-transform: capitalize;
    font-weight: 300;
    margin-top: 44px !important;
    padding: 16px !important;
    margin: 0 auto;
    display: block;
    background: rgb(19,69,5);
    background: var(--main-cor-bot-gradiente-comprar);
    box-shadow: #00000069 0px 2px 19px 1px;
}

.btn-style4:after {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    filter: invert(0.3) blur(27px);
    width: 500%;
    height: 1000%;
    background: rgba(255, 255, 255, 0.3);
    z-index: -1;
    transform-origin: 0% 0%;
    transform: translateX(calc(20% - 20px)) translateY(10%) rotate(-45deg);
    transition: transform 0.3s;
}

/* FIM - BANNER TOPO */







/* titulo abas da pagina empresa */

#empresa_abas li.resp-tab-item {
    /* border: 2px solid #efefef !important; */
    border-radius: 5px;
    padding: 9px !important;
    background: #4e4e4e1a !important;
    margin-inline: 15px;
}

.tab-style7 ul.resp-tabs-list {
    text-align: center;
    margin-bottom: 31px;
}

#empresa_abas .tab-style7 .resp-tabs-list li.resp-tab-active:after {
    display: none;
}


/* link pagina atual */

a:hover,
a:active,

/*link geral pagina*/

.readmore:hover,

/*bot/link 'ler mais'*/

#empresa_abas .resp-tab-content .container ul li::after,
.list-style-16 li:after,
.social-icon-style1 li a:hover,
.partner-text span,
.testmonial-single p:before,
.feature-box-07 .feature-textbox a {
    /*Cor primaria, mais vibrande para links menores e finos*/
    color: var(--main-cor-principal);
}

#empresa_abas .resp-tab-content .box-shadow-large img {
    max-height: none;
    height: auto !important;
}

#empresa_abas .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.page-title-section2 h1 {
    font-size: 50px;
    font-weight: normal;
}

/* OFERTAS Personalizadas */

section.box-negocios-estilo-icone .col-lg-4.col-md-6 {
    margin: 0 auto;
}



/* BOX LISTAGEM DE PAGINAS */

.feature-box-07 .feature-textbox p {
    color: #4c4c4c;
}

.feature-box-07 .title {
    color: var(--main-cor-principal);
}

.feature-box-07 .feature-textbox:before {
    border-top: 5px solid var(--main-cor-principal);
}

.feature-box-07:hover .read-more {
    color: #fff !important;
}

#principais-servicos .feature-textbox .feature-desc {
    height: 53px;
    overflow: hidden;
    margin-block: 7px;
    line-height: 18px;
    font-size: 13px;
}


/* UAR APENAS ESTE */

.feature-textbox span.read-more {
    position: relative;
    bottom: -15px;
    display: block;
    color: var(--main-cor-principal);
}


/*Fundo Box principais serviços*/

.inner-title h1:after,
.inner-title h2:after,
.inner-title h3:after,
.inner-title h4:after,
.inner-title h5:after,
.inner-title h6:after,

/*Linhas nos titulos*/

.services-single-menu li a:after,

/*linha do link no menu esquerdo*/

.social-icon-style1 li a,
.feature-box-07:hover .feature-textbox {
    background-color: var(--main-cor-principal);
}


/* Cor de linhas de titulos / Botoes */


/*Acordion Menu lateral */

.accordion-style .btn-link:hover,

/*Acordion Perguntas frequentes*/

#box-contato .contact-box i,
#empresa_abas h2.resp-accordion:after,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.tab-style7 .resp-tabs-list li.resp-tab-active:after,
.section-heading h1:after,
.section-heading h2:after,
.section-heading h3:after,
.section-heading h4:after,
.section-heading h5:after,
.section-heading h6:after,
.partner-text h4:after {
    background-color: var(--main-cor-principal) !important;
}

#rodape a:active,
#rodape a:focus {
    color: #ff9b04;
}

.contact-box a:hover {
    color: var(--main-cor-principal);
    font-size: 16px;
}



div#titulo_slide h4 {
    display: none;
}


.rev_slider a.btn-style2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 0px;
}

.rev_slider .btn-style2:hover,
.rev_slider .btn-style2:active {
    background: var(--main-cor-principal);
    color: #fff;
    border-color: var(--main-cor-principal);
}

.botoes-link-box-ofertas {
    /* box ofertas na pagina Inicial e Empresas */
    width: 100%;
    padding-top: 27px;
    text-align: center;
    margin: 0px 0 65px;
}

#box-produtos-servicos .botoes-link-box-ofertas {
    margin-bottom: 0;
}

.botoes-link-box-ofertas a {
    background: #1212;
    color: #333;
    font-size: 15px;
    margin: 0 15px;
}

.botoes-link-box-ofertas a:after {
    background: var(--main-cor-principal);
}

.pagination a:hover,

/* paginação catalogo */

.butn.mfProgress,

/* botão formulario contato  */

.butn.theme {
    background: var(--main-cor-principal) !important;
}


/* BG HOVER de botoes */

button.butn.mfProgress:after,
.butn.theme:after {
    background: var(--main-cor-bot-hover) !important;
}


/* Botão verde para banners e box de textos */

.social-icon-style1 li a {
    border: 1px solid var(--main-cor-principal) !important;
}


/* Menu Lateral Borda */

.left-title:before,
.services-single-menu li.active a {
    border-left-color: var(--main-cor-principal) !important;
    color: var(--main-cor-principal) !important;
}


/*=========================================
 Pata telas maiores que celular 
==========================================*/
@media screen and (min-width: 992px) {

    /* Remove a setinha de submenu drop down*/
    .navbar>ul>li.has-sub>a:after {
        display: none;
    }

    /* Altura do drop Down menu topo - Para Desktop*/
    .header-style2 .navbar-nav>li>ul {
        background: none;
        top: 78px;
    }

    /* para menu topo outros links - Para Desktop*/
    .header-style2 .navbar-nav>li>a>span {
        border: 1px solid #ffffff00;
        border-radius: 31px;
        /* color: #fff; */
        height: 3px;
        display: table;
        padding: 2px 15px;
    }

    .header-style2 .navbar-nav>li:hover>a>span {
        border: 1px solid #ffffff8a;
    }

    .scrollHeader .navbar-nav>li:hover>a>span {
        border: 1px solid #82828266;
    }

    /* para menu topo Link ativo da pagina atual aberta */
    .header-style2 .navbar-nav li:hover a.pagina-atual span,
    .header-style2 .navbar-nav a.pagina-atual span {
        border: 1px solid #fff;
        border-radius: 31px;
        height: 3px;
        display: table;
        padding: 2px 15px;
    }

    /**/
    .scrollHeader .navbar-nav>li:hover>a.pagina-atual span,
    .scrollHeader .navbar-nav a.pagina-atual span {
        border: 1px solid var(--main-cor-principal);
    }

    .header-style2 .navbar-nav>li>a>span {
        -webkit-transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
        -moz-transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
        -o-transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
        transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
    }

    .header-style2 .navbar-nav>li:hover>a {
        -webkit-transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
        -moz-transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
        -o-transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
        transition: all 0.3s cubic-bezier(0.45, 0.1, 0.57, 0.89);
    }

    /********************************************** //// Para Desktop //// * /
	/* Cor do link de menu do topo - link ativo * /
	.header-style1 .navbar-nav li.current>a,
	.header-style2 .navbar-nav li.current>a,
	.header-style1 .navbar-nav li.active>a,
	.header-style2 .navbar-nav li.active>a {
		color: var(--main-cor-principal) !important;
	}
	.tab-style7 ul.resp-tabs-list li.resp-tab-active {
		color: #484848 !important;
		text-decoration: none;
	}
	/ *Deve ser Sub Drop Down / menu topo / aplicado Underline apenas
	**********************************************************/
}


/* fecha media */


/* fecha media */


/* ########## CSS Diversos ########## */


/*h4, h3 {font-size: 26px}*/

.sombra-baixa {
    box-shadow: 0px 8px 19px 1px rgba(0, 0, 0, 0.58);
    position: relative;
    z-index: 2;
}

.sombra-baixa-2 {
    box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}

.sombra-alta {
    box-shadow: 0px -3px 8px 3px rgba(0, 0, 0, 0.51);
    position: relative;
    z-index: 2;
}

.sombra-central-1 {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.48);
    position: relative;
    z-index: 2;
}

.padding-0px {
    padding: 0px !important;
}

.padding-top-0px {
    padding-top: 0px !important;
}

.padding-bottom-0px {
    padding-bottom: 0px !important;
}

.padding-bottom-50px {
    padding-bottom: 50px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.marging-0px {
    margin: 0px !important;
}

.margin-top-0px {
    margin-top: 0px !important;
}

.margin-top-10px {
    margin-top: 10px !important;
}

.margin-top-15px {
    margin-top: 15px !important;
}

.margin-top-20px {
    margin-top: 20px !important;
}

.margin-top-25px {
    margin-top: 25px !important;
}

.margin-top-30px {
    margin-top: 30px !important;
}

.margin-top-40px {
    margin-top: 40px !important;
}

.margin-top-50px {
    margin-top: 50px !important;
}

.margin-top-60px {
    margin-top: 60px !important;
}

.margin-top-80px {
    margin-top: 80px !important;
}

.margin-top-100px {
    margin-top: 100px !important;
}

.margin-top-150px {
    margin-top: 150px !important;
}

.margin-top-200px {
    margin-top: 200px !important;
}

.margin-bottom-0px {
    margin-bottom: 0px !important;
}

.margin-bottom-10px {
    margin-bottom: 10px !important;
}

.margin-bottom-20px {
    margin-bottom: 20px !important;
}

.margin-bottom-25px {
    margin-bottom: 25px !important;
}

.margin-bottom-30px {
    margin-bottom: 30px !important;
}

.margin-bottom-35px {
    margin-bottom: 35px !important;
}

.margin-bottom-40px {
    margin-bottom: 40px !important;
}

.margin-bottom-50px {
    margin-bottom: 50px !important;
}

.margin-bottom-80px {
    margin-bottom: 80px !important;
}

.margin-bottom-100px {
    margin-bottom: 100px !important;
}

.margin-bottom-150px {
    margin-bottom: 150px !important;
}

.margin-bottom-200px {
    margin-bottom: 200px !important;
}

.inline-block {
    display: inline-block !important;
}

.navbar-nav li a {
    font-size: 14px;
}

.titulo-centro h4,
.titulo-centro h4:after {
    text-align: center;
    float: none;
    margin: auto !important;
}

body {
    background-attachment: fixed;
    background-size: 230px;
    background-position-y: 32px;
    color: var(--main-cor-texto);
}

.header-style2 .navbar-header-custom {
    border-right: 0px !important;
    padding: 0px !important;
}

.fixedHeader .navbar-brand img {
    max-height: 89px;
}


.scrollHeader .navbar-brand img {
    max-height: 69px;
    image-rendering: -webkit-optimize-contrast;
    top: 5px;
    max-width: fit-content;
}

p.titulo-colecao {
    font-size: 17px;
    text-align: center;
    padding: 0;
    margin-bottom: 2px;
    color: #828282;
}

p.olho-texto {
    font-size: 16px;
    line-height: 160%;
}

p.olho-texto span:before {
    color: var(--main-cor-principal);
}

section {
    background: none;
    padding: 90px 0 65px;
}


/*  Limpa fundo branco dos section  */

.resp-tabs-container {
    background: none !important;
}

.page-title-section2 {
    padding: 170px 0 90px;
    text-align: center;
    background-position-y: center !important;
}

#texto-empresa-index {
    max-height: 276px;
    overflow: hidden;
    margin-bottom: 25px;
}

/* ///////////////////////////////////////////////
//////////////  BANNER TOPO  /////////////////////
//////////////////////////////////////////////////
*/
/* #banner-topo-site .small-text, #banner-topo-site .hero-text { max-width: 730px !important; width: 100%; min-width: max-content !important;} */

#banner-topo-site .tp-parallax-wrap {
    width: 100%;
    left: 0 !important;
    margin-left: 0;
    text-align: center !important;
}
#banner-topo-site .small-text {
    text-transform: none !important;
    font-size: 25px !important;
    text-shadow: #000000eb 0px 1px 10px;
}
div.hero-text {
    font-weight: 600 !important;
    text-shadow: #000000c9 2px 5px 8px;
    text-transform: none !important;
}

/* Opacidade banner topos index e internas */

#banner-topo-site .z-index-1 {
    opacity: 0.15;
}
#banner-topo-site .tp-parallax-wrap * {
    text-align: center;
    width: 100%;
    max-width:100% !important;
    height: min-content !important;
    display: contents !important;
}
#banner-topo-site .small-text p {font-size: 40px !important; bottom: 15px !important; position: relative; }
#banner-topo-site .hero-text { line-height: 125% !important;  font-size: 94px !important;}



/*
/////////////  PARA CELULAR  ////////////////////
*/

@media screen and (max-width: 767px) {


    /* Texto Banner index */
    #banner-topo-site .small-text p {
        font-size: 23px !important;
        line-height: 107%;
        bottom: 1px !important;
        padding: 0 5% !important;
        display: table !important;
    }

    #banner-topo-site .hero-text {  
        line-height: 115% !important;
        font-size: 49px !important;
    }
 
}
/*
//////////////  FIM - BANNER TOPO  /////////////////////
*/



.page-title-section2:before {
    opacity: 0.65;
    background: #380303;
}

#foto-fundo-video .foto-fundo-video {
    display: block;
}


/* FIM - Opacidade banner topos index e internas */

.main-wrapper {
    background: #ffffffeb;
    display: grid;
}

#box-produtos-servicos .feature-textbox {
    top: -37px;
}

#video-box .row>div {
    margin: 0 auto;
    padding: 0;
}

#video-box .row .col-lg-5 {
    padding: 0 !important;
    margin: auto;
    margin-right: 0;
}

#video-box .foto-fundo-video {
    height: 279px;
    width: 405px;
    text-align: -webkit-center;
    display: table;
    background-size: cover;
    border: 9px solid #FFF;
}

#video-box {
    background: var(--main-cor-principal);
    margin: 25px 0 60px;
}

#video-box h4 {
    font-size: 33px;
    color: #fff;
    font-weight: 200;
    width: 560px;
    float: right;
    text-align: center !important;
}

#video-box h4 b {
    font-size: 40px !important;
}

#video-box .video_btn {
    background: #ffffff;
}

#video-box .video_btn i {
    color: var(--main-cor-principal);
}

@media screen and (max-width: 991px) {
    #video-box .foto-fundo-video {
        height: 230px;
        width: 95%;
        max-width: 350px;
        margin: 0 auto;
    }

    #video-box h4 {
        font-size: 22px;
        text-align: center !important;
        margin: 0 auto;
        float: none;
        width: 100%;
        padding: 30px 17px;
    }
}

.display-inline-block {
    display: table !important;
}

.section-clients {
    padding: 80px 0;
}

.counter-box h4:after {
    content: '';
}

.contador:before {
    background: #690000;
    background-image: linear-gradient(97deg, #ff00dc, #0014ff, #0014ff);
    background-image: -webkit-linear-gradient(-28deg, #ff00dc, #0014ff, #0014ff);
    padding: 100%;
}

.section-clients.clientes-index {
    padding-bottom: 0;
}

.container.depoimentos-index button {
    width: 30px !important;
    height: 30px !important;
}

#depoimentos .testmonial-single p {
    font-size: 18px;
    font-style: normal;
    line-height: 33px;
}

#depoimentos:before {
    background: #ffffffa6 !important;
}

#depoimentos h3 {
    color: var(--main-cor-principal);
}

#noticias-resumo .blog-grid-img {
    height: 215px;
}

#box-produtos-servicos .feature-textbox p {
    height: 57px;
    text-transform: lowercase;
    line-height: 19px;
    margin: 0 0 6px;
    overflow: hidden;
    display: block;
}

#box-produtos-servicos .feature-textbox span.read-more {
    line-height: 20px;
}

#conquistas .section-heading h3:after {
    background: #FFFFFF !important;
}

#noticias-resumo .section-heading h3:after {
    background: #fff !important;
}

#conquistas i {
    font-size: 50px;
    font-weight: unset;
}

#faixa-contato:before {
    content: "";
    padding: 200%;
    opacity: 0.8;
    background: var(--main-cor-principal);
}


/*
#faixa-contato::after {
content: "";
background: linear-gradient(to right,#ff00d0,#0014ff);
background: -webkit-linear-gradient(0deg, #ff00d0,#0014ff);
padding: 100%;
opacity: 0.8;
}
*/


/* background-image: url(../img/bg-atendimento.jpg) !important; */

#faixa-contato {
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

#faixa-contato a {
    font-size: 19px;
    text-transform: capitalize;
    font-family: inherit;
    font-weight: 400;
    color: #ffffff;
    padding: 10px 38px !important;
    line-height: 36px !important;
    background-color: var(--main-cor-principal);
    margin-left: 20px;
}

#faixa-contato a:hover {
    background-color: var(--main-cor-bot-hover);
}

#faixa-contato a::after {
    background: none;
}


/* BOTOES CONTATO */

#faixa-contato a i::before {
    font-size: 37px;
    padding-right: 5px;
    font-weight: normal;
}


/* BOTOES CONTATO - forçar bold no icone whatsapp */

#faixa-contato a i.fa-whatsapp::before {
    font-weight: 600;
}

#faixa-contato .box-mensagem .icon-chat {
    font-weight: bold;
    font-size: 99px;
    padding: 7px;
    background: -webkit-linear-gradient(#fab700, #ebee33);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: #71252500;
    text-rendering: optimizelegibility;
}

.container.box-mensagem div>h3 {
    font-family: var(--main-font-titulos);
    font-size: 37px;
    margin-bottom: 12px;
    line-height: 142%;
}

.box-like-conteudo h3,
.box-like-conteudo p {
    color: var(--main-cor-titulo) !important;
}

#noticias-resumo .blog-grid {
    box-shadow: 5px 8px 7px 2px rgba(0, 0, 0, 0.46);
}

#box-produtos-servicos .col-md-4 {
    margin: 0 auto;
    text-align: center;
}

#texto-servicos-listagem::before {
    content: "";
    background-color: #c1c1c135 !important;
    padding: 100%;
    bottom: -370px;
    position: relative;
}

.owl-carousel {
    display: grid !important;
}

.owl-foto-principal .owl-dots,
.owl-foto-principal .owl-nav {
    position: relative;
    display: table;
    z-index: 2;
    bottom: 102px !important;   
}

#empresa_abas .box-shadow-large {
    padding: 12px !important;
    background: #ffffff;
}

#empresa_abas .tab-style7 ul.resp-tabs-list li.resp-tab-active {
    color: var(--main-cor-principal);
    /* var(--main-cor-principal); */
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* font-weight: 700; */
    padding-bottom: 7px;
}

#empresa_abas .tab-style7 .resp-tabs-list li {
    color: #424242;
    font-size: 15px;
}

#empresa_abas .tab-style7 ul.resp-tabs-list li:hover {
    color: var(--main-cor-principal);
    /*var(--main-cor-link-menu) */
}

.tab-style7 .resp-tabs-list {
    border: 0px;
}

#empresa_abas .owl-foto-principal .owl-nav {
    display: auto;
}

#empresa_abas .owl-foto-principal .owl-dots {
    display: block;
}

#empresa_abas .resp-tab-content .container h1,
#empresa_abas .resp-tab-content .container h2,
#empresa_abas .resp-tab-content .container h3,
#empresa_abas .resp-tab-content .container h4 {
    font-size: 22px;
}

#box-bemvindo {
    padding-block: 100px;
}

#texto-empresa-index h2 {
    display: none;
}

#empresa_abas .resp-tab-content .container ul,
#texto-editavel ul,
#box-bemvindo ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 18px;
}

#empresa_abas .resp-tab-content .container ul li,
#texto-editavel ul li,
#box-bemvindo ul li {
    line-height: 28px;
    margin-bottom: 0;
    position: relative;
    padding-left: 25px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#empresa_abas .resp-tab-content .container ul li:after,
#texto-editavel ul li:after,
#box-bemvindo ul li:after {
    content: '\f14a';
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    color: var(--main-cor-principal);
}

#box-contato .contact-box {
    -webkit-box-shadow: 0px 12px 20px 1px #0000001f;
    box-shadow: 0px 12px 20px 1px #0000001f;
}

#box-contato .row div div.contact-box {
    min-height: 240px;
    overflow: hidden;
}

#box-contato .row div:hover {
    margin-top: -5px;
}

#box-contato .row div div.contact-box:hover {
    box-shadow: 0px 40px 20px 5px #00000015;
}

#box-contato .contact-box h4 {
    font-family: 'roboto', 'google Sans', sans-serif !important;
    font-weight: 600;
    font-size: 17px;
    color: #636363;
}

.contact-box span,
.contact-box a {
    color: #232323;
    font-size: 13px;
}

#rodape div#like-fb {
    opacity: 0.6;
}

#rodape div#like-fb:hover {
    opacity: 1;
}

.owl-foto-principal {
    cursor: grab;
    border-radius: 5px;
    overflow: hidden;
}

.owl-foto-principal div.titulo {
    position: absolute;
    bottom: 11px;
    right: 20px;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 0px 4px #0000009e;
    opacity: 1 !important;
    z-index: 1 !important;
    -webkit-transition: all 100s;
    transition: all 100s;
}


/* botão downloads */

.downloads {
    margin-bottom: 25px;
    border-radius: 3px;
}

.downloads i {
    background: #cecece;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.downloads li {
    border: 1px solid #cecece;
    width: max-content;
    padding-right: 15px;
    background: white;
}

.downloads li:hover i {
    background: var(--main-cor-principal);
    -webkit-transition: all 0.6s;
    transition: all 0.6;
}

.downloads li:hover {
    border: 1px solid var(--main-cor-principal);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.downloads .label {
    margin-top: 9px;
}


/* botão Link Conteudo - personalisado  */

.link-conteudo {
    margin-bottom: 10px;
}

.link-conteudo i {
    background: #cecece;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    padding: 10px 12px;
    color: #fff;
    vertical-align: top;
}

.link-conteudo {
    border: 1px solid #cecece;
    width: max-content;
    /* padding-right: 15px; */
    background: white;
}

.link-conteudo:hover i {
    background: var(--main-cor-principal);
    -webkit-transition: all 0.6s;
    transition: all 0.6;
}

.link-conteudo:hover {
    border: 1px solid var(--main-cor-principal);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.link-conteudo {
    color: #000000;
    margin-right: 30px;
    border-radius: 3px;
    max-width: max-content;
    display: inline-block;
}

.link-conteudo .label {
    margin-top: 9px;
    display: inline-block;
}

.link-conteudo a {
    padding: 10px 25px;
}


/* ############# Pagina Serviços e Produtos ############# */

#texto-editavel h5 {
    margin: 9px 0 10px 0;
    display: inline-block;
}

div#texto-editavel p {
    margin: 10px 0 17px;
}

div#texto-editavel h1,
div#texto-editavel h2 {
    display: revert;
}

div#texto-editavel ul li {
    margin-bottom: 7px;
}

.section-heading h4 {
    line-height: 130% !important;
}

.services-single-right {
    margin-top: -16px;
}

.services-single-right .special {
    padding: 16px;
    margin: 30px 0;
    border-left: 2px solid var(--main-cor-principal);
    background: #ffd40029;
    font-size: 15px;
}

.accordion-style .btn-link {
    background: hsla(0, 0%, 15%, 0.31) !important;
    color: #fff;
    font-size: 22px;
    line-height: 50px;
    position: relative;
    padding: 12px 30px 12px 15px;
    text-decoration: none;
    margin-bottom: 6px;
}

.owl-foto-principal .owl-dots {
    display: none;
}

.owl-foto-principal .owl-nav button {
    opacity: 0.4;
    width: 30px !important;
    height: 30px !important;
}

.owl-foto-principal .owl-nav button:hover {
    opacity: 0.9;
}

.owl-foto-principal .owl-nav i,
.owl-nav span {
    color: #232323;
    font-size: 35px;
    position: relative;
}

#galeria-listagem div p {
    height: 24px;
    overflow: hidden;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    transition-duration: 0.6s;
    margin-bottom: 14px;
    color: #a5a5a5;
}

#galeria-listagem div:hover p {
    color: #333333;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    transition-duration: 0.6s;
    transition-property: color, font-size, opacity;
    font-size: 14px;
}

#texto-editavel {
    display: inline-block;
    width: 100%;
}

#texto-editavel .list-style-5 li:before {
    content: '\f14a';
    /*circular "  \f192";  */
    top: unset;
    font-family: Font Awesome\ 5 Free;
}

#texto-editavel a {
    color: #6a2cbd;
    text-decoration: underline;
}

#texto-editavel a:hover {
    color: #c71515;
}

.services-single-right .owl-foto-principal {
    max-height: 565px;
    margin-bottom: 58px !important;
}

.services-single-right .owl-foto-principal img {
    max-height: unset;
    opacity: 1 !important; /*forçr mostrar primeira foto do carrossel*/
}


/****** ////////// Efeitos Borda Ianterna nas Imagens com Zoom /////////// */

#galeria-listagem a img {
    height: 153px;
    width: 230px;
}

#detalhes-serv-prod a .borda-interna-foto {
    border: 2px solid #ffffff;
    position: absolute;
    display: block;
    border-radius: 5px;
    opacity: 0;
    transition-property: opacity, left, top, bottom, right;
    transition-duration: 0.5s;
    top: 20%;
    bottom: 20%;
    left: 20%;
    right: 20%;
}

#detalhes-serv-prod a:hover .borda-interna-foto {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    transition-property: opacity, left, top, bottom, right;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}

#galeria-listagem a .borda-interna-foto {
    border: 2px solid #ffffff;
    position: absolute;
    display: block;
    z-index: 11;
    border-radius: 5px;
    opacity: 0;
    transition-property: opacity, left, top, bottom, right;
    transition-duration: 1.0s;
    bottom: 32%;
    top: 25px;
    left: 15%;
    right: 15%;
    max-width: 247px;
}

#galeria-listagem a:hover .borda-interna-foto {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    transition-property: all;
    bottom: 27%;
    top: 15px;
    left: 11%;
    right: 11%;
}


/* nao usadao // .galeria-interna .galleryItem img {display: block; position: absolute; top:0px;} */

#galeria-listagem .imagens,
#galeria-listagem .imagens,
#galeria-listagem .imagens a {
    display: table;
    position: absolute;
    top: 0px;
    width: max-content;
    visibility: hidden;
}


/* ---- */


/* Texto canto da imagem Popup */

.mfp-title {
    font-size: 16px;
}


/****** //////// Box Botões Compartilhar no final dos conteúdos ///////// */

.box-like-conteudo svg {
    fill: #0074ec !important;
    width: 45px !important;
    height: 45px !important;
}

.box-like-conteudo .at-icon-wrapper {
    width: 84px !important;
    height: 50px !important;
    padding-right: 5px;
}

.fb-like {
    width: 100%;
    display: inline-block;
}

.box-like-conteudo .botoes>div:first-child {
    text-align: center !important;
    margin: 0 auto;
    padding: 0px 0 25px;
}

.box-like-conteudo .section-heading p {
    font-size: 23px;
}

.box-like-conteudo {
    /*cordenadas para Celular e Descktop*/
    display: none;
    background: none;
    border-radius: 200px;
    width: 100%;
    border: 8px dotted var(--main-cor-principal) !important;
    margin-left: auto;
    padding: 50px 40px;
    margin-bottom: 144px;
    margin: 0 auto;
}

.box-like-conteudo .section-heading {
    margin-bottom: 24px;
}

.celular-e-desktop .box-like-conteudo {
    display: block;
    background: none;
    border: none;
    width: 94%;
}


/* 
 .fb_iframe_widget iframe {
    width: 191px !important;
    height: auto !important;
    margin: 0 auto !important;
    position: unset !important;
}


.box-like-conteudo .fb-like span {
    width: 100% !important;
    background: red;
    text-align: center;
} */

 

@media screen and (min-width: 768px) {

    /* Descktop */
    .desktop .box-like-conteudo {
        display: block;
        margin: 160px auto 90px;
        max-width: 930px !important;
    }

    .box-like-conteudo .section-heading p {
        padding: 0;
    }
}


/****** ///////////////// Menu Esquerdo de Serv e Prod ////////////////// */

.services-single-menu {
    background: none;
}

.services-single-menu ul li {
    border: none;
    background: #bdbdbd47;
}

.services-single-menu ul li.categoria {
    display: block;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    padding: 15px 0 8px 9px;
}

.services-single-menu ul li a {
    padding: 8px 0 8px 15px;
}

.services-single-menu {
    background: #bdbdbd2e;
}


/* BG cinza Menu */

.services-single-menu li.active a {
    border-left-color: var(--main-cor-principal);
    color: #232323;
}

.left-title:before {
    background: var(--main-cor-principal);
}

.col-lg-3 .bg-light-gray,
.post .bg-light-gray {
    background-color: #ffffff;
}


/****** Inicio - MENU ESQUERDO - Acordion Lateral ********/

.services-single-left-box>h6.font-weight-700 {
    font-weight: initial !important;
    font-size: 20px;
    margin-bottom: 3px;
}

.menu-esq-acordion .card-header {
    border: 0px;
}

.menu-esq-acordion .btn-link:hover {
    background-color: var(--main-cor-principal) !important;
}

.menu-esq-acordion h5 .btn-link {
    background: #9e9e9e61;
    line-height: 20px;
    position: relative;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    white-space: normal;
    border-radius: 0;
    padding: 11px 30px 12px 15px !important;
    text-decoration: none;
    font-family: "open sans", "sans-serif", arial;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

.menu-esq-acordion .card-body {
    padding: 3px 15px;
    line-height: 24px;
    text-align: left;
    background: #f9f9f940;
    border-radius: 0 0 10px 10px;
}

.menu-esq-acordion .btn-link:hover {
    Color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menu-esq-acordion .card-body ul li a {
    display: block;
}

.menu-esq-acordion .list-style-5 li:hover:before {
    content: "\f192";
    font-weight: bold;
    /*color: #c0c0c0 !important;*/
}

.menu-esq-acordion {
    margin-bottom: 40px;
}

.menu-esq-acordion h5.show.ativo:not(.collapsed) .btn {
    /* background: none !important; */
    /* border: 2px solid var(--main-cor-principal) !important; */
}

.menu-esq-acordion h5 .btn {
    border: none !important;
}

.menu-esq-acordion .list-style-5 li:last-child {
    border: none;
}


/* ***** QUANDO H5 EM FOCUS ******* */

.menu-esq-acordion .collapsing,
.menu-esq-acordion div.show {
    border: 2px solid;
    border-color: var(--main-cor-principal);
    border-top: 0 !important;
    border-radius: 0 0 10px 10px;
    transition: height 0.3s ease 0s;
    /*efeito acordion lento menu esquerdo*/
}

.menu-esq-acordion .collapsing {
    border: 2px solid;
    border-color: var(--main-cor-principal);
}

.menu-esq-acordion h5.ativo button {
    background-color: var(--main-cor-principal) !important;
    color: #dadada;
    border-radius: 10px;
}

.menu-esq-acordion h5 .btn-aberto:not(.collapsed) {
    /* fundo H5 ativado quando aberto acordion */
    background: var(--main-cor-principal) !important;
}

.menu-esq-acordion h5 .collapsed {
    /* Sem fundo apenas borda no H5 quando é o aivo mas está fechado/desmarcado */
    background-color: unset !important;
}

.menu-esq-acordion .btn[aria-expanded="true"] {
    background-color: var(--main-cor-principal) !important;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.menu-esq-acordion .btn[aria-expanded="false"] {
    background-color: var(--main-cor-principal);
    border-radius: 10px 10px;
}


/* .menu-esq-acordion h5>a>.btn, */

.menu-esq-acordion h5 .btn-link {
    background-color: var(--main-cor-principal) !important;
    color: var(--main-cor-link-menu) !important;
    border-radius: 10px;

}

.menu-esq-acordion .btn:hover {
    background-color: var(--main-cor-principal) !important;
}

.menu-esq-acordion .btn:hover {
    background-color: var(--main-cor-bot-hover) !important;
}


/* Elimina borda duplicada do topo extra */


/* ****** Fim nao focus ***** */

.menu-esq-acordion h5 {
    margin-top: 8px;
}

.menu-esq-acordion .list-style-5 li {
    position: unset;
    border-bottom: 1px solid;
    /* Borda das linhas no acordion, subcategorias */
    border-color: red;
    border: 0px;
    margin: 0px;
}

.menu-esq-acordion .list-style-5 li::before {
    color: var(--main-cor-principal);
    content: "\f192";
    font-family: Font Awesome\ 5 Free;
    color: var(--main-cor-texto);
    float: left;
    margin-left: -23px;
    position: unset !important;
    top: unset !important;
    left: unset !important;
    line-height: 32px;
}

.menu-esq-acordion .list-style-5 li a {
    padding: 5px 0px 5px 0px;
}


/* Cor de textos */

.menu-esq-acordion .list-style-5 li:hover::before,

/*menu arcordion esquerdo*/

.menu-esq-acordion .list-style-5 li.ativo::before {
    color: var(--main-cor-principal);
}


/*
//////////////////////////////////////
///////////// FIM MENU  //////////////
//////////////////////////////////////
*/

.accordion-style2 .btn-link.collapsed:after {
    Color: #fff;
    background: none;
    content: "+";
    right: 12px;
    left: inherit;
    font-size: 20px;
    height: auto;
    transform: none;
    width: auto;
    top: 13px;
}

.accordion-style2 .btn-link:after {
    Color: #fff;
    background: none;
    content: "-";
    right: 12px;
    left: inherit;
    font-size: 20px;
    height: auto;
    transform: none;
    width: auto;
    top: 13px;
}

.services-single-left-box .bg-light-gray {
    background-color: #ececec5e;
}

.services-single-left-box .offer-banner {
    margin-top: 20px;
    display: -webkit-inline-box;
}


/****** /////////////////** Pag Catalogo Novidades  ////////////////// */

.catalogo-novidades .feature-box-07 .feature-textbox {
    min-height: 175px !important;
    height: 175px;
    padding: 25px 16px 20px;
    display: table;
}

.catalogo-novidades .feature-box-07 .feature-textbox p {
    height: 73px;
    overflow: hidden;
    margin: 0 0 0px;
}

.section-heading span,
.catalogo-novidades .feature-box-07 .link-1 {
    color: #333;
}

.catalogo-novidades>div {
    margin-top: 12px;
}


/* //////////////////** Pag Produtos Ofertas  ////////////////// */

.produtos-ofertas .feature-box-07 .feature-textbox {
    min-height: 211px;
    height: 175px;
    padding: 25px 16px 20px;
}

.produtos-ofertas .feature-box-07 .feature-textbox p {
    overflow: hidden;
    margin: 0;
    height: 49px;
    font-size: 15px;
}

.produtos-ofertas .feature-box-07 .link-1 {
    color: #333;
}

.produtos-ofertas>div {
    margin-top: 12px;
}

.produtos-ofertas .feature-box-07 .feature-textbox p.categoria {
    height: 25px;
    overflow: hidden;
}

.feature-box-07 .feature-textbox {
    box-shadow: 0 0 20px 5px #33333330;
    border-radius: 6px;
    overflow: hidden;
}

.feature-box-07:hover .feature-textbox {
    box-shadow: 0 0 20px 5px #1b1b1b5e;
}


/* //////////////*******Efeito BG Fade do Zoom das fotos  //////////////********/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}


/*  /////////////////******* Blog  ///////////////////// */

#blog .content {
    padding: 30px;
    padding-top: 10px;
    background: rgba(228, 228, 228, 0.29);
}

#blog .post .content .special {
    padding: 15px;
    margin: 30px 0;
    border-left: 3px solid var(--main-cor-principal);
    background: rgba(228, 228, 228, 0.38);
    font-size: 16px;
}

#blog .inner-title h6 {
    margin-bottom: 14px;
    font-size: 20px;
}

#blog .side-bar .widget {
    margin-bottom: 20px;
}

#blog .side-bar .widget li {
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 10px 0;
    line-height: 140%;
}

#blog .side-bar .menu-categorias li {
    font-size: 15px;
}

.section-heading.left h4 {
    padding-bottom: 10px;
}

.blogs .post .content .meta li * {
    color: #9a9a9a;
}

.blogs .post .content .meta {
    margin-bottom: 0px;
    text-align: right;
}

.post-meta .section-heading {
    margin-bottom: 15px;
}

.service-box .img-holder:before {
    display: none;
}

#blog .service-box:hover .service-inner-box {
    background: var(--main-cor-principal);
}

#blog .service-box:hover .service-inner-box * {
    color: #fff;
}

#blog .service-box p {
    margin-top: 10px;
}

#blog .service-inner-box {
    -webkit-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
    -moz-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
    -o-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
    transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
    padding: 20px;
    border-top: 0px solid var(--main-cor-principal);
    overflow: hidden !important;
}

#blog .service-content-box {
    width: 100%;
    height: 120px;
    overflow: hidden;
}

#blog .service-content-box p {
    font-size: 14px;
    color: #323232;
}

#blog .service-content-box h3 {
    font-size: 20px;
    /*max-height: 76px;*/
    overflow: hidden;
    margin-top: -3px;
}

#blog #post-relacionados {
    margin-top: 70px;
}

#blog .service-content-box .overflow-hidden {
    overflow: hidden !important;
    height: 46px;
}

.blog-grid .data-box-grid p {
    text-transform: none;
}

.blog-grid-text h4 {
    font-size: 20px;
    max-height: 76px;
    overflow: hidden;
}

.blog-grid-text p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0 0 0;
}

.service-simple:hover img {
    transform: scale(1.2);
}

.blog-grid-text>span {
    color: unset;
}

.data-box-grid:before {
    content: "";
    padding-right: 0;
}

#blog .side-bar .menu-categorias li span {
    color: #cecece;
}

#blog .blog-grid,
#blog .service-box {
    -webkit-box-shadow: 0px 4px 17px -2px rgba(45, 45, 45, 0.11);
    box-shadow: 0px 4px 17px -2px rgba(45, 45, 45, 0.11);
}

#blog .service-box:hover {
    -webkit-box-shadow: 0px 4px 17px -2px #17171770;
    box-shadow: 0px 4px 17px -2px #17171770;
}

.post #texto-editavel {
    margin-bottom: 25px;
}

.owl-carousel .service-box:hover img {
    transform: scale(1.2);
    transition: all 0.5s ease 0s;
}

.owl-carousel .service-box img {
    transition: all 0.5s ease 0s;
}

.service-box .img-holder {
    overflow: hidden;
}

.service-content-box h1,
.service-content-box h2,
.service-content-box>h3,
.service-content-box h4,
.service-content-box h5,
.service-content-box h6 {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0 0 0;
    font-family: 'Open Sans', sans-serif !important;
    text-align: left;
}

.blog-grid-text h1,
.blog-grid-text h2,
.blog-grid-text h3,
.blog-grid-text h4:last-child,
.blog-grid-text h5,
.blog-grid-text h6 {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0 0 0;
    font-family: 'Open Sans', sans-serif !important;
    text-align: left;
}

.owl-carousel.owl-drag .owl-item {
    text-align: center;
}

.clients img {
    opacity: 1;
}


/****  ///////////////////// Diversos  ///////////////////// */

.pag_atendimento iframe {
    height: 100% !important;
    width: 100% !important;
}


/*  ///////////////////// Rodape - Footer  ///////////////////// */

footer {
    /*background: linear-gradient(0deg, var(--main-cor-principal), var(--main-cor-principal),#960200, #730100);*/
    background-color: #9e100f;
}

footer>.container {
    padding-top: 40px;
}

footer .border-color-light-white {
    border: none !important;
}

footer P,
footer a {
    color: #ffffff;
}

footer p a:hover {
    color: white !important;
}

footer .social-icon-style5 li {
    display: inline-block;
    margin-right: 9px;
}

footer .social-icon-style5 li a {
    font-size: 18px;
}

.footer-bar {
    padding-top: 19px;
    padding-bottom: 20px;
    margin-top: 20px;
    background: none;
    border-top: none;
    border-top: 1px solid #ffffff17;
}

.assinatura-agencia {
    height: 20px;
}

footer .texto-ass-agencia {
    color: #ffffff;
    font-size: 12px;
}

footer h2:after,
footer h3:after,
footer h4:after,
footer h5:after,
footer h6:after {
    height: 1px;
    background: #ffffff;
}

footer .social-icon-style5 li a:hover {
    color: #ffffff78;
}

footer h3.titulo-coluna {
    margin-bottom: 20px;
    font-size: 20px;
}

footer .col-lg-3 p {
    font-size: 14px !important;
}

footer .container .coluna-1 p {
    margin-bottom: 11px;
}

footer .texto-ass-agencia img {
    margin-top: -6px;
    animation-delay: 0s !important;
}

footer .texto-ass-agencia img:hover {
    transform: scale(1.1);
}


/******  Ajuste box listagem do produto  *********/

#pagina-produto-ofertas .feature-box-07 .feature-textbox .feature-desc {
    height: 36px;
    line-height: 19px;
    margin-bottom: 5px !important;
}

#pagina-produto-ofertas .feature-box-07 .feature-textbox {
    height: 215px !important;
    display: grid;
    border-radius: 6px;
    overflow: hidden;
}

.feature-box-07 .feature-textbox .read-more {
    /* position: absolute; */
    bottom: -12px;
    /* display: table; */
    color: var(--main-cor-principal);
    /* left: 41%; */
    margin-bottom: -5px;
}

#pagina-produto-ofertas .feature-box-07 .feature-textbox p.feature-cat {
    height: 21px !important;
    margin-bottom: 0 !important;
}

#pagina-produto-ofertas .feature-box-07:hover .feature-textbox p.feature-cat {
    color: #fff;
}

.feature-box-07 .title {
    margin: -10px 0 6px;
    line-height: 136%;
    overflow: hidden;
    max-height: 47px;
    font-weight: 600;
    font-size: 18px;
}


#principais-servicos .col-md-4 {
    margin: 0 auto;
}

#services-carousel .img-holder img {
    width: 100% !important;
    height: 100% !important;
}

.feature-box-07:hover .img-box img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    filter: saturate(1.6);
}


/****** Borda e Sombra Menu Topo */

.header-style2 .navbar-default {
    box-shadow: none !important;
    border-bottom: 0px solid #ffffff66;
    background: rgb(0 0 0 / 14%);
    background: linear-gradient(180deg, #0000006e -160%, #ffffff00 87%);
}


/**********  TODAS AS TELAS ***********/
header.scrollHeader .navbar-default {
     transition: all 0.5s ease 0s !important;
    -webkit-box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 44%) !important;
    -ms-box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 44%) !important;
    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 44%) !important;
    background: #ffffffb0;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}


/****** fim - borda ...  */

.borda-interna-foto {
    display: none !important;
}

a.scroll-to-top:hover {
    background: #929292;
}

a.scroll-to-top i {
    color: var(--main-cor-principal);
}

a.scroll-to-top:hover i {
    color: #fff;
}

a.scroll-to-top {
    padding-top: 2px;
    border: 0;
    background: #bfbfbf38;
    bottom: unset;
    top: 101px;
}


/* ******* Depoimento na index com marcs ******** */

#depoimentos {
    padding-bottom: 96px;
    padding-top: 145px;
}

#depoimentos .section-heading {
    margin-bottom: 28px;
}

#marcas-clientes .owl-carousel .item {
    display: grid;
    height: 214px;
}

#marcas-clientes .owl-carousel .item img {
    vertical-align: middle;
    margin: auto auto;
    border-radius: 14px;
}

#depoimentos .owl-dots {
    display: block;
    margin-bottom: 10px;
}

#depoimentos #marcas-clientes {
    padding: 36px 0 8px;
}

div#caixa-de-texto {
    max-height: 584px;
    overflow-y: auto;
}

.alert-success {
    color: #114600;
    background-color: #abff93;
    border: 0;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}


/* ****** Fim - Depoimento index com marcas ****** */




/*******************************
TABELA RESPONSIVA DE 3 FOTOS DENTRO DO TEXTO
*******************************/

#texto-editavel #boxFoto {
    margin: 12px 0;
}

#texto-editavel #boxFoto .texto {
    padding: 10px 5px;
    font-size: 15px;
}

#texto-editavel #boxFoto h2 {
    margin-bottom: 1px;
    padding-top: 10px;
}

#texto-editavel #boxFoto tr:first-child td {
    text-align: -webkit-center;
    padding-bottom: 19px;
    background: white;
}

/*********  TABELA Foto Por Linha ***************/

@media screen and (min-width: 767px) {
    #texto-editavel #boxFoto {
        float: left;
        display: block;
        padding: 11px;
        margin: 7px;
        font-size: 13px;
        line-height: 169%;
    }

    #texto-editavel .b3x1 {
        width: 31% !important;
    }

    #texto-editavel .b2x1 {
        width: 47% !important;
    }
}


/* Fim - TABELA Foto Por Linha */




/* Blog */

.side-bar section.box-negocios-estilo-icone {
    padding: 25px 0;
}

.side-bar .container {
    padding: 0;
}

.side-bar .section-heading {
    margin-bottom: 25px;
}

.side-bar .section-heading h3 {
    font-size: 24px;
}
/* Paginas Internas */





.navbar-nav ul li {background: unset !important}
.navbar-nav ul li { background:#fff !important}
.navbar-nav ul li:hover {background:#dedede!important;}

.navbar-nav ul li:first-child,
.navbar-nav .sub-menu ul li:first-child {border-radius: 5px 5px 0 0 !important;}

.navbar-nav ul li:last-child, 
.navbar-nav .sub-menu li:last-child {border-radius: 0 0 5px 5px !important;}

.navbar-nav .sub-menu ul {border-radius: 5px !important; overflow: hidden;}





/************************************************
##################################################
##################################################
##################################################
##################################################
##################################################
##########           ######            ###########
##########   #######################   ###########
##########      #################   ##############
##########   #################   #################
##########   #####    #####    ###################
##########   #####    ###              ##########
##################################################
##################################################
##################################################
##############   CSS P/ MOBILE   #################
##################################################
##################################################
##################  REZULTI  #####################
##################################################
##################################################
##################################################
##################################################
##################################################
*************************************************/


.card > div {
    transition: height 0.3s ease 0s !important;
}


#menu-lateral .banner-lateral {
    border-radius: 9px;
    overflow: hidden;
}

#menu-lateral .depoimento  {
    /* fundo depoimento na lateral */
    background-color: #6060601a;
}
#menu-lateral #principais-servicos h3 {
    font-size: 22px;
}

#menu-lateral #principais-servicos .section-heading {margin-bottom: 10px ;}


@media (max-width: 1599px) {
    .feature-box-07 .img-box img {
        width: 100%;
        height: auto;
    }

    #box-produtos-servicos .row {
        margin: 30px 0;
    }
}


/****** Fim - Max-width 1599 */


/****** ########## Menu Topo Fixo para Celular ########## */

@media screen and (max-width: 1366px) {
    .header-style2 .navbar-header-custom {
        border-right: 0px !important;
        padding: 2px 0 2px !important;
    }

    .scrollHeader .navbar-brand img {
        max-height: 130px;
        transition-duration: 2s;
    }

    .navbar-nav>li>a {
        padding: 15px 0.5rem;
    }
}


/****** Fim - max-width: 1366px */

@media (max-width: 1199px) {
    #galeria-listagem a img {
        height: 133px;
        width: 200px;
    }

    #box-produtos-servicos .feature-box-07 .img-box img {
        width: 290px;
        height: 193px;
    }

    #principais-servicos .col-md-4 {
        -ms-flex: 0 0 49.2%;
        flex: 0 0 49.2%;
        max-width: 49.2%;
    }
}


/****** Fim - min-width 1199*/


/****** //// Para screen Entre 620px <-> 991px /////****** /

@media screen and (min-width: 620px) and (max-width: 991px) {
	.banner-lateral img {
		max-width: 284px;
	}
}

/******  Larguras da lateral esquerda e conteudo */

@media screen and (max-width: 992px) {

    .container .row>.col-md-12 {
        -ms-flex: 0 0 99.99%;
        flex: 0 0 99.99%;
        max-width: 99.99%;
        padding-right: 20px;
    }

    #principais-servicos .feature-box-07 .img-box img {
        width: 316px;
        height: 210px;
    }

    #box-produtos-servicos .feature-box-07 .img-box img {
        width: 401px;
        height: auto;
    }

    /******  Criar o 'Xiz' do Botao fechar menu de celular quando aberto */
    .navbar-toggler.menu-opened:before {
        top: 49% !important;
    }

    .navbar-toggler.menu-opened:after {
        top: 17px;
    }

    .navbar-nav li.ativo a {
        color: var(--main-cor-principal);
    }

    /* Fotos dentro dos textos corridos - celular */
    #texto-editavel p>img {
        width: auto !important;
        padding: 9px !important;
        height: auto !important;
        max-height: 650px !important;
    }
}
/******  fim - max-width: 992px */


@media screen and (min-width: 1600px) {
    .container {
        max-width: 1403px !important;
    }

    .blog-grid img {
        max-height: 200px;
    }

    .col-lg-6 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    #noticias-resumo .col-lg-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    #noticias-resumo .blog-grid img {
        max-height: 200px;
    }

    #noticias-resumo .blog-grid-img {
        height: auto;
    }

    .menu_area .navbar-nav>li {
        margin-left: 26px;
    }

    #galeria-listagem a img {
        width: 290px;
        height: 190px;
    }

    #galeria-listagem a .borda-interna-foto {
        bottom: 38%;
        top: 29px;
        left: 21%;
        right: 85px;
    }

    #galeria-listagem a:hover .borda-interna-foto {
        bottom: 28%;
        top: 19px;
        left: 11%;
        right: 52px;
    }

    .side-bar #principais-servicos .feature-box-07 .img-box img{
        width: unset;
        height: unset;
    }

    #principais-servicos .feature-box-07 .img-box img {
        width: 473px;
        height: 315px;
    }

    #box-produtos-servicos .feature-box-07 .img-box img {
        width: 437px;
        height: 292px;
    }

    .col-lg-8 {
        -ms-flex: 0 0 69.99%;
        flex: 0 0 66.99%;
        max-width: 66.99%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 29.99%;
        flex: 0 0 32.99%;
        max-width: 32.99%;
    }

    #pagina-produto-ofertas .feature-box-07 .img-box img,
    #pagina-catalogo .feature-box-07 .img-box img {
        width: auto !important;
        height: auto !important;
    }

    #empresa_abas .col-lg-6 {
        -ms-flex: 0 0 49.99%;
        flex: 0 0 49.99%;
        max-width: 49.99%;
    }

    #box-produtos-servicos .row {
        margin: 80px 0;
    }

    #texto-empresa-index {
        max-height: 315px;
        margin-bottom: 17px;
    }
}


/******  Fim - min-width 1600 */

@media (min-width: 992px) {


    #blog .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 73%;
        max-width: 73%;
    }

    /* Lado Esquerdo - coteudo */
    #blog .col-lg-3 {
        -ms-flex: 0 0 26%;
        flex: 0 0 26%;
        max-width: 26%;
        padding-left: 30px;
    }

    
    /* INICIO - MENU TOPO DROP DOWN */

    .navbar .sub-menu li {
        margin: 0px 0px;
    }
    
    .navbar .sub-menu a {
        padding: 7px 0;
    }
    
    .navbar .sub-menu {
        padding: 0px 0px;
     }
    
    .navbar .sub-menu li:hover {
        background: #ebebeb;
    }

    /* FIM - MENU TOPO DROP DOWN */

}
/* Fim - min-width: 992px */


@media screen and (max-width: 991px) {

    /******  //// Para Celular - XX  //// */
    /******  Cor do link de menu do topo - link ativo */
    .header-style1 .navbar-nav li.current>a,
    .header-style2 .navbar-nav li.current>a,
    .header-style1 .navbar-nav li.active>a,
    .header-style2 .navbar-nav li.active>a {
        color: var(--main-cor-principal) !important;
    }

    .tab-style7 ul.resp-tabs-list li.resp-tab-active {
        color: var(--main-cor-principal) !important;
    }

    /****** Deve ser Sub Drop Down / menu topo */
    #principais-servicos .feature-textbox {
        width: 91%;
        height: 161px;
        min-height: 160px;
        line-height: normal;
        overflow: hidden;
        display: inherit;
    }

    #principais-servicos .sm-line-height-26 {
        line-height: 19px;
        font-size: 13px;
    }

    /******  Descktop */
    .box-like-conteudo .section-heading p {
        font-size: 24px;
    }

    .box-like-conteudo .section-heading h3 {
        font-size: 34px;
    }

    .box-like-conteudo .at-icon-wrapper {
        width: 70px !important;
    }

    .navbar-toggler:after {
        position: absolute;
        top: 17px;
        right: 9px;
        display: block;
        height: 9px;
        width: 20px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: "";
    }

    .navbar-toggler:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 10px;
        right: 9px;
        display: block;
        height: 2px;
        width: 20px;
        background: #fff;
        content: "";
    }

    .page-title-section2 {
        padding: 115px 0 40px;
    }

    #galeria-listagem .col-lg-4 {
        max-width: 33.33%;
        text-align: center;
    }

    #galeria-listagem a img {
        height: 150px;
        width: 225px;
    }

    #galeria-listagem a .borda-interna-foto {
        max-width: 57%;
        max-height: 45%;
        margin: auto auto;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        transition-property: all;
    }

    #galeria-listagem a:hover .borda-interna-foto {
        max-width: 73%;
        max-height: 64%;
        margin: auto auto;
        top: 24px;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        transition-property: all;
    }

    #principais-servicos .feature-box-07 .img-box img {
        width: 100%;
        height: auto;
    }

    #titulo-sobre-nos {
        display: none;
    }

    #empresa_abas {
        padding: 0px;
    }

    /* Abas visiveis no celular */
    #empresa_abas .resp-tab-content {
        display: table !important;
        border: none;
        padding: 0;
        background: none;
    }

    #empresa_abas h2.resp-accordion.hor_1 {
        border: none;
        margin: 21px 0 11px;
        font-size: 26px;
        text-align: center;
    }

    #empresa_abas h2.resp-accordion span.resp-arrow {
        display: none;
    }

    #empresa_abas h2.resp-accordion:after {
        content: '';
        display: block;
        width: 100px;
        height: 2px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
    }

    #empresa_abas .padding-15px-all {
        padding: 8px;
    }

    h2.resp-accordion.resp-tab-active {
        background: none !important;
        color: #232323;
    }

    #galeria-listagem div p {
        height: auto;
    }

    footer h3.titulo-coluna {
        margin: 5px 0 20px;
        font-size: 22px;
        font-weight: bold;
    }

    footer .social-icon-style5 li {
        display: inline-block;
        margin-right: 17px;
    }

    .navbar-nav {
        top: 112px;
        border-radius: 6px;
        /******   -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			box-shadow: 3px 4px 15px 5px rgba(0, 0, 0, 0.29);
			*/
    }

    .navbar-nav .submenu-button:before {
        top: 24px;
    }

    .navbar-nav .submenu-button:after {
        top: 27px;
    }

    #detalhes-serv-prod img {
        min-width: 100%;
        max-height: 450px
    }

    .box-mensagem .btn-style4 {
        width: 315px;
        margin: 0 !important;
    }
}


/******  fim - max-width: 992px */

@media screen and (min-width: 992px) {


    .botao-reserva {
        width: 50%;
    }
        
    /* Detalher importantes Box + texto ao lado */
            
        #detalhes-serv-prod > div:nth-child(2n+1) > div.sm-margin-30px-bottom {
            float: right ;
        }

        #detalhes-serv-prod > div {
            display: block;
            width:100%;
            float: left;
        }

        #detalhes-serv-prod .col-lg-6.col-md-12.box-texto-45 {
            width: 40%;
            height: 267px;
            display: table !important;
        }

        #detalhes-serv-prod > div > div {
            float: left;
            display: table ;
        } 
        /* FIM - Detalher importantes */

    /* Larguras caixa de texto galeria de 'Detalhes do Serviço' */
    #detalhes-serv-prod .row>.col-lg-6 {
        -ms-flex: 0 0 5 5%;
        flex: 0 0 55%;
        max-width: 49%;
    }

    #detalhes-serv-prod .row>.box-texto-45 {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

 
    .titulos-detalhes {
        font-size: 28px;
    }

    .header-style2 .navbar-nav>li>a {
        font-size: 12px;
    }

    /*************************************/
    .header-style2 .navbar-header-custom {
        border-right: 0px !important;
        padding: 7px 0 5px !important;
    }

  
    .navbar-nav>li {
        /* para menu topo pag atual */
        display: grid;
    }

    #detalhes-serv-prod {
        width: 100%;
    }

    /* #detalhes-serv-prod img {
        width: 100%;
        height: 300px;
    } */

    .col-md-6 {
        width: 50%;
        float: initial;
    }
}


/* fim - min-width: 992px */

@media (min-width: 767px) and (max-width: 991px) {
    #blog .service-content-box p {
        font-size: 12px;
        line-height: 167%;
    }

    #blog .service-content-box h3 {
        font-size: 20px;
        line-height: 135%;
        margin-top: -4px;
        height: 76px;
    }
}


/* Fim - 767px / 992px */


/* ===================================
Menu Fixo Celular
====================================== */

@media screen and (max-width: 767px) {

    #box-produtos-servicos .feature-box-07 {
        max-width: 430px;
        margin: 0 auto;
        float: unset;
    }

    #blog .service-content-box h3 {
        font-size: 20px;
        line-height: 135%;
        margin-top: -4px;
        height: 80px;
    }

    #box-produtos-servicos .feature-box-07 .img-box img {
        width: 100%;
        height: 220px;
    }

    /* index bx servics product */
    #principais-servicos .feature-box-07 .img-box img {
        width: 510px;
        height: 340px;
    }

    #faixa-contato::after {
        padding: 133%;
    }

    .titulo-bloco h6 {
        font-size: 22px;
    }

    #menu-lateral {
        order: 3;
    }

    #faixa-contato {
        background-size: cover;
        background-position: center;
        background-position-y: 12px;
        background-position-x: 47%;
        overflow: hidden;
        background-attachment: fixed;
    }

    footer .social-icon-style5 li a {
        font-size: 21px;
    }

    footer .container .coluna-1 p {
        margin-bottom: 20px;
    }

    footer .col-lg-3 p {
        font-size: 15px !important;
    }

    .pagination .ocultar-no-celular {
        display: none;
    }

    .pagination .fa-long-arrow-alt-left:before,
    .pagination .fa-long-arrow-alt-right:before {
        line-height: 40px;
    }

    .pagination .xs-display-none {
        display: block !important;
    }

    .pagination li:first-child a,
    .pagination li:last-child a {
        width: 50px;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    #galeria-listagem a img {
        height: 150px;
        width: 225px;
    }

    div.hero-text {
        font-size: 33px !important;
    }

    .page-title-section2 h1 {
        font-size: 36px;
        font-weight: normal;
    }



    /*  ------------- */


    .blogs .post .content .meta li * {
        color: #9a9a9a;
        font-size: 15px;
    }

    .blogs .post .content .meta {
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .section-heading.left h4 {
        padding-bottom: 10px;
        text-align: center;
        font-size: 28px;
    }

    .section-heading.left h4:after {
        margin: 0 auto;
    }

    #blog .side-bar .widget li {
        padding: 0 0 0 12px;
        font-size: 17px;
        margin: 0 0 18px 0;
    }

    #blog .inner-title h6 {
        margin-bottom: 19px;
        margin-top: 33px;
        font-size: 23px;
    }

    #blog .side-bar .search form input {
        font-size: 18px;
    }

    #blog .col-lg-3 {
        order: 3;
    }

    #post-relacionados {
        margin: 0px 0 70px !important;
        order: 2;
    }

        /* Celular */
        .celular .box-like-conteudo {
            display: block;
            background: none;
            border: 0;
            margin: 35px 0px;
            border-radius: 79px;
            padding: 50px 10px 65px;
        }
    
        .botoes-link-box-ofertas .butn.medium {
            padding: 13px 13px;
            margin: 0 4px 10px;
        }


    
    header.scrollHeader .navbar-default {
        min-height: 57px;
        position: fixed;
        top: 0;
        z-index: 99;
        width: 100%;
        background: #fff;
        left: 0;
        transition: all 0.5s ease 0.5s;
    }

    .wrapper-boxed .scrollHeader .navbar-default {
        left: 0;
        margin: 0 auto;
        max-width: 1200px;
        right: 0;
    }

    .scrollHeader .navbar-header-custom {
        padding: 4px 0;
        transition-duration: 0.5s;
    }

    .navbar-nav .megamenu {
        margin: 0;
        padding: 30px 15px;
        right: 0;
        width: 100%;
    }

    .navbar .megamenu>li {
        margin: 0;
        float: left;
    }

    .navbar .sub-title {
        color: #fff;
    }

    .megamenu>li>ul {
        left: 0;
        margin: 0;
        min-width: auto;
        position: static;
        width: 100%;
    }

    .navbar .megamenu li>ul {
        margin: 0;
        min-width: auto;
        padding: 0;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .navbar .megamenu ul li {
        padding: 0;
    }

    .navbar .megamenu li.has-sub>a:after,
    .navbar .megamenu li.has-sub>a:before {
        background: none;
    }

    /* atribute navigation */
    .scrollHeader .attr-nav>ul>li>a {
        padding: 21px 15px;
    }

    .attr-nav>ul>li.dropdown ul.dropdown-menu {
        visibility: hidden;
        top: 66px;
        border-radius: 0;
        opacity: 0;
        left: -225px;
    }

    .attr-nav>ul>li.dropdown:hover ul.dropdown-menu {
        margin-top: 0;
        opacity: 1;
        visibility: visible;
    }

    .scrollHeader .attr-nav>ul>li.dropdown ul.dropdown-menu {
        top: 67px;
    }

    .navbar-header.navbar-header-custom {
        background: none;
        width: 100%;
        left: 0;
        text-align: center;
    }

    /*Tamanho marca no celular*/
    .scrollHeader .navbar-brand img {
        max-height: 69px;
        transition-duration: 0.5s;
    }

    /*Posicao vertical menu topo no celular*/
    .header-style2 .navbar-toggler {
        top: 28% !important;
        border-radius: 6px;
    }

    #box-contato .contact-box {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
    }

    #box-contato .row div div.contact-box {
        overflow: unset;
        min-height: unset;
        background: unset;
        border: unset;
        margin: 0;
    }

    .contact-box span,
    .contact-box span a {
        font-size: 18px;
    }

    #box-contato .contact-box h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #box-contato .row div div.contact-box:hover,
    #box-contato .row div:hover {
        box-shadow: none;
        margin-top: 0;
    }

    .contact-box i {
        margin: 30px 0 15px;
    }

    #empresa_abas .col-lg-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* ########## Ajusto Sub Menu Topo com Scroll da altura da tela no Celular ########## */
    nav.navbar {
        height: 80%;
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        padding: 0 21px !important;
    }

    .navbar-nav {
        height: max-content;
        max-height: 500px;
        overflow-y: auto !important;
        width: -webkit-fill-available;
        margin: 0 auto;
        margin-right: 20px;
        margin-left: 20px !important;
        position: fixed;
        border-top : 1px solid #ffffff;
    }

    .header-style2 .navbar-toggler {
        top: 16px !important;
        border-radius: 6px;
        float: right;
        width: 37px;
        height: 35px;
    }

    .navbar-nav>li {
        padding-left: 6px !important;
    }

    header.scrollHeader .navbar-default {
        min-height: 70px;
    }

    #galeria-listagem .col-lg-4 {
        max-width: 49.90%;
        text-align: center;
    }

    #principais-servicos .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Colunas site */
    .container .row>.col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #box-produtos-servicos .row {
        margin: 0px;
    }

    /* Fotos nos meio dos textops das paginas / Celular */
    #texto-editavel p>img {
        width: 100% !important;
        padding: 9px !important;
        height: auto !important;
        max-height: 650px !important;
    }



}
 
    

@media screen and (max-width: 450px) {
    #blog .service-content-box h3 {
        font-size: 20px;
        line-height: 135%;
        margin-top: -4px;
        height: 80px;
    }

    #principais-servicos .feature-box-07 img {
        width: 100% !important;
        height: 220px !important;
    }

    /* indes lista servics e producs */
    #principais-servicos .feature-box-07 {
        width: 100%;
        display: table;
        padding-bottom: 15px;
    }

    #principais-servicos .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #noticias-resumo .blog-grid-img {
        height: 175px;
    }

    /* Colunas site */
    .container .row>.col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #galeria-listagem a img {
        width: 150PX;
        height: 100px;
    }

    .box-mensagem .btn-style4 {
        width: 92%;
        margin: 0 !important;
    }
}


/******************* Fim - CSS ************************/