/*
 * Update das cores automáticas. Esta é a definição padrão.
 * É possível sobrescrever as cores em um arquivo de tema.
 * O resto do CSS é calculado a partir destas cores.
 */
:root {
    --txt-base: /*#2E363F*/ 126,137,152;
    --color-base: /*#f1f2f7*/ 241, 242, 247;
    --font-base: 'Open Sans', Arial, sans-serif;

	/* Simboliza as cores de maximo contraste (invertido no black somente) */
	--txt-contrast: /*#000*/ 0, 0, 0;
	--color-contrast: /*#FFF*/ 255, 255, 255;

    --txt-icon: /*#fff*/ var(--txt-base);
	--color-icon: /*##272727*/ 255, 255, 255;

    --txt-input: /*#fff*/ var(--txt-base);
    --color-input: /*#2E363F*/ var(--color-base);
	
	--txt-primary: /*#fff*/ var(--txt-base);
	--color-primary: /*#444*/ 68, 68, 68;
	--txt-primary-dark: /*#fff*/ var(--txt-base);
	--color-primary-dark: /*#000*/ 0, 0, 0;

    --txt-headings: /*#2E363F*/ var(--txt-contrast);
    --font-headings: 'Open Sans', Arial, sans-serif;

    /* Miscelâneas:
     * * utilizadas em classes especificas, mas mantidas aqui
     *   para facilitar a manutenção, troca de cores e,
     *   principalmente, as animações.
     */
    --color-zap: /*#00e676*/ 0, 230, 118;
    --color-gray: /*#e2e2e2*/ 226, 226, 226;
    --txt-bgWhite: var(--txt-base);
    --color-bgWhite: /*#FFF*/ 255, 255, 255;

    --round: 8px;
}

.grid-row { /*12 col grid*/
	display:grid;
	grid-template-columns: repeat(12, 1fr);
    row-gap: 5px;

    --x: auto;
    --y: auto;

	&.container::before, &.container::after {
		display: none;
	}

	& > * {
		grid-column: 1 / span 12;
        grid-row: var(--y) / span 1;
	}

    & > .gcol-xs-1 {grid-column: var(--x) / span 1}
    & > .gcol-xs-2 {grid-column: var(--x) / span 2}
    & > .gcol-xs-3 {grid-column: var(--x) / span 3}
    & > .gcol-xs-4 {grid-column: var(--x) / span 4}
    & > .gcol-xs-5 {grid-column: var(--x) / span 5}
    & > .gcol-xs-6 {grid-column: var(--x) / span 6}
    & > .gcol-xs-7 {grid-column: var(--x) / span 7}
    & > .gcol-xs-8 {grid-column: var(--x) / span 8}
    & > .gcol-xs-9 {grid-column: var(--x) / span 9}
    & > .gcol-xs-10 {grid-column: var(--x) / span 1;}
    & > .gcol-xs-11 {grid-column: var(--x) / span 1;}
    & > .gcol-xs-12 {grid-column: var(--x) / span 1;}

	@media (min-width: 576px) {


        & > .gcol-sm-1 {grid-column: var(--x) / span 1}
        & > .gcol-sm-2 {grid-column: var(--x) / span 2}
        & > .gcol-sm-3 {grid-column: var(--x) / span 3}
        & > .gcol-sm-4 {grid-column: var(--x) / span 4}
        & > .gcol-sm-5 {grid-column: var(--x) / span 5}
        & > .gcol-sm-6 {grid-column: var(--x) / span 6}
        & > .gcol-sm-7 {grid-column: var(--x) / span 7}
        & > .gcol-sm-8 {grid-column: var(--x) / span 8}
        & > .gcol-sm-9 {grid-column: var(--x) / span 9}
        & > .gcol-sm-10 {grid-column: var(--x) / span 1;}
        & > .gcol-sm-11 {grid-column: var(--x) / span 1;}
        & > .gcol-sm-12 {grid-column: var(--x) / span 1;}
	}

    @media (min-width: 768px) {
        column-gap: 30px;

        & > .gcol-md-1 {grid-column: var(--x) / span 1}
        & > .gcol-md-2 {grid-column: var(--x) / span 2}
        & > .gcol-md-3 {grid-column: var(--x) / span 3}
        & > .gcol-md-4 {grid-column: var(--x) / span 4}
        & > .gcol-md-5 {grid-column: var(--x) / span 5}
        & > .gcol-md-6 {grid-column: var(--x) / span 6}
        & > .gcol-md-7 {grid-column: var(--x) / span 7}
        & > .gcol-md-8 {grid-column: var(--x) / span 8}
        & > .gcol-md-9 {grid-column: var(--x) / span 9}
        & > .gcol-md-10 {grid-column: var(--x) / span 1;}
        & > .gcol-md-11 {grid-column: var(--x) / span 1;}
        & > .gcol-md-12 {grid-column: var(--x) / span 1;}
    }

    @media (min-width: 992px) {
        & > .gcol-lg-1 {grid-column: var(--x) / span 1}
        & > .gcol-lg-2 {grid-column: var(--x) / span 2}
        & > .gcol-lg-3 {grid-column: var(--x) / span 3}
        & > .gcol-lg-4 {grid-column: var(--x) / span 4}
        & > .gcol-lg-5 {grid-column: var(--x) / span 5}
        & > .gcol-lg-6 {grid-column: var(--x) / span 6}
        & > .gcol-lg-7 {grid-column: var(--x) / span 7}
        & > .gcol-lg-8 {grid-column: var(--x) / span 8}
        & > .gcol-lg-9 {grid-column: var(--x) / span 9}
        & > .gcol-lg-10 {grid-column: var(--x) / span 1;}
        & > .gcol-lg-11 {grid-column: var(--x) / span 1;}
        & > .gcol-lg-12 {grid-column: var(--x) / span 1;}
    }

    @media (min-width: 1200px) {
        & > .gcol-xl-1 {grid-column: var(--x) / span 1}
        & > .gcol-xl-2 {grid-column: var(--x) / span 2}
        & > .gcol-xl-3 {grid-column: var(--x) / span 3}
        & > .gcol-xl-4 {grid-column: var(--x) / span 4}
        & > .gcol-xl-5 {grid-column: var(--x) / span 5}
        & > .gcol-xl-6 {grid-column: var(--x) / span 6}
        & > .gcol-xl-7 {grid-column: var(--x) / span 7}
        & > .gcol-xl-8 {grid-column: var(--x) / span 8}
        & > .gcol-xl-9 {grid-column: var(--x) / span 9}
        & > .gcol-xl-10 {grid-column: var(--x) / span 1;}
        & > .gcol-xl-11 {grid-column: var(--x) / span 1;}
        & > .gcol-xl-12 {grid-column: var(--x) / span 1;}
    }

    & > .gcol-height-1 {grid-row: var(--y) / span calc(var(--y) + 0);}
    & > .gcol-height-2 {grid-row: var(--y) / span calc(var(--y) + 1);}

    &.reverseH {
        grid-auto-flow: column-reverse;
    }

    &.reverseV {
        grid-auto-flow: row-reverse;
    }

    &.reverse {
        grid-auto-flow: row-reverse column-reverse;
    }
}

/*Defaults*/
html, body, .modal-content {
	color: rgb(var(--txt-base));
    background-color: rgb(var(--color-base));
}

body.boxed #wrapper,
body #wrapper, .wrapper {
	background-color: rgb(var(--color-base));
}

a {
    color: rgb(var(--color-primary)) !important;
}

p, ul, li, ol li, ul li, cite, blockquote cite {
	color: rgb(var(--txt-base));
    font-family: var(--font-base);
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(var(--txt-headings));
    font-family: var(--font-headings);
}

a p,
a small {
    color: rgb(var(--txt-base));
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    color: rgb(var(--txt-headings));
}

input,
select {
	color: rgb(var(--txt-input));
    background-color: rgb(var(--color-input));
    border-radius: var(--round);
}

/*i.fa::before {
    color: rgb(var(--txt-base));
}*/

/*Fundo primário*/
.styleColor {
    color: rgb(var(--color-primary));
}
.styleBackground {
    color: rgb(var(--txt-primary-dark));
    background-color: rgb(var(--color-primary-dark));
}
.styleBackground h1,
.styleBackground h2,
.styleBackground h3,
.styleBackground h4,
.styleBackground h5,
.styleBackground h6,
.styleBackground p,
.styleBackground a,
.styleBackground small {
    color: rgb(var(--txt-primary-dark));
}

.styleSecondBackground {
	background-color: rgb(var(--color-primary));
    color: rgb(var(--txt-primary));
}

.styleSecondFill {
	fill: rgb(var(--color-primary));
}

.bgWrapper {
    background: rgba(var(--color-primary-dark), 0.1);
}
.bgLight {
    background: rgb(var(--color-base));
    color: rgb(var(--txt-base));
}

.bgLight p,
.bgLight small{
    color: rgb(var(--txt-base));
}

.bgLight h1,
.bgLight h2,
.bgLight h3,
.bgLight h4,
.bgLight h5,
.bgLight h6 {
    color: rgb(var(--txt-headings));
}

.bgLight a {color: rgb(var(--color-primary)) !important;}

@media all and (min-width: 768px) {
    .pull-right-sm{float: right;}
    .pull-left-sm{float: left;}
}

.divider, hr {
	border-top: rgb(var(--txt-contrast),.25) 1px solid;
	border-bottom:rgb(var(--txt-contrast),.25) 1px solid;
}

.divider-b {
    border-bottom: rgba(var(--txt-contrast),.25) 1px solid;
}

.panel {
    background: rgba(var(--color-primary-dark), 0.1);
    border-radius: var(--round);
    overflow: auto;
}

.lead {
    color: rgba(var(--txt-base), .8);
}

.featured-box-minimal i.fa {
    color: inherit !important;
}

/*tamanhos*/
.mb0 {margin-bottom: 0;}

.mt5 {margin-top: 5px;}
.mb5 {margin-bottom: 5px;}
.pb5 {padding-bottom: 5px;}
.mv5 {margin: 5px 0;}
.pv5 {padding: 5px 0;}

