/*
Theme Name: cincolog
Author: Due Propaganda
Author URI: https://www.duepropaganda.com.br
*/

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-size:16px;margin:0;background:#fff;font-family:'Source Sans Pro',sans-serif;color:#252728}
p{font-size:1.1em;line-height:1.4em;margin-bottom:.5em}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
a{text-decoration:none;outline:none;color:#252728}
a:hover,a:visited{color:#000}
.flex{display:flex;flex-wrap:wrap;flex-direction:row}
img{max-width:100%;height:auto}
section{position:relative;z-index:99;background-color:#fff;width:100%}
h1{font-weight:600;font-size:2.3em;margin-top:2em;line-height:1.4em;margin-bottom:0em;letter-spacing:-1.5px;color:#181919;background-color:#EF7F3C;padding:5px 20px;border-radius:2px;position:relative}
h2{background-color:#163970;text-transform:uppercase;color:#FFF;font-size:1.65em;padding:5px 15px 5px 5%;display:inline-block;margin:.5em 0 1em;border-radius:0px 5px 5px 0}
h3{font-weight:700;font-size:1.6em;line-height:1.3em;margin-bottom:.5em}
h4{font-weight:700;font-size:1.6em;line-height:1.3em;margin-bottom:.5em;color:#EF7F3C;text-align:center}
ul,li{padding:0}
ul li{list-style:none}
.centro{max-width:1400px;width:90%;margin:auto}
#barra-topo{background-color:#31383B;width:100%;height:38px;display:flex;color:#F79B5C;z-index:99;position:relative}
#barra-topo .centro{justify-content:flex-end;align-items:stretch;margin:0 auto}
#barra-topo a,#barra-topo a:hover{color:#F79B5C}
@-webkit-keyframes pulseb{
0%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:0}
20%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);opacity:1}
40%{-webkit-transform:scaleX(1);transform:scaleX(1)}
60%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulseb{
0%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:0}
20%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);opacity:1}
40%{-webkit-transform:scaleX(1);transform:scaleX(1)}
60%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.botao.animate__pulseb{-webkit-animation-name:pulseb;animation-name:pulseb;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
.instagram,.facebook{height:100%;background-color:#F79B5C;color:#252728;align-items:center;display:flex!important}
.instagram{font-size:1.6em;padding:0 5px;margin-left:5px}
.facebook{font-size:1.4em;padding:0 10px;margin-left:25px}
.whats{margin-right:5px}
.link-whats{align-items:center;font-size:1.3em}
header{height:100vh;width:100%;background-color:#F79B5C;overflow:hidden;position:relative}
header .botao{text-align:center;width:500px;margin:auto;max-width:90%}
header p{font-weight:300;font-size:2.3em;line-height:1.8em;margin-bottom:30px;width:90%}
header p.titulo{font-weight:500;font-size:1.3em; line-height:1.3em; margin-bottom:.5em; background-color:#FFF; padding:10px 30px; display:flex;  align-content:unset;  justify-content:center;
  align-self:center;
  width:auto;text-transform:uppercase}
header .logo{height:auto;align-self:center;text-align:center;background-color:rgba(242,251,255,0.9);padding:45px 40px 25px;margin-top:-45px;border-radius:0 0 15px 15px;z-index:99;position:relative}
header .logo img{max-width:280px;height:auto}
header #chamada{text-align:center;display:flex;width:100%;flex-direction:column;align-items:center;z-index:99;position:relative}
.banner{position:fixed;top:0;z-index:0}
.botao{font-family:'Inter',sans-serif;font-weight:800;z-index:99;text-transform:uppercase;border-radius:5px;padding:30px 50px;margin-top:1em;font-size:1.8em;color:#F2FBFF;background:-moz-linear-gradient(top,rgba(30,32,33,0.9) 0%,rgba(0,0,0,0.9) 100%);background:-webkit-linear-gradient(top,rgba(30,32,33,0.9) 0%,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom,rgba(30,32,33,0.9) 0%,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61e2021',endColorstr='#e6000000',GradientType=0)}
.botao:hover,.botao:visited{color:#F2FBFF}
#beneficios{background-image:url(img/textura.jpg);background-size:cover}
#beneficios .centro{padding:15px 0;justify-content:space-between}
#beneficios .centro img{border-radius:5px}
#beneficios .col01{width:35%;position:relative;z-index:99}
#beneficios .col02{width:60%;position:relative;z-index:99;margin-right:5%}
.itens.flex{flex-direction:row;align-items:flex-start;margin-left:5%;margin-bottom:3%}
.itens.flex .numero{width:40px;background-color:#ef7f3c;border-radius:50px;font-family:Arial, Helvetica, sans-serif;font-weight:600;display:flex;justify-content:center;height:2.6em;align-items: center;color:#FFF;margin-right:2%}
.itens.flex strong{font-size:1.3em;letter-spacing:-.5px}
.itens.flex p{width:calc(98% - 40px)}
.flecha{position:absolute;height:128%;right:0;opacity:.5}
#servicos .flex,#localizacao .flex{justify-content:space-between}
#mapa.flex{justify-content:flex-start;max-width:1920px;margin:auto}
#servicos{background-color:#CEDADD;z-index:9999}
#servicos .titulo{font-weight:700;font-size:1.6em;line-height:1.3em;margin-bottom:.5em;color:#EF7F3C}
#servicos .flex{padding:3em 0}
#servicos .flex span{width:30%;display:flex;align-items:center;flex-direction:column;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
#servicos .flex span:hover{-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease}
#servicos span p{font-style:italic;font-weight:700;font-size:1.4em;background-color:#EF7F3C;padding:10px 45px;margin-top:-1em;border-radius:12px;text-transform:uppercase;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease}
#servicos .flex span:hover p{background-color:#d46827;color:#FFF}
#localizacao .flex{align-items:center}
#localizacao .col01{width:47%}
#localizacao .col02{width:50%}
#localizacao h2{padding-top:1.5em}
#localizacao .col02 .crop{overflow:hidden}
#localizacao .col02 .crop img{margin-top:-50px}
#mapa .col01{overflow:hidden;width:48%;height:575px}
#mapa .col02{width:42%;margin-left:2%;padding-top:1.5em}
.fa-location-dot{font-size:50px;color:#163970;margin-right:15px;vertical-align:top;margin-top:18px}
#mapa p{margin-left:50px;margin-top:1em}
.mapa-desenho{margin-top:-5em}
#estrutura{background-color:#163970;padding:3em 0;z-index:999}
#estrutura h3{margin-bottom:1em}
#estrutura .icon{width:120px;height:120px;background-color:#0E2C59;border-radius:90px;display:flex;justify-content:center;align-items:center;margin:auto}
#estrutura .icon img{height:45%;width:auto}
#estrutura p{font-size:1.3em;margin-top:.5em;color:#fff;text-align:center}
#estrutura ul{justify-content:center}
#estrutura ul li{width:19%;text-align:center;display:flex;flex-direction:column;align-items:center;align-self:flex-start;padding:0 42px}
#clientes{padding-top:7em;padding-bottom:5em}
#clientes h3{color:#252728}
.flex.galeria{justify-content:center;margin-bottom:-6em}
.galeria img{max-height:390px;width:auto;margin:0 .5%}
.owl-carousel .owl-stage-outer{margin:auto;width:90%}
.owl-carousel.owl-drag .owl-item{align-items:center;align-self:center;display:flex}
.owl-carousel .owl-stage{display:flex}
.owl-prev{position:absolute;left:1%;top:25%}
.owl-next{position:absolute;right:1%;top:25%}
.owl-carousel .owl-nav button.owl-next{background-image:url(img/proximo.svg);width:30px;height:47px;background-repeat:no-repeat}
.owl-carousel .owl-nav button.owl-prev{background-image:url(img/anterior.svg);width:30px;height:47px;background-repeat:no-repeat}
.owl-carousel .owl-nav button.owl-prev span,.owl-carousel .owl-nav button.owl-next span{display:none}
footer{background-color:#163970;color:#fff;z-index:999;position:relative;text-align:center}
footer a,footer p,footer a:hover{color:#fff}
footer .centro{padding:3em 0}
footer .logo{margin-bottom:1em}
footer .link-whats{justify-content:center;color:#fff}
footer strong{text-transform:uppercase}
footer .botao{font-family:'Source Sans Pro',sans-serif;font-weight:700;font-style:italic;z-index:99;text-transform:uppercase;border-radius:5px;padding:15px 30px;font-size:1.4em;color:#F2FBFF;background:-moz-linear-gradient(top,#142f59 0%,#0f2445 100%);background:-webkit-linear-gradient(top,#142f59 0%,#0f2445 100%);background:linear-gradient(to bottom,#142f59 0%,#0f2445 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6142F59',endColorstr='#e6000000',GradientType=0);margin:-1em auto 0}
footer h2,footer h3{color:#350040;text-align:center}
footer h2{font-weight:700;font-size:1.9em;margin-bottom:0}
footer h3{font-weight:700;font-size:1.4em}
#desenvolvimento{font-size:.7em;font-style:italic;text-align:center;background-color:#FFF;width:100%;padding:3em 0;display:flex;position:relative;z-index:99;justify-content:center;align-items:center}
#desenvolvimento a{line-height:0}
#desenvolvimento img{width:100px;margin-left:5px}
.owl-carousel .owl-item img{max-width:180px}
.owl-carousel.owl-drag .owl-item div{margin:auto}
.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{background-color:#fefefe; margin:15% auto;padding:20px;border:1px solid #888;width:50%;position:relative}
.close{color:#aaa;font-size:28px;font-weight:bold;width:30px !important;position:absolute;right:0;top:0}
.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer} 
.marcas-menores.flex{flex-direction:row;align-items:center;justify-content:center}
.marcas-menores.flex img{margin:0 15px 10px}
@media (min-width: 1920px) {
.banner{margin-left:-960px;left:50%}
header #chamada{position:absolute;bottom:50%;max-width:1920px;left:50%;margin-left:-960px}
}
@media (min-height: 1070px) {
header{height:1070px}
.banner{height:1070px;max-width:inherit}
}
@media (max-width: 920px) and (min-height: 520px) {
.banner{position:absolute;top:0;z-index:0;height:auto !important;width:100%;max-width:inherit}
}
@media (min-width: 1600px) and (max-height: 1070px) {
.banner{position:absolute;top:0;z-index:0;height:auto !important;width:100%;margin-left:0;left:0%}
}
@media screen and (max-width : 1200px) {
#mapa .col01{width:100%;height:350px}
#mapa .col02{display:flex;justify-content:space-around;width:100%}
.maps iframe{width:100%!important}
#mapa .col02 i,#mapa .col02 .logo-menor{display:none}
.mapa-desenho{margin-top:0;max-width:500px}
#estrutura ul li{width:25%;padding:0}
#localizacao .flex{flex-direction:column-reverse}
#localizacao .col01,#localizacao .col02{width:100%}
#localizacao .col01{padding-bottom:1.5em}
}
@media screen and (max-width : 960px) {
body{font-size:14px}
#servicos .flex span{width:100%}
}
@media screen and (max-width : 820px) {
#estrutura ul{justify-content:space-around}
#estrutura ul li{width:33%;padding-bottom:1em}
#beneficios .col01,#beneficios .col02{width:100%;margin:0}
#beneficios .col01{text-align:center}
#beneficios .col02{margin-top:-4%;margin-bottom:6%;padding:15px}
h2{border-radius:5px}
.itens.flex{margin-left: 0}
}
@media screen and (max-width : 780px) {
.galeria img{max-height:inherit;width:auto;margin:.5%}
#mapa .col02{display:block;text-align:center}
#mapa p{margin-left:0;margin-top:0}
}
@media screen and (max-width : 720px) {
#estrutura ul li{width:48%}
.modal-content{width:90%}
}
@media screen and (max-width : 640px) {
header .logo{margin:0 auto}
#barra-topo .centro{justify-content:center}
h1{line-height:1.2em}
}
@media screen and (max-width : 560px) {
#estrutura ul li{width:100%}
.mapa-desenho{max-width:100%}
h1{font-size:1.8em}
}