.colorBrand { color: #E67816 !important }
.bgBrand { background: #E67816 }
.bg-dark { background: #201917; }
.bg-light { background: #f9f7fa; }
body { background: #F4F4F4 }

/* Header . . . . . . . . . . . . . . . . . */

header { padding-top: 0px; transition: .2s }
header .sm-clean ul { top: 99px !important; }
header .content-header { height: 99px; max-width: 90%; background: url(../img/bg_diagonal_header.svg) no-repeat right center; }
header .bar-content-header { height: 100%; width: 100%; }
header .bar-bts-header { margin-right: -20px; }
.wrapper-header { display: block; height: 99px; pointer-events: none; }
.scrollDesce header .sm-clean ul { top: 68px !important; }
.scrollDesce header .content-header { height: 68px; transition: .2s }
.logo-header { height: 75px }
.scrollDesce .logo-header { height: 50px; }
.scrollDesce header { background: none }
.menu-header a { opacity: .8; font-weight: 700; color: #000; }
.menu-header a:hover { opacity: 1 }
.pushyMenuMobile .menu-header a { color: #fff; width: 100%; padding: 8px 0; font-size: 26px; font-weight: 600; opacity: 1 }
.pushyMenuMobile .menu-header .sub-menu a { font-size: 18px; color: #fff; padding-left: 12px; }
.pushyMenuMobile .menu-header li { display: block; }
.header-single-fixo { width: 100%; height: 92px;  }
.menu-sanduba-mobile { top: 25px; right: 20px; background: #fff; transform: skewX(-20deg); }

.menu-header li { padding: 0px }
.menu-header li a { padding: 0 12px; }
.menu-header a:after { content: ""; display: block; width: 0%; height: 5px; background: #E67816; position: absolute; left: 0; bottom: 0; transform: skewX(-20deg); transition: .2s }
.menu-header a:hover:after { display: block; width: 100%; transition: .2s }
.sm-clean ul.sub-menu { border: 1px solid #201917; }
.sm-clean > li > ul::after { border-color: transparent transparent #201917 transparent; }
.sm-clean .sub-menu a { font-size: 18px; font-weight: 700; display: block; color: #000;  }
.sub-menu a:after,.sub-menu a:hover:after { display: none !important;  }
.sm-clean a .sub-arrow { border-radius: 0px; transform: skewX(-20deg); }
.sm-clean a .sub-arrow::before { transform: skewX(20deg); }

.single-servicos .menu-header li.servicos a:after { display: block; width: 100%; }
.single-obras .menu-header li.obras a:after, .tax-obras-cat .menu-header li.obras a:after, .tax-obras-status .menu-header li.obras a:after
{ display: block; width: 100%; }
.empresa .menu-header li.institucional a:after { display: block; width: 100%; }
.fale-conosco .menu-header li.faleConosco a:after { display: block; width: 100%; }

@media ( max-width: 768px ) {
.menu-sanduba-mobile { top: 10px; }
.sm-clean ul.sub-menu { border: none; }
}

@media ( max-width: 600px ) {
.menu-sanduba-mobile { top: 6px; }	
header .content-header { height: 70px; max-width: 82% }
.wrapper-header { height: 0px; }
.scrollAction header .content-header { height: 60px; transition: .2s }
.header-default .bar-logo { width: 180px; }
.header-default .bar-logo .logo-header { max-width: 100%; }
.logo-header { height: 55px; }
header .bar-bts-header { padding-right: 24px; }
}

/* Heros . . . . . . . . . . . . . . . . . */

.tx1-headerhero { font-size: 80px; line-height: 85px; font-weight: 800; display: block; }
.tx2-headerhero { font-size: 18px; line-height: 27px; font-weight: 300; display: block; margin-top: 12px; color: #1C1C1D; }
.heroAction1 .bar-thumb .thumb { max-width: 100%; margin-bottom: -200px; transform: scale(1.2); transition: .2s }
.scrollAction .heroAction1 .bar-thumb .thumb { margin-bottom: -40px; transform: scale(1); transition: .2s }
.hero1-single .tit-page { color: #201917; text-transform: uppercase; }

.box-hero-carrossel {  }
.hero-carrossel .card { height: 680px; display: flex; justify-content: flex-start; transform: scale(1); filter: blur(1px); transition: .2s }
.hero-carrossel .active .card { transform: scale(1); filter: blur(0px); transition: .2s } 
.hero-carrossel .card .bar-text { display: flex; justify-content: center; height: 100%; align-items: center; }
.hero-carrossel .card .bar-text .content { padding: 0 25px 0 25px; max-width: 456px; box-sizing: border-box; }
.hero-carrossel .card .bar-thumb { width: 60%; }
.hero-carrossel .card .bar-thumb .thumb { width: 100%; height: 100%; display: block; background-size: cover !important; }
.thumb_bg_diagonal { position: absolute; right: -5px; top: 0; background: url(../img/bg_bar_thumb_hero.svg) no-repeat top right; background-size: contain; width: 100%; height: 100%; pointer-events: none; }
.thumb_bg_diagonal2 { position: absolute; left: 0px; top: 0; background: url(../img/bg_bar_thumb_hero2.svg) no-repeat top left; background-size: contain; background-position-x: -5px; width: 100%; height: 100%; pointer-events: none; }

.hero-carrossel .owl-nav { position: absolute; right: 40px; bottom: 40px; }
.bt-nav { width: 14px; height: 25px; display: block; background: url(../img/seta-nav.svg) no-repeat center !important; }
.bt-nav.nav-next { transform: rotate(180deg); }
.bt-nav-brand { background: url(../img/seta-nav-brand.svg) no-repeat center; }

.home-hero .bar-thumb { position: absolute; top: 0; right: 0; }
.home-hero .bar-thumb .bar-content { width: 100%; height: 100% }

.hero-obras,.hero-obras .bar-thumb { height: 600px; }
.hero-obras .mascara { background: url(../img/mascara-diagonal-full.svg) no-repeat center right; background-size: cover; width: 60%; height: 100%; display: block; position: absolute; left: 0; top: 0; }
.hero-obras .thumb-desktop { clip-path: polygon(0 0, 100% 0%, 100% 600px, 0% 600px) }
.hero-obras .bar-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.hero-obras .bar-text .content { width: 90%; margin: 0 auto }
.hero-obras .bar-text .content .text { width: 50%; }
.local { display: flex; align-items: center; }
.local:before { content: ""; background: url(../img/ico-marker2.svg) no-repeat center; width: 18px; height: 20px; display: block; margin-right: 8px; }
.hero-obras .bar-cta { position: absolute; bottom: 0; right: 0; width: 60%; height: 208px; background: url(../img/diagonal_obras_branco.svg) no-repeat center left; background-size: cover; display: flex; align-items: center }
.hero-obras .bar-cta .content { padding-left: 80px; }

@media ( max-width: 1100px ) {
.hero-obras .bar-cta { width: 70%; }
}

@media ( max-width: 768px ) {
.hero-carrossel .card { height: 500px; }
.hero-carrossel .card .bar-thumb { width: 80%; }
.hero-carrossel .card .bar-text .font-suprema { font-size: 38px; line-height: 48px; }
.thumb_bg_diagonal { top: 2px; }

.hero-obras,.hero-obras .bar-thumb { height: 520px; }
.hero-obras .thumb-desktop { clip-path: polygon(0 0, 100% 0%, 100% 520px, 0% 520px) }
.hero-obras .bar-cta { width: 65%; height: 160px; }
.hero-obras .bar-text .content .text { width: 100%; }
}

@media ( max-width: 600px ) {
.hero-carrossel .card { flex-direction: column; height: inherit; }
.hero-carrossel .card .bar-thumb { width: 100%; height: 400px; }
.hero-carrossel .thumb_bg_diagonal { display: none; }
.hero-carrossel .card .bar-text { height: inherit; padding: 25px 0; }
.hero-carrossel .owl-nav { right: 10px; bottom: 10px; }
.hero-carrossel .owl-dots { position: absolute; top: 70px; display: flex; justify-content: center; width: 100%; }

.home-hero .header-content { position: absolute; z-index: 10 }

.hero-obras .bar-cta { width: 100%; }
.hero-obras .bar-thumb { background: #201917; }
.hero-obras .bar-cta .content { padding-left: 10px; }
.hero-obras .bar-cta .btfone1,.btWhats1 { padding: 0 10px; }
.hero-obras .bar-cta .content .text { padding-left: 40px; box-sizing: border-box; }
.hero-obras .bar-cta .content .text .font-18 { font-size: 16px; line-height: 22px; }

}

/*botões . . . . . . . . . . . . . . . . . */

.bt-busca:before { display: none; }
.bt-default { background: #2D2384; color: #fff; position: relative; }
.bt-default:hover:before { top: -6px; left: -6px; transition: .2s }

.bt1 { transform: skewX(-20deg) }
.skemXZero { transform: skewX(20deg) }

.ham .line { stroke: #000 }

.bt-cta1-brand { color: #fff; opacity: .8 }
.bt-cta1-brand:hover { opacity: 1 } 
.bt-cta1-brand-reverse { color: #00A650; background: #fff; }

.bt-cta1 { color: #fff; }

.bt-default-line { text-transform: uppercase; font-weight: 600; width: 174px; border: solid 2px #fff; color: #fff; }
.bt-default-line:hover { background: #fff; color: #E67816 !important; }
.bt_seta:hover .seta g { fill: #E67816 !important }

.header-default .bt-produto-servico { background: none; color: #2D2384; font-size: 16px; min-width: unset; padding: 0 12px; }
.bt-produto-servico:after { content: unset }

.btWhats1 { text-transform: uppercase; }

.bt-line-dots { border: solid 1px #CBCBCB; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; max-width: 350px; box-sizing: border-box; transform: skewX(-20deg) }
.bt-line-dots:after { content: ""; background: url(../img/3dots.svg); width: 20px; min-width: 20px; height: 5px; display: block; transform: skewX(20deg); }

.bt-cta-google-maps { border: solid 1px #4D4D4D; padding: 14px; box-sizing: border-box; max-width: 160px; }
.bt-cta-google-maps:hover { background: #FFF5EC }

.mosaico-produtos .bt-mais { background: #FF931D; width: 71px; height: 71px; border-radius: 100%; transition: 0.1s }
.mosaico-produtos .bt-mais:hover { transform: scale(1.1); transition: .1s }

.home-hero .bt_seta { color: #fff; text-transform: uppercase; font-weight: 600; }
.home-hero .bt_seta .seta g { fill: #fff; }

.hero_contato .bt-tel-min { color: #fff; }
.hero_contato .bt-tel-min .icon g { fill: #fff; }

.bar-tit-section .bt1 { background: #2C2286; color: #fff; opacity: .8 }
.bar-tit-section .bt1:hover { opacity: 1 }

.pushyHeader .svg-close g { fill: #fff }
.menu-categorias-produto a { color: #4d4d4d }

.content-carrossel-filtros a { color: #fff; background: #2C2286; }

@media ( max-width: 600px ) {
.bt-line-dots { max-width: 100% }
}


/*Outros . . . . . . . . . . . . . . . . . */

.depoimentos { padding-bottom: 64px; }
.card-depoimentos { width: 434px; padding: 44px; }
.card-depoimentos .CincoStars g { fill: #EEE1D8 }
.carrossel-depoimentos.owl-theme .owl-dots .owl-dot.active span { background: #fff; }
.page-numbers li { transform: skewX(-20deg); }
.page-numbers .current { background: #E67816; }
.page-numbers a, .page-numbers .current { border-radius: 0px; }
.footer-default { background: #fff; }
.depoimentos-cards { background: #F9F7FA; }

.titDefault:after { content: ""; display: block; width: 68px; height: 2px; margin-top: 16px; background: #000 }
.colorBranca.titDefault:after { background: #fff }

.pushyBusca { background: #00000099 }
.pushyBusca .bar-search input { transform: skewX(-20deg); border-radius: 0px; background: #fff; border: 0; }

.menu-filtros li { border-bottom: solid 1px #F4F4F4; }
.menu-filtros li a { display: block; font-size: 16px; font-weight: 500; padding: 18px 34px; box-sizing: border-box; color: #201917 }
.menu-filtros li a:hover { background: #FCFCFC; padding: 18px 38px; }
.tit-menu-obras { padding: 12px 34px; }

.hero-pages { width: 100%; background: url(../img/bg-hero-pages.jpg) #201917 no-repeat center right; background-size: cover; height: 162px; }
.hero-pages .bg-dianonal { position: absolute; left: 0; height: 0; width: 40%; height: 100%; background: url(../img/diagonal_obras_brand.svg) no-repeat center right; }
.hero-pages .bar-text { height: 100%; display: flex; align-items: flex-end; position: sticky; padding: 0 0 12px 0; box-sizing: border-box; }

.breadcrumb { height: 40px; background: #201917; margin: 20px 0; padding: 0 14px; box-sizing: border-box; transform: skewX(-20deg); }
.breadcrumb li { transform: skewX(20deg); }
.breadcrumb li a { color: #fff; }
.breadcrumb .item-current { color: #E67816 }
.separator g { fill: #fff }

@media ( max-width: 768px ) {
.header-single-fixo { height: 72px; }
}
@media ( max-width: 600px ) {
.card-depoimentos { width: 300px; }
.depoimentos { padding-bottom: 24px; }

.hero-pages { height: 122px; }
.hero-pages .bg-dianonal { width: 70% }
.hero-pages .bar-text { padding: 0 0 8px 0 }

}

.search .card-produto .thumb { border-radius: 22px; }

/* . . . . Single Post . . . . . . . . . . . . . . */

.tit-post { font-weight: 600 }

/* Menu Mobile . . . . . . . . . . . . . . . . . */

.pushyMenuMobile .content { padding: 100px 16px 100px 16px }
.pushyMenuMobile .bar-bts-actions { width: 100%; position: fixed; bottom: 0px; z-index: 999; padding: 6px 0; box-sizing: border-box; }
.pushyMenuMobile .bar-bts-actions .bts-actions { width: 90%; margin: 0 auto }

/* Micro Texto . . . . . . . . . . . . . . . . . */

section.MicroTextos { padding: 106px 0; }
.card-MicroTexto { display: flex; width: 80%; margin: 0 auto; }
.card-MicroTexto .thumb { padding-right: 22px; }

@media ( max-width: 1100px ) {
.card-MicroTexto .font-28 { font-size: 22px; line-height: 30px }
.card-MicroTexto .thumb { padding-right: 14px; }
}

@media ( max-width: 768px ) {
.card-MicroTexto { flex-direction: column; }
.card-MicroTexto .thumb { padding-right: 0px; padding-bottom: 14px; height: 50px; }
}

@media ( max-width: 600px ) {
section.MicroTextos { padding: 56px 0 }
.wrapper-3col { flex-direction: column }
.wrapper-3col .col { width: 100%; padding-bottom: 40px; }
}

/* Obras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.gradeBoxObras .col { display: flex; justify-content: center; }
.gradeBoxObrasListagem .col { padding-bottom: 5%; }
.card-obra { max-width: 320px; background: #fff; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%) }
.card-obra:hover { box-shadow: 0px 4px 18px 1px rgb(0 0 0 / 6%); transform: translate(0px, -1px) }
.card-obra .bar-text { padding: 20px 25px; box-sizing: border-box; display: block; }
.card-obra .local { display: flex; align-items: center; }
.card-obra .local:before { content: ""; background: url(../img/ico-marker.svg) no-repeat center; display: flex; width: 18px; height: 20px; margin-right: 8px; }

.card-servico { background: #201917 }
.carrossel-cards-servicos .card-obra { margin: 20px 30px; }

.tit-aba { width: 100%; border-bottom: solid 1px #F1F1F1; margin-bottom: 40px; }
.tit-aba .bar-text { max-width: 744px; margin: 0 auto; }
.tit-aba .bar-text .text { display: inline-block; border-bottom: solid 3px #000; padding: 10px 14px; }

.FichaObra .content { display: flex; max-width: 800px; width: 100%; justify-content: space-between; margin: 0 auto }
.FichaObra .content .bar-ficha { padding-right: 50px; box-sizing: border-box; flex-grow: 1 }
.FichaObra .bar-maps { border-top: solid 1px #CBCBCB; }
.FichaObra .lista-servicos li { display: flex; align-items: center; padding-bottom: 10px; }
.FichaObra .lista-servicos li:before { content: ""; background: url(../img/seta-min.svg) no-repeat center; width: 20px; min-width: 20px; height: 20px; display: block; margin-right: 12px; }

.box-obras-relacionadas { border-top: solid 1px #CBCBCB; }
.box-servicos .owl-theme .owl-nav { width: 100%; display: flex; justify-content: space-between; position: absolute; top: 45%; }
.box-servicos .reels-default.owl-theme .owl-dots .owl-dot span { background: #E6781650 }
.box-servicos .reels-default.owl-theme .owl-dots .owl-dot.active span { background: #E67816 }

@media ( max-width: 768px ) {
.tit-aba .bar-text { max-width: 90%; }
.card-obra { max-width: 240px; }
}

@media ( max-width: 600px ) {
.card-obra { max-width: 100%; }
.FichaObra .content {flex-direction: column; max-width: 90%}
.FichaObra .content .bar-ficha { padding-right: 0px; }
.FichaObra .content .bar-ficha .endereco { display: block; }

.carrossel-cards-servicos .card-obra { width: 250px; margin: 20px 0 20px 30px; }
}

/* footer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.footerCustom { background: #fff; padding: 100px 0; }
.footerCustom .gradeFooter-3col {display: flex; justify-content: space-between; margin: 0 auto; }
.footerCustom .gradeFooter-3col li.col { width: 33%; }
.footerCustom .gradeFooter-3col li.col .card-col-footer { width: 80%; margin: 0 auto }

@media ( max-width: 600px ) {
.footerCustom .gradeFooter-3col { flex-direction: column; }
.footerCustom .gradeFooter-3col li.col { width: 100%; padding-bottom: 40px; }
}