#slider.adaptative {
    height: auto!important;
    max-height: calc(100vh - 80px);
}
#slider.adaptative .swiper-slide{background-size: contain;position: relative;}
#slider.adaptative .swiper-slide .display-table{position: absolute; top: 0;}
#slider.slider-tri .swiper-wrapper {
	height: inherit !important;
	display: flex;
	align-items: stretch;
}
#slider.cube .swiper-wrapper {
	height: inherit !important;
}

#slider .swiper-button-next,
#slider .swiper-button-prev {
    display: block !important;
}

#slider .swiper-button-prev::after,
#slider .swiper-button-next::after {
    content: unset !important;
}

.width50{width:50% !important;}
.width33{width:33.33% !important;}
.width25{width:25% !important;}

#whatsapp {
    z-index: 999;
    position: fixed;
    bottom: 50px;
    right: 15px;
}

#whatsapp > a {
    background: rgb(var(--color-zap));
    line-height: 65px;
    display: block;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    border-radius: 50%;
    font-size: 3rem;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all;
    opacity: 1;
}

#whatsapp i.fa::before {
    color: #fff !important;
}

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

a.social.fa-whatsapp:hover {
    background: rgb(var(--color-zap)) !important;
}

/**centralizar imagem reposnsiva**/
.text-center img.img-responsive{display: inline-block}

a.disabled{cursor: default;pointer-events: none;opacity:0.5}
@media all and (min-width: 768px) {
  .desktop-margin-left-35{margin-left: 35px;}
  .desktop-margin-left-50{margin-left: 50px;}
  .desktop-text-right{text-align: right;}
  .desktop-margin-bottom-20{margin-bottom: 20px;}
  .desktop-margin-top-40{margin-top: 40px;}
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.backGroundGray{background-color: rgb(var(--color-gray));}
.backGroundWhite, .bg-white, .white-row {
    background-color: rgb(var(--color-bgWhite)) !important;
    color: rgb(var(--txt-bgWhite)); /*porque afeta o black*/
}

.agenda-cnt {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* agenda e gestao atual */
.agenda .row > .col-md-12{margin-top: 20px;}
.agenda .divisor-agenda{border-bottom: 1px solid #bbb}
/*.agenda .row:nth-child(1n+3){margin-top: 30px;}*/

p.agenda-apartirde{
    margin: 0;
    color: #9d9d9d;
    font-size: 1.2em;
    letter-spacing: 2px;
    padding-left: 15%;
}
.agenda-navegador{
    display: inline-block;
    width: 24%;
    text-align: center;
    position: relative;
    height: 60px;
}
.agenda-navegador a{
    width: 90px;
    background: #efefefef;
    color: #000a !important;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    position: absolute;top: 13px;
}
.agenda-navegador.pull-left a{right: 0;}
.agenda-navegador.pull-right a{left: 0;}
.agenda-navegador a > i{font-size: 4em;}
.agenda-atual{display: inline-block;width: 50%;margin: 0 auto;text-align: center;}
.agenda-atual a{display: inline-block;padding: 5px 15px;}
.agenda-atual a:hover{text-decoration: none}
.agenda-atual a > i{font-size: 4em;margin-right: 20px}
.agenda-atual a:hover > i:before{content: "\f073"}
.agenda-atual .mes{font-size: 3em;}
.agenda-atual .ano{font-size: 2.4em;font-weight: 300;}
.agenda-atual .de{font-size: 1.6em;font-weight: 300;margin: 0 8px;}
.agenda .ano-atual{
    display: block;
    font-size: 0.6em;
    font-weight: 300;
    text-align: center;
    line-height: 25px;
    padding-bottom: 10px;
    margin-top: -10px;
}

.month.active {
    background: rgb(var(--color-primary)) !important;
}

.month.active:hover {
    filter: saturate(0.5);
}

@media all and (max-width: 1199px) {
    .agenda-atual{width: 80%;}
    .agenda-navegador{width: 10%;}
}
@media all and (max-width: 768px) {
    .agenda-atual{display: block;width: 100%;}
    .agenda-navegador{width: 50%;}
    .agenda-navegador.pull-right a{left: 10px;}
}

/* agenda  */
div.heading-title {
    position: relative;
    margin-bottom: 40px;
}
div.heading-title.heading-line-single:before,
div.heading-title.heading-line-double:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: auto;
    right: 0;
}
div.heading-title.heading-line-double:before{
    top: 50%;
    border-top: 3px double #ddd;
}
div.heading-title h1,
div.heading-title h2,
div.heading-title h3,
div.heading-title h4,
div.heading-title h5,
div.heading-title h6 {
    margin:0;
    padding:0;
    background-color:#fff;
    color: #000 !important;
    position:relative;
    display:inline-block;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: var(--round);
}
.agenda{position: relative;float: left;}
.agenda-hline{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin-left: 60px;
    width: 1px;
    border-left: rgba(0,0,0,0.1) 1px dashed;
    height: 100%;
}
.agenda .agenda-entry {
    display: block;
    border: #DDD 1px solid;
    padding-top: 10px;
    top: 10px;
    left: 5px;
    right: auto;
    width: 110px;
    z-index: 2;
    height: 64px;
    font-size: 26px;
    text-align: center;
    border-radius: 10px 0 0 10px;
    line-height: 1;
    font-family: 'Lato','Open Sans',Arial,Helvetica,sans-serif;
}
.agenda .agenda-entry>span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}
.agenda .agenda-title{
    margin-bottom: 10px;
}
.agenda .agenda-event-info{
    display: block;
    border-bottom: #eaeaea 1px dotted;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.agenda h3.agenda-title.not-first{
    font-size: 20px;
    line-height: 1.3em;
}
.agenda h3.agenda-title.not-first>a{
    color: #555555;
}
.agenda .agenda-entry.first{
    width: 120px;
    height: 80px;
    left: 0px;
    line-height: 1.1;
    font-size: 32px;
    top: 20px;
    z-index: 0;
    border: 1px solid #ddd;
    border-radius: 10px 0 0 10px;
}
.agenda .agenda-entry.first>span{
    font-size: 17px;
}
.agenda .agenda-event-description p, .agenda .agenda-event-description div{display: inline}
.agenda .agenda-event-description a.btn-primary{margin: 1px}

.datepicker thead th.prev:after,
.datepicker thead th.next:after {
  font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro") !important;
}

@media (max-width: 1100px) {
    .agenda .desktop-margin-left-50{margin-left: 65px}
}
@media all and (max-width: 991px) {
    .agenda .divisor-agenda {display: none}
    .tablet-nomargin{
        margin: 0!important;
    }
    .agenda-hline{
        display: none;
    }
    .agenda{width: 100%}
    .agenda .agenda-entry{margin-bottom: 7px}
    .agenda .agenda-entry.first{
        position: relative;
        top: 0px;
        display: inline-block;
        /*overflow: hidden;*/
        z-index: 1;
        width: 100%;
        height: 50px;
        padding: 10px 0;
        line-height: 27px;
        margin-bottom: 5px;
    }
    .agenda .agenda-entry.first>span{
        display: inline-block;
        margin-left: 10px;
    }
    .agenda .agenda-entry:not(.first){
        padding-top: 5px;
        top: 0;
        width: 95%;
        height: 55px;
        line-height: 1;
        position: relative;
    }
    .tablet-margin-bottom-10{
        margin-bottom: 10px!important;
    }
}

@media only screen and (max-width: 768px){
    .agenda div.heading-title.heading-line-single:before,
    div.heading-title.heading-line-double:before {right: 15px;}
    .agenda div.heading-title h2{padding-left: 15px;}
    .agenda div.heading-title {margin-bottom: 20px!important;}
    /* agenda geral */
    .agenda{width: 100%;}
    .agenda .agenda-title{line-height: 1.1;}
    .agenda .agenda-entry>span {display: inline-block;margin-left: 10px;font-size: 17px;}
    .agenda .agenda-entry:not(.first) {padding-top: 15px;}
    .agenda .agenda-entry {
        position: relative!important;
        left: 0!important;
        width: 100%!important;
        margin-bottom: 10px!important;
        font-size: 4em!important;
        min-height: 90px!important;
        line-height: 1.1!important;
        height: auto!important;
        border-radius: 4px!important;
    }
    .agenda .agenda-entry:after{
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 9px 51px 0;
        display: block;
        width: 0;
        z-index: 1;
        margin-left: -51px;
        bottom: -9px;
        left: 50%;
    }
    .agenda span.anchor{display: none;}
    .agenda a.btn-primary{display: block;width:100%;margin-bottom: 20px;}
    .agenda .row>.col-md-12:nth-child(even){background: rgba(0, 0, 0, 0.1);}
    .agenda .row>.col-md-12{margin: 0!important;padding: 15px 10px;}
    .agenda .row > .col-md-12:nth-child(3){margin-top: 0;}
    .agenda .row:nth-child(1n+3){margin-top: 0;}
}

a.btn-primary, .btn.btn-primary {
    background-color: rgb(var(--color-primary)) !important;
    color: rgb(var(--txt-primary)) !important;
}

i.featured-icon {
    color: rgb(var(--txt-primary));
    background-color: rgb(var(--color-primary));
    border-color: rgb(var(--color-primary));
}

/* Sombra noclick */
#header_shadow {pointer-events: none;}

/* forms */
.zend_form .divInputTextarea .control-input{margin-bottom: 15px}
.zend_form .divInputContainer .divInputContainerItem .form-group{margin-bottom: 0}
.zend_form .radio label.control-label{padding-left: 0}
/* form curriculo */
#divFoto {overflow: hidden;margin-bottom: 3rem;}

/* em numeros */
#em-numeros {border-radius: 0;margin: 0;}
#em-numeros i.featured-icon{font-size: 40px;margin-top: 0;margin-bottom: 10px;width: 80px;height: 80px;line-height: 80px;}
#em-numeros img.featured-img{margin-bottom: 10px;margin-top: 0;}
#em-numeros i.featured-icon:after{margin-top: -80px;}
#em-numeros div.countTo strong{font-size: 45px;line-height: 45px;}


@media screen and (max-width:768px) {
    .owl-carousel[wrappable="yes"] .owl-wrapper {
        width: 100% !important;
        flex-wrap: wrap;
    }

    .owl-carousel[wrappable="yes"] .owl-controls {
        display: none !important;
    }
}

/** links na capa **/
div.featured-box,
.progress,
.panel-group,
.panel-body,
div.toggle div.toggle-content,
div.tabs ul.nav-tabs li.active a,
div.toggle > label,
div.tabs div.tab-content {
	background-color: rgb(var(--color-icon));
    border-radius: var(--round);
}
.links-capa div.featured-box.nobg i.fa {
    font-size: 35px;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
div.featured-box.nobg.border-only i.fa {
    color: rgb(var(--txt-icon)) !important;
    border: 1px solid rgb(var(--txt-icon));
}
.imgLink{
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;
    margin-bottom: 20px!important;
    max-width: 100px;
    max-height: 100px;
}

/** blog 1 **/
#shop .item-box-desc {
    height: unset !important;
}
#blog1 .blog-flex{display: flex;}
#blog1 .blog-flex .blog-flex-item{flex: 1 1 auto;}
#blog1 .blog-flex div.item-box{height: 100%}
@media (max-width: 990px) {
    #blog1 .blog-flex{flex-wrap: wrap;}
    #blog1 .blog-flex .blog-flex-item{flex: 1 1 50%; margin: 1% 0}
    #blog1 .blog-item-3 .blog-flex-item{flex: 1 1 33.33%}
}
@media (max-width: 768px) {
    #blog1 .blog-flex{display: block}
    #blog1 .blog-flex div.item-box{max-width: 100%;margin: 2px 0}
}

/** servicos 1 **/
#servico1 .servico-flex{display: flex;}
#servico1 .servico-flex .servico-flex-item{flex: 1 1 auto;}
#servico1 .servico-flex div.featured-box{height: 100%}
@media (max-width: 990px) {
    #servico1 .servico-flex{flex-wrap: wrap;}
    #servico1 .servico-flex a{flex: 1 1 50%; margin: 1% 0}
}

/** servicos 2 **/
#servico2 .servico-flex{display: flex;}
#servico2 .servico-flex a{flex: 1 1 auto;}
#servico2 .servico-flex a div.featured-box{height: 100%}
@media (max-width: 990px) {
    #servico2 .servico-flex{flex-wrap: wrap;}
    #servico2 .servico-flex a{flex: 1 1 50%; margin: 1% 0}
}
#servico2 div.featured-box i.fa{border-radius: 5%;}
#servico2 div.featured-box img{border-radius: 5%!important;}


/** agenda na capa **/
#box-agenda-1 h3{margin-bottom: 10px;}
@media (max-width: 1200px) {
    #box-agenda-1 .desktop-margin-left-50{margin-left: 65px}
}
@media (max-width: 991px) {
    #box-agenda-1 .desktop-margin-left-50{margin-left: 0px}
}

/* page header */
ul.breadcrumb li a {color: #fff!important;}
.image-only h1{color: #fff!important;}
.image-only ul.breadcrumb li,
.image-only ul.breadcrumb li.active {opacity: .7;}
.image-only .overlay.color2 {
    background:rgba(var(--color-primary), 0.6) !important;
    color: rgb(var(--txt-primary));
}
/* midias sociais */
.hidden-header .fb-page{margin-top: -70px;}
.hidden-header {overflow: hidden;}
#shop .product-image img {
    border-radius: calc(2 * var(--round));
}

#shop #midias-sociais{display: block;padding: 10px;}
/*faz os 3 primeiros produtos ficar sem margin-top*/
#shop .col-md-9 .col-md-4:nth-child(-n+3) .item-box{margin-top: 0!important;}
#midias-sociais h3.page-header{
	color: rgb(var(--txt-base), .75);
	border-color:rgb(var(--txt-base), .75);
	margin: 0 !important;
	padding: 0 15px 0 5px;
	line-height: 18px !important;
	font-size: 16px;
}
.midias-sociais.midia-bg-dark{background: #343434; color: #fff;}
.midias-sociais.midia-bg-dark h4{color: #fff;}
.midias-sociais.midia-bg-white{background: #ffffff; color: #000000;}
.midias-sociais.midia-bg-white h4,
.midias-sociais.midia-bg-white p
{color: #000000 !important;}
.midias-sociais.midia-bg-light{background: #f4f5f6; color: #000000;}
.midias-sociais.midia-bg-light h4,
.midias-sociais.midia-bg-light p
{color: #000000 !important;}
.midias-sociais.midia-bg-dark h2,
.midias-sociais.midia-bg-dark h3,
.midias-sociais.midia-bg-dark h4{color: #fff;}
.midias-sociais.midia-bg-dark p{color: #cecece;}
.midias-sociais .featured-box i{font-size: 60px!important;background: transparent!important;}
.midias-sociais a:hover h2,
.midias-sociais a:hover h3,
.midias-sociais a:hover h4,
.midias-sociais a:hover{text-decoration: none;}
.midias-sociais a i{width: 90px!important;height: 90px!important;line-height: 90px!important;margin-bottom: 5px!important;transition: all .3s}
.midias-sociais.midia-bg-light a i{color: #616161!important;}
.midias-sociais.midia-bg-white a i{color: #616161!important;}
.midias-sociais a:hover i{font-size: 40px!important;}
.midias-sociais.midia-bg-dark a:hover i{background: rgba(0, 0, 0, 0.5)!important;}
.midias-sociais.midia-bg-light a:hover i{background: rgba(200, 200, 200, 0.5)!important;}
.midias-sociais.midia-bg-white a:hover i{background: rgba(200, 200, 200, 0.5)!important;}
div.featured-box i.fa-brands {
    padding: 0;
    color: #fff;
    margin: 20px 0;
    font-size: 40px;
    text-align: center;
    position: relative;
    background-color: #333;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
/* organizar depois */
.item-box.fixed-box figure img{width: auto;height: auto;}
.item-box.fixed-box .item-box-desc{height: 100px;}

/* endereços - filiados */
.box-filial > div {background: #fff;border: 1px solid rgba(46, 54, 62, 0.1);border-radius: 4px;padding: 3rem 0;}
.box-filial .icone {font-size: 4rem;display: inline-block;margin-right: 2rem;}
#contact .box-filial {margin-right: 10px;}
#contact .box-filial > div {background: #fff;border: 1px solid rgba(46, 54, 62, 0.1);border-radius: 4px;padding: 3rem 10px;min-height: 220px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#contact .box-filial .icone {font-size: 2.6rem;display: inline-block;margin: 0 2rem 5px 1rem;}
#contact {z-index: 1;}

@media (max-width: 768px) {
    #contact.is_stuck {position: relative!important}
    #contact.is_stuck + div {height: auto!important}
}

.overlayedText {
    color: #fff !important;
    position: absolute;
    background: #0008;
    top: 0;
    height: 100%;
    margin: 0 15px 0 0;
    padding: 5px;
    border-radius: 15px;
    opacity: 0;
    display: flex;
    align-items: center;
    transition: ease-in-out opacity .5s;
}

.overlayedText:hover {
    opacity: 1;
}

/* #contact.is_stuck {
    padding: 0;
    top: 100px!important;
} */
/* #contact.is_stuck h2,
#contact.is_stuck h3 {display: none;} */
/* #contact.is_stuck .tabs {
    padding: 0!important;
    background: transparent!important;
    border-radius: 0!important;
    margin-bottom: 0!important;
} */
#contact.is_stuck .tabs {
    padding-bottom: .4rem!important;
    top: 1rem;
    position: relative;
}
#contact .nav-unidades li i {
    font-size: inherit;
}
#contact .nav-unidades li a {
    font-size: initial;
    min-height: 50px;
    flex-direction: row;
    border-radius: 0;
    padding: 15px 5px;
}

#contact .nav-unidades li:not(.active) a {
    color: rgb(255,255,255,.8) !important;
    background-color: rgb(var(--color-contrast),.1) !important;
}

#contact .nav-unidades li:not(.active) i {
    color: #d65858;
}

ul#unidades-produto {padding: 0;margin-top: 1rem;}
ul#unidades-produto li {display: block;background: #dc8080;color: #fff;border-radius: 5px;}
ul#unidades-produto .nome {background: rgba(0, 0, 0, 0.2);font-size: 2rem;font-weight: 300;padding: 1.5rem 1rem 10px 2rem;}
ul#unidades-produto .dados {padding: 1rem 2rem;}
ul#unidades-produto .btn {background: white;color: #b56867;top: -10px;position: relative;}

.andress {position: absolute;bottom: -9px;width: calc(100% - 15px);z-index: 2;background: #3b4148;padding: 25px 15px;color: #fff;}


/* Unidades */
.nav-unidades {display: flex;flex-direction: row;flex-wrap: wrap;}
.nav-unidades li{float: unset;flex: 1;text-align: center;margin: 2px;min-width: 155px;}
.nav-unidades li a {font-size: 22px;min-height: 125px;line-height: 1;justify-content: center;align-items: center;display: flex;flex-direction: column;}
.nav-unidades li i {display: block;margin-bottom: .5rem;font-size: 4rem;}
/*.nav-unidades li.active a {color: #fff!important;background: #f15657!important;}*/
.nav-unidades li.active::after{
    border-color: rgb(var(--color-icon)) transparent transparent transparent;
    border-style: solid;border-width: 7px 20px 0px 20px;
    content: "";
    position: absolute;left: 40%;
    z-index: 40;
}
.nav-unidades li:not(.active) i {color: #8c8c8c;}
.setores {position: relative;background: #fff;}
.setores::before {border-color: #f4f5f6 transparent transparent transparent;border-style: solid;border-width: 14px 270px 270px;top: 0px;content: "";position: absolute;left: 30%;}
.setores .featured-box-minimal ~ p{margin-bottom: 6px;}
.setores .featured-box-minimal ~ p i {font-size: 20px;margin: 0 10px;}

/** unidades capa **/
.owl-carousel.owl-carousel-unidades-3 {margin-bottom: 0}

.un-unidade {
    background-color: rgb(var(--color-contrast), .5) !important;
    color: rgb(var(--txt-contrast)) !important;
    border: 1px solid rgba(var(--txt-contrast), .2) !important;
}

/* slide */
.owl-controls {pointer-events: none!important;}
.owl-controls .owl-page,
.owl-controls .owl-buttons {pointer-events: visible!important;}
.owl-carousel .owl-item img{margin: 0 auto;}
.owl-galeria-servico {display: unset;max-width: 500px;margin-right: 20px;margin-bottom: 15px;float: left!important;}

section {background-color: inherit;}
section.margin-footer {
    margin-bottom: 0!important;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: rgb(var(--color-primary-dark)) !important;
    color: rgb(var(--txt-primary-dark)) !important;
}

.nav-pills>li>a {
    border-radius: var(--round) !important;
}

.nav-pills>li>a:hover, .nav-pills>li.active>a{
    background-color: rgb(var(--color-primary), .5) !important;
    color: rgb(var(--txt-primary)) !important;
}

.nav-pills>li.active>a {
    background-color: rgb(var(--color-primary)) !important;
}

.pagination {
    border-radius: var(--round) !important;
    overflow: hidden;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    cursor: default;
    background-color: rgb(var(--color-primary)) !important;
    color: rgb(var(--txt-primary)) !important;
    border-color: rgb(var(--color-primary)) !important;
}

.pagination > li > a, .pagination > li > span {
    color: rgb(var(--color-primary)) !important;
}
ul.nav-list li.active{
    background-color: rgb(var(--color-primary));
}
ul.nav-list li.active a{color: rgb(var(--txt-primary)) !important;}
aside ul.nav-list li.active a i{
    color: rgb(var(--txt-primary)) !important;
}
ul.nav-list li.active a:hover{color: rgb(var(--color-primary));}
aside ul.nav-list li.active a:hover i{color: rgb(var(--color-primary));}
#blog .widget ul.nav-list li.active > a, #blog .widget ul.nav-list li a:hover {padding-left: 10px;}
div#blog p {
    font-size: 16px;
}


.inline-block{display: inline-block}
.flex{display: flex!important;}
#wrapper {padding-bottom: 0!important;}

/* tratar a imagem indisponivel no portfolio */
#portfolio .col-md-4 img.no-image{max-height: 240px;}
#portfolio .col-md-6 img.no-image{max-height: 370px;}
#portfolio .col-md-3 img.no-image{max-height: 175px;}

/* pagina orçamento */
#orcamento .lista{
    background: rgba(var(--color-contrast),.2);
    border-radius: calc(2 * var(--round));
    padding: 20px 15px;
}

#orcamento .lista .produto{
    background: rgba(var(--color-contrast),.2);
    border-radius: var(--round);
    padding: 10px 15px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0px 4px 8px #0002;
}
#orcamento .lista .produto a.item,
#orcamento .lista .produto .info{
    float: left;
    border-radius: var(--round);
    overflow: auto;
}
#orcamento .lista .produto .info{padding: 15px 30px;width: 50%}
#orcamento .lista .produto .quantidade{padding: 15px 30px;width: 30%;float: right;}
#orcamento .lista .produto .quantidade a.incr-btn::before{color: #a5a5a5;font-size: 17px;padding: 7px 10px;}
#orcamento .lista .produto .quantidade input{background: #c6c6c6;border: 0;width: 50px;text-align: center;font-size: 22px;font-weight: 300;line-height: 1.5;}

#orcamento .produto a.item .image{width: 100px;background: rgba(0,0,0,0.05);height: 100px;text-align: center;overflow: hidden;}
#orcamento .produto a.item:hover img{opacity: .7}

#orcamento .produto button.close{padding: 0 5px;opacity: 0;-ms-transform: scale(.5);-webkit-transform: scale(.5);transform: scale(.5);}
#orcamento .produto:hover button.close{background: transparent;color: #5d5d5d;;opacity: 1;text-shadow: none;border-radius: 3px;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);transition: all .3s;}
#orcamento .produto button:hover.close{padding: 0 5px;opacity: 1;background: #ef5234;color: #fff;}

@media (max-width: 768px) {
    #orcamento .lista .produto .info {padding: 10px 0px;width: 100%;}
    #orcamento .lista .produto .quantidade {padding: 15px 0;width: 100%;float: left;text-align: center;}
    #orcamento .produto button.close {padding: 0 5px;opacity: 1;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
    #orcamento .lista{margin-bottom: 20px;}
    .mt-xs-2{margin-top: 2rem;}
}

#solicitacao .close.cancelar{position: absolute;top: 0;right: 0;width: 35px;height: 35px;text-shadow: none;opacity: 1;}
#solicitacao .close.cancelar span{color: #fff;}
#solicitacao .m-progress-bar{position: absolute;width: 5%;top: 0;left: 0;min-height: .3em;background: rgba(0, 0, 0, 0.21);}

#form_curriculo select{width: 100%!important}
#form_curriculo .divInputSubmit {text-align: center;}
#form_curriculo textarea{margin-bottom: 15px}
#form_curriculo .display-group{margin-bottom: 30px}
#form_curriculo .panel-body{margin-top: 10px}
#form_curriculo .panel-title{
    font-size: 1.8em;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 24px;
    padding: 15px;
}

/** formulario contato/orçamento **/
#formContato #div_telefone2,
#formContato #div_cidade2,
#formContato #div_estado2 {
    display: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid rgba(var(--txt-contrast),0.2) !important;
}

.table-bordered,
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid rgba(var(--color-contrast),0.5) !important;
}

.display-table{display:table; width:100%; height:100%; position:relative; z-index:99;}
.display-table-cell{display:table-cell; width:100%; height:100%; }
.vertical-align-middle{vertical-align:middle;}
.bs-callout {
    margin: 0!important;
    background-color: rgb(var(--color-bgWhite));
    color: rgb(var(--txt-base));
}
.padding-lg{padding: 90px 0;}
.padding-md{padding: 65px 0;}
.padding-sm{padding: 45px 0;}
.padding-xs{padding: 35px 0;}
.margin-bottom-10{margin-bottom: 10px!important;}
.margin-bottom-20{margin-bottom: 20px!important;}
.margin-bottom-25{margin-bottom: 25px!important;}
.margin-bottom-35{margin-bottom: 35px!important;}
.preventClick{cursor: default;pointer-events: none;opacity: .4;}

.testimonial.white p,
.testimonial.white cite {color: #131313;}

/* pagina linha do tempo / timeline */
.blog-timeline .timeline-item.pull-left .item-date {right: -22%;}
.blog-timeline .timeline-item.pull-right .item-date {left: -21%;}
.blog-timeline .timeline-item .item-date span{
    padding: 3px 15px 6px 15px;
    background: rgb(var(--color-primary));
    color: rgb(var(--txt-primary));

}
.blog-timeline .timeline-item.pull-right .item-date:after {z-index: -1;}
@media (max-width: 768px) {
    .blog-timeline .timeline-item .item-date{
        display: block;
        width: calc(100% + 40px);
        position: relative;
        top: -15px;
        left: -20px!important;
        right: unset;
    }
}




ul.isotope-filter {margin-bottom: 30px;padding-top: 5px;padding-bottom: 5px;border: 0;}
#error-404 {margin-top: -40px;}
#error-404 .error-404{text-align: center;display: block;margin-bottom: 35px;}
#error-404 .error-404 i{font-size: 160px;}
#error-404 .divider{width: 50%;margin: 30px auto;}
header#topNav li.quick-cart .quick-cart-content a.item{display: flex;flex-direction: row;}
header#topNav li.quick-cart .quick-cart-content a .thumbnail{background: #cacaca /*bastante!*/;margin: 0 7px;flex: 1;display: flex;justify-content: center;align-items: center;max-width: 40px;}
header#topNav li.quick-cart .quick-cart-content a img{max-height: 40px;width: auto;margin: 0;}
header#topNav li.quick-cart:before {content: "\f0f6";}
header#page-title {
    margin-bottom: 0;
}
header#page-title h1 {
    color: rgb(var(--txt-contrast));
}
header#topNav  {
    background-color: rgb(var(--color-contrast));
    color: rgb(var(--txt-contrast));
    border-bottom: 1px solid rgb(var(--color-base));
    box-shadow: rgb(var(--color-base)) 0 0 8px;
}
header#topNav .nav>li:last-child>a {
    padding-right: 15px;
}

/*
 * Aplicado em: 
 * - /application/site/view/_script_elements/headers/header-centralizado.phtml
 */
header#topNav.fechado > nav div
 > ul.botoesTopo > li.search:before {
    content: "" !important;
}

header#topNav li.search {
    font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
}

header#topHead {
    background-color: rgb(var(--color-contrast));
    border-bottom: 1px solid rgb(var(--color-base));
}

header#topHead a {
    color: rgb(var(--txt-contrast)) !important;
}

header#topHead.color {
    background-color: rgb(var(--color-primary));
    color: rgb(var(--txt-primary));
}

header#topHead.color a {
    color: rgb(var(--txt-primary)) !important;
}

#topMain {
	max-height: calc(100vh - 140px) !important; /* 80px = header height */
}

.dropdown-menu {
    filter: drop-shadow(0 0 5px rgba(0,0,0,.3));
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: rgb(var(--color-contrast),.3);
}

#topMain .dropdown-menu {
	background-color: rgb(var(--color-base)) !important;
    color: rgb(var(--txt-base)) !important;
}

/* @media (max-width: 500px) {
    #topHead {
        height: auto!important;
        line-height: 1.4!important;
        text-align: center;
        top: unset!important;
        left: unset!important;
        right: unset!important;
        position: relative!important;
        z-index: 0!important;
    }
    header#topNav .logo {width: 70%;}
    header#topNav .logo img {width: 100%!important;}
} */
header#topNav.topHead .logo img {
    transition: all .2s;
}

header#topNav.topHead:not(.noTopo) .logo img {
    padding: 5px;
}
@media (max-width: 530px) {
    #topHead {
        /*height: auto!important; QUE*/
        top: unset!important;
        left: unset!important;
        right: unset!important;
        /* line-height: 20px!important; */
    }
    /* #topHead [class^="pull"] {
        float: unset!important;
        display: block;
        text-align: center;
    } */
}

/** menu transparente **/
header#topNav.transparente{background-color: rgba(0,0,0,0.4);}
header#topNav.transparente nav ul.nav-pills > li > a.linkMenu,
header#topNav.transparente nav ul.nav-pills a.dropdown-toggle {color: #fff !important;}
header#topNav.transparente li.search{color: #fff;}
header#topNav.transparente li.quick-cart{color: #fff;}
header#topNav.transparente .logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/** menu fechado **/
header#topNav.fechado div.nav-main-collapse.collapse{display: none !important;}
header#topNav.fechado div.nav-main-collapse.in{display: block !important;}
header#topNav.fechado button.btn-mobile {display: block;float: right;}
header#topNav.fechado .divLogo{
    width: 100%;
    text-align: center;
    z-index: 1;
}
header#topNav.fechado .grupoBotoesTopo{position: absolute;right: 0;z-index: 2;}
@media (max-width: 1006px) {
    header#topNav.fechado .grupoBotoesTopo{right: 10px}
}
header#topNav.fechado .botoesTopo{
    margin-top: 0px!important;
    display: flex;
    padding-left: 0 !important;
    align-items: center;
}
header#topNav.fechado.noTopo .botoesTopo{margin-top: 8px!important;}
/* Navigation */
header#topNav.fechado div.nav-main-collapse,
header#topNav.fechado div.nav-main-collapse.in {
    width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
}
header#topNav.fechado div.nav-main-collapse {float: none;}
header#topNav.fechado nav.nav-main ul.nav-main {
    text-align: left;
    float: none;
    position: static;
    margin: 8px 0;
    overflow-x:hidden;
}

header#topNav li.quick-cart {
    font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro") !important;
}

header#topNav .quick-cart-content {
    color: rgb(var(--txt-base)) !important;
    background-color: rgb(var(--color-base)) !important;
    border-radius: var(--round) !important;
    filter: drop-shadow(2px 4px 6px #0008) !important;
}

header#topNav:not(.fechado) nav ul.nav-pills > li > a {
    color: rgb(var(--txt-base)) !important;
}

header#topNav:not(.fechado) nav ul.nav-pills > li > a:hover {
    background-color: rgb(var(--color-primary),.1) !important;
}

@media screen and (max-width: 990px) {
    header#topNav:not(.fechado) nav ul.nav-pills > li > a {
        color: #FFF !important;
    }
}

header#topNav.fechado div.nav-main-collapse {
    top: 8px;
    position: relative;
}
header#topNav.fechado div.nav-main-collapse.topFix {
    margin-top:-18px !important;
}
header#topNav.fechado div.nav-main-collapse.in {
    display: block !important;
    top: 65px;
}
header#topNav.fechado.noTopo div.nav-main-collapse.in {
    top: 70px;
}

header#topNav.fechado div.nav-collapse div.container nav.nav-main {
    float: left;
    width: 100%;
}
header#topNav.fechado div.nav-main-collapse {
    background: rgba(45, 52, 62, 0.9);
    margin: -8px -15px 0 -15px !important;
    max-height: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
header#topNav.fechado div.nav-main-collapse.topFix {
    margin-top:-18px !important;
}
header#topNav.fechado nav ul.nav-main {
    margin-right: -10px;
}

header#topNav.fechado div.nav-collapse {
    background: #2D343E;
    width: 100%;
    clear: both;
    width: 100%;
}
header#topNav.fechado nav.nav-main {
    padding: 10px 0;
    clear: both;
    display: block;
    float: none;
    width: 100%;
}
header#topNav.fechado nav.nav-main ul,
header#topNav.fechado nav.nav-main ul li {
    padding: 0;
    margin: 0;
}
header#topNav.fechado nav.nav-main ul li {
    clear: both;
    float: none;
    display: block;
    border-bottom: 1px solid #383F49;
}
header#topNav.fechado nav ul.nav-main > li + li {
    margin-left: 0;
}
header#topNav.fechado nav ul.nav-main li a,
header#topNav.fechado nav ul.nav-main ul.dropdown-menu li > a {
    padding: 9px 8px;
    border: 0;
    border-top: 0;
    margin: 0;
}
header#topNav.fechado nav.nav-main ul li:last-child,
header#topNav.fechado nav ul.nav-main ul.dropdown-menu li > a {
    border-bottom: none;
}
header#topNav.fechado nav ul.nav-main li.dropdown:hover > a {
    margin-bottom: -2px;
}
header#topNav.fechado nav ul.nav-main li a {
    color: #FFF;
    clear: both;
    float: none;
    display: block;
    padding-left: 0;
}
header#topNav.fechado nav ul.nav-main li a i.icon-angle-down {
    position: absolute;
    right: 5px;
    top: 10px;
}
header#topNav.fechado nav.nav-main ul ul {
    margin-left: 20px !important;
}
header#topNav.fechado nav.nav-main ul.dropdown-menu {
    position: static;
    clear: both;
    float: none;
    display: none !important;
}
header#topNav.fechado nav ul.nav-main ul.dropdown-menu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
header#topNav.fechado nav.nav-main li.resp-active > ul.dropdown-menu {
    display: block !important;
}
header#topNav.fechado nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
    border: 0;
    margin: 0 5px;
    padding-left: 35px;
}
header#topNav.fechado nav ul.nav-main .dropdown-submenu > a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FFF;
}
header#topNav.fechado nav ul.nav-main .dropdown-submenu:hover > a:after {
    border-left-color: transparent;
}
header#topNav.fechado nav ul.nav-pills > li > a:before,
header#topNav.fechado nav ul.nav-main li.dropdown:hover > a:after {
    display: none;
}
header#topNav.fechado nav ul.nav-main i.icon-caret-down {
    float: right;
}
header#topNav.fechado nav ul.nav-main ul.dropdown-menu,
header#topNav.fechado nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header#topNav.fechado nav ul.nav-main li a,
header#topNav.fechado nav ul.nav-main li.active a,
header#topNav.fechado nav ul.nav-main li.dropdown:hover a,
header#topNav.fechado nav ul.nav-main ul.dropdown-menu li:hover > a,
header#topNav.fechado nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
    background: none !important;
    background-color: transparent !important;
    color: #FFF !important;
}
header.fechado.center nav ul.nav-main > li {
    display: block;
}
header#topNav.fechado nav ul.nav-main ul.sub-menu {
    padding: 0;
    margin: 0 0 10px 0;
}
header#topNav.fechado nav ul.nav-main ul.sub-menu ul.sub-menu {
    margin-top: 10px;
}
header#topNav.fechado nav ul.nav-main i.icon-caret-down {
    color: #ADB0AD !important;
}
header#topNav.fechado button.btn-mobile {
    display:block;
    float:right;
    margin-left: 20px;
}
header#topNav.fechado ul.scroll-menu {
    position: relative;
    display: inherit !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: auto;
    max-height: 460px;
    margin: 0;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
header#topNav.fechado ul.scroll-menu-2x {
    max-height: 230px;
}
header#topNav.fechado nav.nav-main ul li.search {
    margin:0;
    padding:20px 10px 0 0;
    background-color:transparent !important;
    display:block;
    width:100%;
}
@media (max-width: 990px) {
    header#topNav.fechado .botoesTopo li.search{display: none;}
}

@media (max-width:610px) {
    /**
     * Usado em:
     *  - /application/site/views/_script_elents/scriptsHome/agenda-tcompacto.phtml
     */
    .ag-item {
        width: 100% !important;
    }
}

@media (max-width: 835px) {
    div.item-box:has(> .img-4x3) {
        flex-direction: column !important;
    }

    div.item-box > .img-4x3 {
        width: 100% !important;
        aspect-ratio: 41 / 20 !important;
        max-width: 100% !important;
    }
}

.ag-item.col-md-7 {
    width: 58.3333333333%;
}

/**
 * Usado em:
 *  - application\site\views\_script_elements\scriptsHome\blog-expandido.phtml
 */
.img-4x3 {
    height: 100%;
    width: 100%;
    aspect-ratio: 4 / 3;
    background-position: center !important;
    background-size: cover !important;
}

.svg-parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.svg-parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.svg-parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.svg-parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.svg-parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }
    100% { 
        transform: translate3d(85px,0,0);
    }
}

.owl-filler {
    flex: 1 0 auto;
}

.owl-item:has(.owl-filler), .owl-wrapper:has(.owl-item):has(.owl-filler) {
    display:flex !important;
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .owl-item:has(.owl-filler), .owl-wrapper:has(.owl-item):has(.owl-filler) {
        flex: auto;
    }
}

.max-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.slide-wavy {
    position: fixed;
    top: -15px;
    bottom: 0;
    left: 5px;
    width: 100%;
    max-width: 300px;
    z-index: 1;
    fill: linear-gradient(120deg, rgba(var(--color-primary), 0.5) 0%, rgba(var(--color-primary-dark), 0.5) 100%);
}

.slide-swipe-tri {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);    
    height: calc(100% + 50vw);
}

.slide-swipe-tri g {
    transform: translate(-50%, 0);  
     min-height: 100%;
}

.slide-swipe-tri-content {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    padding: 10px;
    padding-right: 58px;
    width: calc(50vw - 84px);
    z-index: 1;
}

@media screen and (max-width: 740px) {
    .slide-swipe-tri {
        transform: translate(-7.5%, -50%);
        height: unset;
        width: calc(100vw + 15%);
    }

    .slide-swipe-tri g {
        position: absolute;
        transform: translate(0, 0);
        top: 0;
        bottom: 0;
    }

    .slide-swipe-tri foreignObject {
        transform: translateX(0%) !important;
        width: 100% !important;
    }

    .slide-swipe-tri-content {
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        left: 0;
        bottom: 0;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    .slide-swipe-tri-content p {
        text-align: center;
    }
}

.slide-swipe-tri .hex {
    fill: rgba(var(--color-primary-dark), 0.2);
}

.slide-swipe-tri .lines {
    fill: url(#slide-swipe-tri-gradient);
    filter: url(#slide-swipe-tri-filter);
}

.slide-wavy::before, .slide-wavy::after {
    content: '';
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 0;
    width: 10px;
    background: inherit;
    opacity: 0.5;
    z-index: 1;
}

.slide-wavy::after {
    left: auto;
    right: -10px;
}

.slide-wavy::before {
    left: -10px;
    right: auto;
}

/**********************************************
 * Slides para o blog
 *     (blog-apresentativo.phtml)
 **********************************************/
@media (min-width: 425px) {
    .slideShow {
        height: 37rem;
    }
}
@media (min-width: 375px) {
    .slideShow {
        height: 33.5rem;
    }
}
@media (min-width: 320px) {
    .slideShow {
        padding-bottom: 6rem;
        max-width: 100%;
        height: 29.58rem;
    }
}

@media (max-width: 910px) {
    .slideShow {
        display: flex;
        flex-direction: column;
    }

    .slideShow > * {
        position: static !important;
        width: 100% !important;
        left: initial !important;
    }

    .slideShow > .slide img {
        position: static !important;
        transform: initial !important;
    }

    .slideShow > .slide picture {
        display: flex !important;
        justify-content: center;
    }
    
    .slideShow > .slide > div {
        width: 100% !important;
    }
    
    .slideShow > .list {
        display: none !important;
    }
}


.slideShow {
    max-width: 165.5rem;
    max-height: 50rem;
    margin: auto;
    background-color: #212529;
    padding: 0;
}

.slideShow > .slide {
    position: absolute;
    height: inherit;
    left: 0;
    right: 64.81%;
    display: none;
    width: 100%;
    opacity: 0;
}

.slideShow > .slide.active {
    display: block;
    opacity: 1;
}

.slideShow > .slide > div {
    position: absolute;
    bottom: 0;
    padding: 0 8px;
    width: 64.81%;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.slideShow > .slide img {
    height: 100%;
    background-position: center;
    background-size: cover;
    height: inherit;
    object-fit: cover;
    position: absolute;
    left: 32.405%;
    transform: translate(-50%, 0%);
}

.slideShow > .slide p {
    display: inline;
    padding: 2px 8px;
    border-radius: 5px;
}

.slideShow > .slide picture {
    height: inherit;
    position: relative;
    display: block;
    overflow: hidden;
}

.slideShow > .list {
    position: absolute;
    left: 64.81%;
    height: inherit;
    width: 35.19%;
    background-color: #212529;
    overflow-y: scroll;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
}

.slideShow > .list::-webkit-scrollbar {
    width: 5px;
}

.slideShow > .list::-webkit-scrollbar-thumb {
    background-color: #666666;
}

.slideShow > .list > div.item {
    width: 100%;
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    align-items: center;
    cursor: pointer;
}

.slideShow > .list > div.item.active {
    background-color: #000;
}

.slideShow > .list > div.item:not(:first-child) {
    margin-top: 5px;
}

.slideShow > .list > div.item > p {
    margin-left: 5px;
    font-size: 12px;
    line-height: 1.25rem;
    margin-bottom: 0;
}

.slideShow > .list > div.item img {
    width: 18rem;
    height: 10rem;
    background-position: center;
    background-size: cover;
    object-fit: cover;
}

/**********************************************
 * Cards dos produtos
 *     (produto_compactado.phtml)
 **********************************************/
 .productC-card {
    width: 280px;
    height: 500px;
    margin: 30px 18px;
    border-radius: 25px;
    /*box-shadow: -11px 11px 1px rgba(0, 0, 0, 0.3);*/
    transition: transform ease .5s;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.productC-card:hover {
    transform: scale(1.05) !important;
    text-decoration: none;
}

.productC-card > .blur {
    position: relative;
    width: 10px;
    height: calc(100% + 15px);
    top: calc(-100% - 7.325px);
    right: calc(9px);
    backdrop-filter: blur(5px);
    -webkit-mask-image: linear-gradient(to right, #0000, #000 75%);
    mask-image: linear-gradient(to right, #0000, #000 75%);
    transition: cubic-bezier(0, 0, 0, 0) backdrop-filter .5s;
}

.productC-card-head {
    position: relative;
    height: 252px;
    background: rgb(var(--color-primary));
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(var(--color-primary),.5) 8%, rgba(0,0,0,.5) 83%), rgb(var(--color-primary));
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(var(--color-primary),.5) 8%, rgba(0,0,0,.5) 83%), rgb(var(--color-primary));
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(var(--color-primary),.5) 8%, rgba(0,0,0,.5) 83%), rgb(var(--color-primary));
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fa782e', endColorstr='#c82930', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-radius: 25px 25px 0 0;
}

.productC-detail {
    border-radius: inherit;
    font-size: 11px;
    color: #fff;
    height: inherit;
}

.productC-detail > img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.productC-back-text {
    display: inline-block;
    font-size: 125px;
    font-weight: 900;
    margin-left: -7px;
    margin-top: -12px;
    opacity: 0.1;
}

.productC-card-body {
    height: 255px;
    background: rgba(var(--color-contrast),.3) !important;
    border-radius: 0 0 25px 25px;
    display: flex;
    flex-direction: column;
  }

.productC-title {
    padding: 20px 20px 5px 20px;
    display: block;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
 }
  
  .productC-title b {
    font-weight: 900;
    letter-spacing: 0px;
}

.productC-caption {
    display: block;
    padding: 0 20px;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.productC-desc {
    font-size: 1.12rem;
    margin: 0 20px;
    text-indent: 2rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: calc(100% - 40px);
}

.productC-price {
    padding: 7px 20px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    font-weight: 200;
    color: #fff;
    border-radius: 7px;
    position: relative;
    top: -25px;
    z-index: 1;
    right: -8px;
}

.productC-price::before {
    content: "EDU";
    bottom: -10px;
    position: absolute;
    background-color: inherit;
    filter: blur(15px);
    width: 100%;
    height: inherit;
    left: -5px;
    z-index: -1;
    transform: scale(0.8);
}
  
.productC-price b {
    margin-left: 5px;
}

.productC-properties {
    display: flex;
    flex-direction: column;
    flex: 1;
    
    align-items: flex-end;
}

#descricao p{margin-top: 40px;}
#descricao .divider{margin-bottom: 20px;}

.margin-right-10{margin-right: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.fweight-300 {font-weight: 300;}
.size-20{font-size: 20px;}
.size-16{font-size: 16px;}
.size-12{font-size: 12px;}

.add{background: rgba(0,0,0,0.1);border: 3px dashed #c7c7c7;display: flex;align-items: center;justify-content: center;height: 75px;font-size: 20px;font-weight: 300;cursor: pointer;transition: border-color .3s;}
.add:hover{border-color: #808080;}
.add i{color: rgba(0,0,0,0.40);margin-right: 12px;transition: color .3s;}
.add:hover i{color: rgba(0,0,0,0.50);}

/******************************************************
 * Bootstrap cards
 ******************************************************/
@media screen and (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .card-deck > .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }

    .card-group > .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
}

 .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
 }

 .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
 }

 .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(var(--color-primary-dark),.15);
    background-clip: border-box;
    border: 1px solid #00000020;
    border-radius: 0.25rem;
 }

 .card-deck > .card {
    margin-bottom: 15px;
}

.card-group > .card {
    margin-bottom: 15px;
}

#VideoISCA > .content {
    width: 100vw;
    height: 56.25vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#VideoISCA > .bg h2,
#VideoISCA > .bg p {
    font-size: 14px;
    color: #FFFFFF;
    -webkit-text-stroke: 0.5px #000;
    -webkit-text-fill-color: #FFFFFF;
}

#VideoISCA > .bg h2 {
    font-size: 2.2em;
    font-weight: bold !important;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    #VideoISCA > .bg > .row {
        max-width: 75%;
    }
}

@media screen and (max-width: 680px) {
    #VideoISCA > .bg > .row {
        max-width: calc(100% - 20px);
    }
}

@media screen and (max-width: 500px) {
    #VideoISCA > .bg > .row {
        max-width: unset;
    }

    #VideoISCA > .bg p {
        display: none;
    }
}

#VideoISCA > .bg button {
    font-size: 2.5em;
    color: #FFFFFF;
}

#VideoISCA > .bg {
    width: 100vw;
    height: 56.25vw;
    z-index: 1;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0008;
}

#VideoISCA > .content > iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
    #VideoISCA > .content > iframe {
      /* height = 100 * (9 / 16) = 56.25 */
      height: 56.25vw !important;
    }
}
      
@media (max-aspect-ratio: 16/9) {
    #VideoISCA > .content > iframe {
      /* width = 100 / (9 / 16) = 177.777777 */
      width: 177.78vh;
    }
}

/******************************************************
 * Timelines (Agenda)
 ******************************************************/
timeline { /*https://stackoverflow.com/questions/42995887/how-are-non-standard-tags-processed-by-browser*/
    overflow: hidden;
    padding: 70px 0;
    background-color: inherit;
}

timeline > line {
    display: block;
}

timeline > line::before {
    content: '' !important;
    position: absolute;
    background-color: rgba(var(--color-contrast),0.1);
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

timeline > line > timeline-block {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

timeline > line > timeline-block > timeline-content {
    flex-grow: 1;
    background: rgb(var(--color-base));
    padding: 5px;
    filter: drop-shadow(0px 0px 6px #0005);
    border-radius: 0;
}

timeline-block .time {
    position: initial;
    transform: translateX(0);

    right: unset;
    left: 50%;
    top: unset;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    filter: drop-shadow(0px 8px 7px #0007);
    border: 1px solid #0001;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin: 12px;
}

/*width < bootstrap md*/
@media screen and (min-width: 770px) {
    timeline > line > timeline-block:nth-child(even) {
        flex-direction: row-reverse;
    }

    timeline > line > timeline-block > timeline-content {
        flex-grow: 0;

        border: 1px solid #0002;
        border-radius: 12px;
        width: 45%;
    }

    timeline-block .time {
        position: absolute;
        transform: translateX(-50%);
        margin: 0;
    }
}

/******************************************************
 * Animação estrelada (footer) - necessário script
 ******************************************************/
@keyframes STAR {
    0% {
      background: powderblue;
      height: 1px;
      width: 1px;
      box-shadow: 0px 0px 10px white;
    }
    10% {
      background: #b0e5de;
    }
    20% {
      background: #b0e5cc;
    }
    30% {
      background: #cce5b0;
    }
    40% {
      background: #dae5b0;
    }
    50% {
      background: #e5ddb0;
      width: 4px;
      height: 4px;
      box-shadow: 0px 0px 10px #d3bd3d;
    }
    100% {
      width: 1px;
      height: 1px;
      background: powderblue;
      box-shadow: 0px 0px 10px white;
    }
}
  
  
.star {
    height: 1px;
    width: 1px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px white;
    background: powderblue;
    position: fixed;
}
  
.star.pulse {
    animation: STAR 2s infinite; /* Safari 4+ */
}

.bg-dark {
    background: #343434;
}

.bgBlur {
    backdrop-filter: blur(20px);
}

.bgBlur-sm {
    backdrop-filter: blur(5px);
}

.bgBlur-md {
    backdrop-filter: blur(10px);
}

.bgBlur-lg {
    backdrop-filter: blur(15px);
}

#sitemap ul{padding: 15px;}
#sitemap ul li i{margin-right: 15px;}
#sitemap ul ul{margin-left: 20px;}
.size-1-6{font-size: 1.6em;}
.margin-bottom-5 {margin-bottom: 5px;}

/** Política de Privacidade **/
#divPoliticaPrivacidade{
    width: 100%;
    background-color: #000;
    color: #fff;
    opacity: 0.8;
    padding: 20px;
    position: fixed;
    bottom: 0;
    z-index: 9999999999;
}

/*------------------------------------
-----------C-S-S---D-E----------------
---------E-X-T-E-R-N-O-S--------------
------------------------------------*/
/* PESQUISA DO GOOGLE NO SITE */
.gsc-control-cse {
    background: transparent !important;
    border: none !important;
}

.gsc-tabsArea div {overflow: visible !important;}
.cse .gsc-control-cse, .gsc-control-cse{padding: 0!important;}
.gs-result .gs-title a:hover, .gs-result .gs-title a:hover *, .gs-result .gs-title a:focus, .gs-result .gs-title a:focus *{color: #888!important;}
.gsc-control-cse .gsc-tabsArea{margin: 0;height: auto;border:0;}
.gsc-refinementsArea{padding: 0!important;margin: 0!important;}

.gsc-control-cse .gsc-tabsArea .gsc-tabHeader{
    border:5px !important;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight:normal;
    font-size: 14px;
    margin-right: 1px;
    padding: 6px 45px;
    color: rgb(var(--txt-contrast)) !important;
    position: relative;
    height: auto;
    border-radius: var(--round);
    background-color: rgb(var(--color-primary),.2);
}

.gsc-results{width: 100%!important;}
.gsc-above-wrapper-area{
    min-height: 45px;
    display: flex;
    padding-top: 0 !important;
    margin-bottom: 5px;
    border-bottom: 0 !important;
}

.gsc-selected-option-container {
    background-color: rgba(var(--color-primary-dark),.2) !important;
    padding: 18px 30px 18px 12px !important;
    border-radius: var(--round) !important;
    display: flex !important;
    align-items: center;
    font-size: 14px !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-weight: normal!important;
    color: rgb(var(--txt-contrast)) !important;
    border: 0 !important;
}

.gsc-above-wrapper-area-container {
    background: transparent !important;
}

@media screen and (max-width: 575px) {
    div.gsc-orderby-label.gsc-inline-block {
        display: none !important;
    }
}

.gsc-option-selector {
    display: flex;
    height: 100% !important;
    position: absolute !important;
    top: 5px !important;
}

/**
 * Somente a versão mobile possui .gcsc-find-more-on-google-root.
 * aplicando display: inline-block para resolver os botões no topo.
 */
.gsc-wrapper:has(.gcsc-find-more-on-google-root) {
    display: inline-block;
}

.gsc-positioningWrapper {
    float: left;
}
.gsc-positioningWrapper:has(.gsc-refinementsAreaInvisible) {
    float: right;
}

.gsc-control-cse .gsc-tabsArea .gsc-tabhInactive{
    background-color: rgba(var(--color-primary-dark),.2);
    border:0;}

/*.gsc-selected-option-container{min-width: 81px!important;font-family: 'Open Sans', Arial, sans-serif!important;font-weight: normal!important;line-height: 25px!important;}*/
.gsc-imageResult-column, .gsc-imageResult-classic{padding: 0!important;font-family: 'Open Sans', Arial, sans-serif;margin:0!important;}
table.gsc-branding, table.gcsc-branding{font-family: 'Open Sans', Arial, sans-serif!important;}
.gs-no-results-result .gs-snippet{display: block;padding: 9.5px!important;margin: 0 0 10px!important;font-size: 13px!important;line-height: 1.42857143!important;color: #333!important;word-break: break-all!important;word-wrap: break-word!important;background-color: #f5f5f5!important;border: 1px solid #ccc!important;border-radius: 4px!important;font-family: 'Open Sans', Arial, sans-serif!important;width: 100%;}

.gs-result .gs-image, .gs-result .gs-promotion-image {
    margin-right: 5px;;
    border: 0 !important;
}

/** Esconde Google Ads **/
.gsc-adBlock{display: none!important;}
.gcsc-branding{display: none!important;}
/* texto */
.gsc-table-result{margin-bottom: 5px!important;}
.gsc-webResult.gsc-result{border-bottom: 1px solid #ddd!important;padding: 10px 0 20px 0!important;}
.gsc-result .gs-title{height: auto!important;font-size: 18px!important;font-family: 'Raleway','Open Sans',Arial,Helvetica,sans-serif!important;    color: rgb(var(--txt-contrast)) !important;font-weight: 600!important;text-decoration: none!important;}
.gs-bidi-start-align.gs-snippet{color: rgb(var(--txt-base)) !important;font-family: 'Open Sans',Arial,Helvetica,sans-serif!important;-webkit-font-smoothing: antialiased!important;font-size: 14px!important;line-height: 1.5!important;}
a.gs-title{font-family: 'Open Sans',Arial,Helvetica,sans-serif!important;}
.gsc-url-top .gs-visibleUrl-long{color: #02B700 !important;font-family: 'Lato', sans-serif!important;font-size: 90%;}
/*espacamentos dos titulos */
.gsc-url-top{padding: 5px 0!important;}
.gsc-thumbnail-inside{padding: 0!important;}
/* paginação da pesquisa no site */
.gsc-results .gsc-cursor-box{font-family: 'Open Sans', Arial, sans-serif!important;font-weight: 400!important;font-size: 14px;border-radius: 3px !important;-webkit-font-smoothing: antialiased;padding-left: 0;border-radius: 3px !important;display: block;margin: 0!important;text-align: center;margin-top: 35px!important;}
.gsc-imageResult .gsc-cursor-box{clear: inherit!important;float: left!important;width: 100%!important;}
.gsc-results .gsc-cursor-box .gsc-cursor{
    display: flex;
    justify-content: center;
}


div.gsc-results div.gsc-cursor-box div.gsc-cursor > div.gsc-cursor-page {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none !important;
    margin-right: 0px !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    margin-left: 4px;
    border-color: #CCCCCC;
    background-color: transparent;
    color: rgb(var(--txt-contrast));
    border: 0 !important;
    border-radius: var(--round);
    transition: background .2s !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    color: rgb(var(--txt-primary)) !important;
    background: rgb(var(--color-primary)) !important;
    font-weight: 400!important;
}

.gsc-cursor-page:focus, .gsc-cursor-page:hover{background: rgba(var(--txt-contrast),0.05)!important;}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border: 0 !important;
    border-bottom: rgba(var(--txt-contrast),.1) 1px solid !important;
    background-color:  transparent !important;
}


/** Esconde Google Ads **/
.gsc-adBlock{display: none!important;}
.gcsc-branding{display: none!important;}
.gcsc-more-maybe-branding-root {display: none!important;}
.gsc-result-info-container{display: none!important;}

/***** GOOGLE CAPTCHA ****/
.g-recaptcha {transform-origin: left top !important;-webkit-transform-origin: left top!important;}


.blog-timeline .timeline-item.pull-right,
.blog-timeline .timeline-item.pull-left{
    margin-top: 0;
    color: black;
}

.em-numeros-degrade .owl-controls {
    margin: 0 !important;
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

/*documentos*/
.mix-filter .filter.active a {
    color: rgb(var(--txt-primary)) !important;
}
.documentos h2,.documentos h3 {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    color: #111
}
.documentos .mix-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.documentos .mix-grid>.row.mix {
    border-bottom: rgba(var(--txt-contrast),.1) 1px solid;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 50%;
}
.documentos .mix-grid>.row.mix > .item {
    display: flex !important;
}

.documentos .mix-grid> .row.mix > .item > .ic {
    margin-right: 8px;
    display: flex;
    justify-content: center;
    aspect-ratio: 173 / 230;
    align-items: center;
    background: rgba(var(--color-primary),0.15);
    /* color: white; */
    border-radius: var(--round);
    min-width: none;
    align-self: center;
    min-width: 173px;
    overflow: hidden;
}

.documentos .mix-grid>.row.mix > .item > .ct {
    width: 75%;
    flex: 1;
}

/*if width is max 991px*/
@media screen and (max-width: 991px) {
    .documentos .mix-grid {
        justify-content: center;
    }

    .documentos .mix-grid>.row.mix {
        width: 100%;
    }
}


/**** Produtos ****/
#shop .productDescription h2.product-title{margin-bottom: 20px !important;}
#shop .productDescription .orcamento-produto{margin:0; margin-bottom: 20px;}
#shop .productDescription .addCartBtn{margin: 0;}
#shop .productRowInfo {
    display: inline-block;
    margin: 7px 0;
    float: left;
}
#shop .productDescription .panel-title {color: rgb(var(--txt-base))}
.productDescription .panel-heading{padding: 5px 10px;}
.productDescription .panel-heading .fa{top:0px;text-align: center;}
.productDescription .panel-body{padding: 10px;}
#shop .productDescription .desc{margin-top: 20px;}
#shop .productDescription .code{display: inline-block;margin-right: 18px;}
@media all and (max-width: 768px) {
    #shop .productRowInfo {margin-right: 10px;}
}

/*************************************************
 *********** @author Eduardo P. Gomez ************
 *********** Animações do xmln:visaoi ************
 *********** ../js/site.js:setupAnims ************
 *************************************************/

/* <Element
       visaoi:onViewAnimation="slideToRight" | "slideToLeft" | "slideToTop">
 */
[visaoi\:onViewAnimation="slideToRight"], [visaoi\:onViewAnimation="slideToLeft"],
[visaoi\:onViewAnimation="slideToTop"] {
    transition: transform .5s;
    transform: translate(0, 100%) !important;
}
[visaoi\:onViewAnimation="slideToRight"][visaoi\:onViewAnimationDone="true"],
[visaoi\:onViewAnimation="slideToLeft"][visaoi\:onViewAnimationDone="true"],
[visaoi\:onViewAnimation="slideToTop"][visaoi\:onViewAnimationDone="true"] {
    transform: translate(0,0) !important;
}

[visaoi\:onViewAnimation="slideToRight"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="slideToRight"]:not([visaoi\:onViewAnimationDone="true"]) {
    transform: translate(-100vw,0) !important;
}

[visaoi\:onViewAnimation="slideToLeft"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="slideToLeft"]:not([visaoi\:onViewAnimationDone="true"]) {
    transform: translate(100vw,0) !important;
}

@keyframes Visaoi_Animation_SlideToTop {
    0% {
        transform: translate(0, 100%) !important;
    }
    100% {
        transform: translate(0, 0) !important;
    }
}

[visaoi\:onViewAnimation="slideToTop"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="slideToTop"]:not([visaoi\:onViewAnimationDone="true"]) {
    opacity: 0;
}

[visaoi\:onViewAnimation="slideToTop"][visaoi\:onViewAnimationDone="true"] {
    /*animation: Visaoi_Animation_SlideToTop .5s;*/
    opacity: 1;
}

/* <Element
       visaoi:onViewAnimation="fall">
 */
[visaoi\:onViewAnimation="fall"] {
    transform: rotate(270deg) translate(50%, calc(-50vw - 50vh)) !important;
    transition: transform .5s;
}

[visaoi\:onViewAnimation="fall"][visaoi\:onViewAnimationDone="true"] {
    transform: rotate(360deg) !important;
}

/* <Element
       visaoi:onViewAnimation="fadeIn" | "fadeToTop" | "fadeToLeft" | "fadeToRight">
 */
[visaoi\:onViewAnimation="fadeIn"], [visaoi\:onViewAnimation="fadeToTop"],
[visaoi\:onViewAnimation="fadeToLeft"], [visaoi\:onViewAnimation="fadeToRight"] {
    transition: transform .5s, opacity 1s;
    transform: translate(0,0);
}
[visaoi\:onViewAnimation="fadeIn"][visaoi\:onViewAnimationDone="true"],
[visaoi\:onViewAnimation="fadeToTop"][visaoi\:onViewAnimationDone="true"],
[visaoi\:onViewAnimation="fadeToLeft"][visaoi\:onViewAnimationDone="true"],
[visaoi\:onViewAnimation="fadeToRight"][visaoi\:onViewAnimationDone="true"] {
    opacity: 1;
}

[visaoi\:onViewAnimation="fadeIn"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="fadeIn"]:not([visaoi\:onViewAnimationDone="true"]) {
    opacity: 0;
}

[visaoi\:onViewAnimation="fadeToTop"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="fadeToTop"]:not([visaoi\:onViewAnimationDone="true"]) {
    opacity: 0;
    transform: translate(0,100%);
}

[visaoi\:onViewAnimation="fadeToLeft"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="fadeToLeft"]:not([visaoi\:onViewAnimationDone="true"]) {
    opacity: 0;
    transform: translate(-100vw,0);
}

[visaoi\:onViewAnimation="fadeToRight"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="fadeToRight"]:not([visaoi\:onViewAnimationDone="true"]) {
    opacity: 0;
    transform: translate(100vw,0);
}

/* <Element
       visaoi:onViewAnimation="zoomIn" | "fadeZoomIn" | "fadeZoomOut">
 */
[visaoi\:onViewAnimation="zoomIn"], [visaoi\:onViewAnimation="fadeZoomIn"],
[visaoi\:onViewAnimation="fadeZoomOut"] {
    transition: transform .5s, opacity 1s;
}

[visaoi\:onViewAnimation="zoomIn"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="zoomIn"]:not([visaoi\:onViewAnimationDone="true"]) {
    transform: scale(0);
}

[visaoi\:onViewAnimation="fadeZoomIn"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="fadeZoomIn"]:not([visaoi\:onViewAnimationDone="true"]) {
    transform: scale(0);
    opacity: 0;
}

[visaoi\:onViewAnimation="fadeZoomOut"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="fadeZoomOut"]:not([visaoi\:onViewAnimationDone="true"]) {
    transform: scale(2);
    opacity: 0;
}

[visaoi\:onViewAnimation="zoomIn"][visaoi\:onViewAnimationDone="true"],
[visaoi\:onViewAnimation="fadeZoomIn"][visaoi\:onViewAnimationDone="true"],
[visaoi\:onViewAnimation="fadeZoomOut"][visaoi\:onViewAnimationDone="true"] {
    transform: scale(1);
    opacity: 1;
}

/* <Element
       visaoi:onViewAnimation="curtainToTop"|"curtainToBottom"|"curtainToLeft"|"curtainToRight">
 */
 [visaoi\:onViewAnimation="curtainToTop"],
 [visaoi\:onViewAnimation="curtainToBottom"],
 [visaoi\:onViewAnimation="curtainToLeft"],
 [visaoi\:onViewAnimation="curtainToRight"] {
    --animBg: transparent; /*parâmetro, pode ser passado por atributo style*/
 } 

[visaoi\:onViewAnimation="curtainToTop"]::before,
[visaoi\:onViewAnimation="curtainToBottom"]::before,
[visaoi\:onViewAnimation="curtainToLeft"]::before,
[visaoi\:onViewAnimation="curtainToRight"]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: var(--animBg);
    left: 0;
    z-index: 1;
    backdrop-filter: blur(10px);
    transition: width .5s, height .5s;
}

[visaoi\:onViewAnimation="curtainToTop"][visaoi\:onViewAnimationDone="true"]::before {
    height: 0;
}

[visaoi\:onViewAnimation="curtainToBottom"][visaoi\:onViewAnimationDone="true"]::before {
    height: 0;
    /*transform: translate(0,100%);*/
    top: unset !important;
    bottom: 0;
}

[visaoi\:onViewAnimation="curtainToLeft"][visaoi\:onViewAnimationDone="true"]::before {
    width: 0;
}

[visaoi\:onViewAnimation="curtainToRight"][visaoi\:onViewAnimationDone="true"]::before {
    width: 0;
    left: unset;
    right: 0;
}


/* <Element
       visaoi:onViewAnimation="lightBeam">
 */
[visaoi\:onViewAnimation="lightBeam"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="lightBeam"]:not([visaoi\:onViewAnimationDone="true"]) {
    opacity: 0;
    transform: scale(0);
}

@keyframes Visaoi_Animation_lightBeam {
    0% {
      filter: contrast(0) brightness(100) drop-shadow(0 0 100px #FFF) drop-shadow(0 0 100px #FFF);
      /*filter: hue-rotate(0deg);*/
    }
    100% {
      /*filter: hue-rotate(360deg);*/
      filter: contrast(1) brightness(1) drop-shadow(0 0 0px #FFF) drop-shadow(0 0 0px #FFF);
    }
  }

[visaoi\:onViewAnimation="lightBeam"][visaoi\:onViewAnimationDone="true"] {
    animation: Visaoi_Animation_lightBeam 500ms;
    opacity: 1;
    transform: scale(1);
}


/* <Element
       visaoi:onViewAnimation="bounce">
 */
@keyframes Visaoi_Animation_bounce {
    0% {
      opacity: 0;
      transform: scale(0.5);
    }
    60% {
      opacity: 1;
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);    
    }
}

[visaoi\:onViewAnimation="bounce"][visaoi\:onViewAnimationDone="false"],
[visaoi\:onViewAnimation="bounce"]:not([visaoi\:onViewAnimationDone="true"]) {
    opacity: 0;
    transform: scale(0.5);
}

[visaoi\:onViewAnimation="bounce"][visaoi\:onViewAnimationDone="true"] {
    animation: Visaoi_Animation_bounce .5s;
    opacity: 1;
    transform: scale(1);
}
 

/* <Element
       visaoi:onMouseOverAnimation="zoomIn"|"zoomOut">
 */
[visaoi\:onMouseOverAnimation="zoomIn"],
[visaoi\:onMouseOverAnimation="zoomOut"] {
    transform: scale(1);
    transition: transform .2s;
}

[visaoi\:onMouseOverAnimation="zoomIn"]:hover {
    transform: scale(1.1);
}

[visaoi\:onMouseOverAnimation="zoomOut"]:hover {
    transform: scale(0.9);
}

/** FAB - Botão flutuante **/
.fab {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 0;
	left: 15px;
	border-radius: 50%;
	background-color: rgb(var(--color-primary));
	color:  #fff;
	text-align: center;
	box-shadow: -5px 7.5px 10px rgba(0, 0, 0, 0.5);
	z-index: 999;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	max-width: 60px;
	max-height: 60px;
	line-height: 60px;
	margin: 20px 0;
}

.fab:hover {
	box-shadow: -5px 7.5px 10px rgba(0, 0, 0, 0.8);
}

.fab i {
	color:  #fff;
}


a.no-decoration:hover,
a.no-decoration:focus {
    text-decoration: none;
}

#shop i {
    transition: transform .25s;
}

#shop a[aria-expanded="true"] i {
    transform: rotate(90deg);
}

.gm-style-iw.gm-style-iw-c {
    background: rgb(var(--color-base)) !important;
    border-radius: var(--round) !important;
    color: rgb(var(--txt-base));
}
.gm-style-iw-d {
    overflow: auto !important;
}
.gm-style-iw-tc::after {
    background: rgb(var(--color-base)) !important;
}

.gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
    color: rgb(var(--txt-base));
}

.gm-ui-hover-effect > span {
    background-color: white !important;
}

footer .icon-footer{font-size: 1.4em;color: #9b9ea0;}
footer .copyright a:hover{text-decoration: none;}
footer .copyright a img{opacity: .6;transition: opacity .3s;}
footer .copyright a:hover img{opacity: 1;}
footer address .footer-sprite.phone.whatsapp{line-height: 20px;}

footer a {
    color: #FFF !important;
}

footer .footer-bar .politicaPrivacidade {
    position: absolute;
    padding: 20px 0;
    display: inline-block;
    text-align: center;
    border-left: #403E44 1px dashed;
}
footer .footer-bar .termoUso {
    position: absolute;
    padding: 20px 0;
    display: inline-block;
    text-align: center;
    border-left: #403E44 1px dashed;
    right: 25%;
}
@media only screen and (max-width: 768px) {
    footer .footer-bar .copyright {width: 100% !important;}
    footer .footer-bar .toTop {width: 100% !important;}
    footer .footer-bar .politicaPrivacidade, footer .footer-bar .termoUso {
        position: relative;
        padding-left: 0;
        width: 100% !important;;
        border: 0;
        border-top: #403E44 1px dashed;
        text-align: center;
        right: 0;
    }
}