/* Reset css */
@import url("style.css");
@import url("animate.css");


* { margin:0; padding:0;box-sizing:border-box; }
img { border:none }
fieldset { border:none }
a { outline:none; text-decoration:none}
a:hover { text-decoration:underline}
ul li, ol li { list-style-type:none }
address { font-style:normal; display:block }
h1, h2, h3, h4, h5, h6{ padding:0; margin:0; font-size:inherit; font-weight:normal }
textarea{font-family:inherit; font-size:inherit; overflow:auto}
input[type="search"] {
    -webkit-appearance: textfield;
}

*{box-sizing: border-box;}

::selection {
    background: var(--amarelo);
    color: var(--branco) !important;
}


*{box-sizing: border-box;}

.dfBDQI{display: none !important;}

.grayscale {
  filter: grayscale(1);
  -webkit-filter: grayscale(1); 
  filter: grayscale(100%); 
}

body{
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    font-size:16px;
    line-height: 25px;

    color:#000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top:0 !important;
    background-color:var(--branco);
    position: relative;
    letter-spacing: -0.7px;
}

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.whatswidget-text-header-outer{display:none !important}

.sucesso{color:#3f7215;font-size: 18px;text-align: center;font-weight: 600;margin:130px 0}


.play{background-size:50px !important;width:50px;height:50px;position: fixed;left:15px;bottom:15px;z-index:1000}


.fadeIn {
-webkit-animation: fadeIn 0.7s ease-in-out;
-moz-animation: fadeIn 0.7s ease-in-out;
-o-animation: fadeIn 0.7s ease-in-out;
animation: fadeIn 0.7s ease-in-out;
}

input[type="checkbox"]:focus{outline:0;}
input:focus {outline:none;}
button:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

.whatsapp-plug-icon{position: fixed;z-index: 1000;bottom: 15px;right: 15px;width: 38px;height: 39px; -webkit-border-radius: 50%;cursor: pointer;background-color: #00ff00;transition: .3s;background-position: center;background-repeat: no-repeat;background-image: url(../images/whatsplug.svg);background-size: 50% auto;}
.whatsapp-plug-icon::after,
.whatsapp-plug-icon::before{content: ' ';position: absolute;opacity: 0;border: 3px solid #00ff00;left: -5px;top: -5px;right: -5px;bottom: -5px;-webkit-border-radius: 50%;animation: WaveWhatsApp 1.5s ease infinite;}
.whatsapp-plug-icon:hover{background-color: #00ff00;}
.whatsapp-plug-icon:hover::before{border: 3px solid #00ff00;}

.errorlist{font-size: 14px;color:red;}

@keyframes WaveWhatsApp{
    0%  {transform:scale(.5)}
    50% {opacity:1}
    100%{transform:scale(1.2);opacity:0}
}


.botao{font-size:1px; text-indent:-9999px; display:block;}
.clear{clear:both;}
.clearfix::after{content: " ";display: table;clear: both;}
.empty{color:red;margin:0 0 60px 0;font-size: 16px;text-align: center;font-weight: 600}
/* efeito transicao */

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.titulo{
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: bold !important; /* ou outro peso */
}

.fadeIn {
-webkit-animation: fadeIn 0.7s ease-in-out;
-moz-animation: fadeIn 0.7s ease-in-out;
-o-animation: fadeIn 0.7s ease-in-out;
animation: fadeIn 0.7s ease-in-out;
}

input[type="checkbox"]:focus{outline:0;}
input:focus {outline:none;}
button:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}



#swipeboxshield{display: block;width: 100%;height: 50px;position: fixed;top: 0;right: 0;z-index: 2000;}
div#swipebox-bottom-bar{}
div#swipebox-top-bar{}
div#swipebox-overlay{background-color: rgba(0, 0, 0, .9);z-index: 16000003 !important;}
@media(min-width: 1024px){
    div#swipebox-bottom-bar{position: absolute;left: 0;top: 50%;}
    div#swipebox-bottom-bar{background-color: rgba(255, 255, 255, 0);}
    div#swipebox-arrows{max-width: 100%;width: 100%;padding: 0 30px;}
}
@media(max-width: 1023px){
    div#swipebox-bottom-bar{background-color: rgba(0, 0, 0, 0);}
}


/* #ed3035 vermelho_claro
   #c11026 vermelho_escuro
   #324446 cinza_escuro
*/


.box-wait{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;z-index: 0;background-color:#000}
.box-wait .loading{width:60px;height:60px;border-radius:150px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;-webkit-animation:loading 1.2s linear infinite;animation:ringLoading 1.2s linear infinite;box-sizing:border-box;
    border:5px solid var(--branco);
    border-top-color: rgba(255, 255, 255, .5);
}
@-webkit-keyframes ringLoading{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}

@keyframes ringLoading{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}


.video-fs-container{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-fs-container iframe{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.texto{word-break: break-word;}
.texto::after{content: " ";display: table;clear: both;}
.texto .wrapper{padding: 0 10px;}
.texto h1,
.texto h2,
.texto h3,
.texto h4,
.texto h5{margin-bottom: 25px;letter-spacing: -.60px;color: var(--texto);font-size: 18px;font-weight: bold}
.texto p{font-size: 16px;line-height: 26px;color: var(--texto);margin:0 0 20px 0}
.texto p:last-child{margin: 0;}
.texto a{-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;color: var(--texto);}
.texto a:hover{}
.texto img{width: 100%;max-width: 100% !important;height: auto !important;}
.texto p img{width: 100% !important;max-width: 100% !important;height: auto !important;}
.texto iframe{max-width: 100%;}
.texto table{margin-left: auto;margin-right: auto;border: 0;border-collapse: collapse;}
.texto table tbody tr:nth-child(even){background-color: #f2f2f2;}
.texto table td{vertical-align: top;}
.texto h1{font-size: 20px;line-height: 28px;}
.texto h2{font-size: 18px;line-height: 25px;}
.texto ul,
.texto ol{padding-left: 25px;margin:0 0 15px 0}
.texto ul li,
.texto ol li{list-style-type: square;font-size: 15px;line-height:22px;margin-bottom: 10px;}

.texto{width: 100%;word-break: break-word;}

/* #swipeboxshield{display: block;width: 100%;height: 50px;position: fixed;top: 0;right: 0;z-index: 2000;background-color: #000} */

#swipeboxshield{display: block;width: 100%;height: 50px;position: fixed;top: 0;right: 0;z-index: 2000;}
div#swipebox-bottom-bar{}
div#swipebox-top-bar{}
div#swipebox-overlay{background-color: rgba(0, 0, 0, .9);z-index: 16000003 !important;}
@media(min-width: 1024px){
    div#swipebox-bottom-bar{position: absolute;left: 0;top: 50%;}
    div#swipebox-bottom-bar{background-color: rgba(255, 255, 255, 0);}
    div#swipebox-arrows{max-width: 100%;width: 100%;padding: 0 30px;box-sizing: border-box;}
}
@media(max-width: 1023px){
    div#swipebox-bottom-bar{background-color: rgba(0, 0, 0, 0);}
}

.animated-placeholder input,
.animated-placeholder textarea{-webkit-transition: all 0.1s linear;transition: all 0.1s linear;font-family: 'Poppins', sans-serif; }
.animated-placeholder label{line-height: 18px;position: absolute;top: 10px;left: 25px;font-size: 13px;color: #666;cursor: text;-webkit-transition: all 0.1s linear;transition: all 0.1s linear;}
.animated-placeholder .wrapper-input .half label{left: 10px;}
.animated-placeholder .active input{padding-left: 15px;outline: none;box-shadow: 0 0 7px 2px rgba(160,50,51,0.5) inset;border-color: rgba(227,2,24,1);border:1px solid #a03233 !important;}
.animated-placeholder .active .styled-select{padding-left: 15px;border:1px solid #a03233 !important;}
.animated-placeholder .active textarea{padding-left: 15px;outline: none;box-shadow: 0 0 7px 2px rgba(160,50,51,0.5) inset;border-color: rgba(227,2,24,1);border:1px solid #a03233 !important;}
.animated-placeholder .active label,
.animated-placeholder .wrapper-fixedlabel label{top: -17px;font-size: 12px;color:#a03233;padding: 0 7px;font-weight: normal;background-color:transparent;}

.buscador-form{margin-bottom:30px;position:relative;max-width: 320px;}
.buscador-form .wrapper-input .input-busca{width: 350px;border-radius: 10px;border: 1px solid #ddd;padding: 15px;box-sizing: border-box;font-size: 15px;color: #666;width: 100%;}

.buscador-form .botao-busca{position: absolute;
  top: 0;
  overflow: hidden;
  text-indent: -999px;
  width: 50px;
  height: 50px;
  font-size: 14px;
  color: var(--branco);
  display: inline-block;
  text-transform: uppercase;
  font-weight: 800;
  padding: 10px 20px;
  background: url(../images/icon-lupa.svg) no-repeat center center;
  background-size: 25px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  border: none;
  right: 0;}

 .buscador-form .botao-busca:hover{cursor: pointer;background-color: #eee;color: #255baa;text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.cent{width: 100% !important}


.texto-buscado{margin-bottom:30px !important}
.texto-buscado p{text-align: center;}

.todas_postagens .blog .buscador .botao-busca{cursor: pointer;border: none;border-radius: 30px;background-color: #002e6e;text-transform: uppercase;color: var(--branco);text-transform: uppercase;font-size: 14px;width: 145px;padding: 10px 0;}

.todas_postagens .container .conteudo .conti .buscador .botao-busca:hover{background-color: #e6e6e6;color: #255baa;text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}


.wrapper-input{min-height:45px;position: relative;margin:0 0 15px 0;}
.wrapper-input.label,
.haslabel .wrapper-input{min-height: 50px;margin:0 0 0 0;}
.wrapper-input::after{content: " ";display: table;clear: both;}
.wrapper-input.one{float: left; width: 100%;text-align: left;padding: 0 10px;box-sizing: border-box;}
.wrapper-input.half{float: left; width:50%;text-align: left;padding: 0 10px;box-sizing: border-box;}
.wrapper-input.third{float: left;width: calc(100%/3);text-align: left;padding: 0 10px;}
.wrapper-input.fourth{float: left;width: calc(100%/4);text-align: left;padding: 0 10px;}
.wrapper-input.extra{float: left; width:75%;text-align: left;padding: 0 10px;}

.wrapper-input.fill{float: left;width: 100%;clear: both;padding: 0 10px;}
.wrapper-input.textarea{width: 100%;min-height: 112px;}
.wrapper-input .half{width: 47%;display: inline-block;vertical-align: top;}
.wrapper-input .half:last-child{float: right;}

.input-style{width: 100%;height:43px;font-size: 15px;padding: 0 15px;box-sizing: border-box;background: #fff;border: 1px solid #cfcfcf;font-family: 'Poppins', sans-serif; }
.input-style.select{padding: 0;background: url(../images/down-arrow.svg) no-repeat 96% center #fff;overflow: hidden;background-size: 10px !important}
.input-style select{color:var(--texto);box-sizing:border-box;background: transparent;width: 110%;padding:0 50px 0 15px;;font-size: 15px;line-height: 15px;border: 0;border-radius: 0;height: 43px;-webkit-appearance: none;border:none;font-family: 'Poppins', sans-serif;}
.input-style:focus{outline: none;border-color:1px solid #3f4393 !important;}
.change-label input{border:1px solid #000;}
.input-style_text{color:var(--texto);box-sizing:border-box;background: transparent;width: 100%;padding:15px 15px 15px 15px;;font-size: 15px;line-height: 15px;border: 0;border-radius: 0;height: 200px;-webkit-appearance: none;border:none;box-sizing: border-box;background: #f8f8f8;border: 1px solid #e9e9e9;font-family: 'Poppins', sans-serif;resize: none;overflow-y: auto;}


#pop-fundo{width:100%; height:150%; position:fixed; z-index:111; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none}
#pop-fundo::before{display: block;position: absolute;top: 70px;left: 290px;color: var(--branco);font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo.active{display: block !important}
#pop-fundo1{width:100%; height:150%; position:fixed; z-index:111; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none;font-family:arial, sans-serif}
#pop-fundo1::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: var(--branco);font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo2{width:100%; height:150%; position:fixed; z-index:80; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none;font-family:arial, sans-serif}
#pop-fundo2::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: var(--branco);font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo3{width:100%; height:150%; position:fixed; z-index:111; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none;font-family:arial, sans-serif}
#pop-fundo3::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: var(--branco);font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo4{width:100%; height:150%; position:fixed; z-index:4; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none;font-family:arial, sans-serif}
#pop-fundo4::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: var(--branco);font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}

#video-iframe{position:fixed;text-align: center; left:0;top:0;width: 100%; max-width:972px;height:auto;min-height: 560px; max-height: 80%;max-width: 90%; display:none;z-index:101;background:#000;overflow:hidden;box-sizing:border-box;border: 3px solid #000;overflow-y:auto;}
#video-iframe iframe{vertical-align: middle;max-width: 100%;position: relative;z-index: 1;}
#video-iframe::before{content: " ";width:40px;height:40px;border-radius:150px;border:5px solid #ddd;border-top-color: rgba(0,0,0,0.5);position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;animation:loading 1.2s linear infinite;-webkit-animation:loading 1.2s linear infinite;box-sizing:border-box;z-index: 0;}

.paginacao{margin:65px auto 50px auto;overflow:hidden;text-align: center;}
.paginacao li{min-width: 34px;height: 34px;display: inline-block;vertical-align: middle; text-align: center;margin: 0 2px;}
.paginacao li a{color:#303268;font-size:14px;line-height: 34px;}
.paginacao li a:hover{font-size:14px;color:#fcf127;line-height:34px;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.paginacao li a.bt-pag{font-size:14px;color:var(--branco);line-height:34px;background-color:#303268;margin:0 2px 0 0;display:block;width: 100%;height: 100%;border-radius: 5px;}
.paginacao li a.bt-pag:hover{font-size:14px;color:#303268;line-height:34px;background-color:#fcbd40;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.paginacao li a.active{font-size:14px;color:#303268;line-height:34px;background-color:#fcbd40;text-decoration:none;}


:root{
    --branco:#fff;
    --texto:#151515;
    --amarelo:#FEBD17;
    --cinza_escuro:#a0a3a4;
    --cinza_font:#6b6b6a;
    --cinza_claro:#d8d8d8;
    --black:#000007;
    --verde:#173e1c;
    --clarinho:#fff0cc;
    --escura:#343333;
}



.topo{position: fixed;
    box-shadow: 0 5px 10px rgb(61 61 70 / 5%);
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background:var(--amarelo);
    z-index: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease}

.topo.active {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.topo .inf{width: 100%;padding: 20px 0 20px 0}
.topo .inf .logo{width:300px;height:65px;background-size:300px !important;background: url(../images/logo.png) no-repeat center center;display: inline-block;vertical-align: middle;}
.topo .inf .logo a{width: 100%;height: 100%;display: block}
.topo .inf .menu{width:865px;display: inline-block;vertical-align: middle;text-align: right;}
.topo .inf .menu a{font-size:23px;color:var(--black);font-weight: 400;display: inline-block;vertical-align: middle;margin: 0 55px 0 0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;position: relative;}
.topo .inf .menu a:hover{text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.topo .inf .menu a:last-child{margin: 0 0 0 0}
.topo .inf .menu a::after{width: 0;height: 4px;background-color: var(--black);bottom: -10px;left: 0;position: absolute;content: "";-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.topo .inf .menu a:hover::after{width: 100%;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}


.home .topo .inf .menu a.home::after,.home .topo .inf .menu a.home::after{width: 100%;}
.empresa .topo .inf .menu a.empresa::after,.empresa .topo .inf .menu a.empresa::after{width: 100%;}
.servicos .topo .inf .menu a.servicos::after,.servicos .topo .inf .menu a.servicos::after{width: 100%;}
.obras .topo .inf .menu a.obras::after,.obras .topo .inf .menu a.obras::after{width: 100%;}
.contato .topo .inf .menu a.contato::after,.contato .topo .inf .menu a.contato::after{width: 100%;}




header{width: 100%;background-color: var(--amarelo);}
header .sup{padding: 30px 0 50px 0}
header .sup h2{font-size: 19px;color:var(--black);text-align: center;text-transform: uppercase;line-height: 22px;border-bottom: 2px solid var(--black);padding: 0 0 20px 0;letter-spacing: 0.2px}
header .inf{width: 100%;padding: 0 0 50px 0}
header .inf .logo{width:365px;height:65px;background-size:365px !important;background: url(../images/logo.png) no-repeat center center;display: inline-block;vertical-align: middle;}
header .inf .logo a{width: 100%;height: 100%;display: block}
header .inf .menu{width:800px;display: inline-block;vertical-align: middle;text-align: right;}
header .inf .menu a{font-size:23px;color:var(--black);font-weight: 400;display: inline-block;vertical-align: middle;margin: 0 55px 0 0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;position: relative;}
header .inf .menu a:hover{text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
header .inf .menu a:last-child{margin: 0 0 0 0}
header .inf .menu a::after{width: 0;height: 4px;background-color: var(--black);bottom: -10px;left: 0;position: absolute;content: "";-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
header .inf .menu a:hover::after{width: 100%;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.home header .inf .menu a.home::after,.home header .inf .menu a.home::after{width: 100%;}
.empresa header .inf .menu a.empresa::after,.empresa header .inf .menu a.empresa::after{width: 100%;}
.servicos header .inf .menu a.servicos::after,.servicos header .inf .menu a.servicos::after{width: 100%;}
.obras header .inf .menu a.obras::after,.obras header .inf .menu a.obras::after{width: 100%;}
.contato header .inf .menu a.contato::after,.contato header .inf .menu a.contato::after{width: 100%;}


.home .banner{width: 100%;height:595px;max-width:1920px;background-color:#2256a6;margin:8px auto 30px auto; }
.home .banner .item{width: 100%;height:595px;}
.home .banner .item img{width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: 2;left: 0;}
.home .banner .owl-item.active .owl_effect_1{animation: 0.5s .5s fadeInRight both;}
.home .banner .owl-item.active .owl_effect_2{animation: 0.5s 1s fadeInUp both;}
.home .banner .owl-item.active .owl_effect_3{animation: 0.5s 1.5s fadeInUp both;}

.home .banner .item .center{height: 100% !important;}
.home .banner .item .center .miolo{width: 100%;display: flex;width: 100%;height: 100%;justify-content:right;align-items: center;position: relative;z-index: 3}
.home .banner .item .center .miolo .box_banner{padding:33px;box-sizing: border-box;background-color: var(--black);max-width: 575px;width: 100%;border-right: 10px solid var(--amarelo);position: relative;text-align: right;}
.home .banner .item .center .miolo .box_banner .triangulo{width: 0;height: 0;border-left: 45px solid transparent;border-right: 45px solid transparent;border-bottom: 45px solid var(--amarelo);position: absolute;left:-40px;top:-25px;transform: rotate(-45deg);}
.home .banner .item .center .miolo .box_banner h3{font-size: 25px;text-transform: uppercase;color: var(--branco);line-height: 25px;font-weight: 600;margin: 0 0 5px 0;display: block;}
.home .banner .item .center .miolo .box_banner h2{font-size: 35px;text-transform: uppercase;color: var(--branco);line-height:35px;font-weight: 600}

.home .banner .owl-nav.disabled+.owl-dots{margin-top: -40px !important;position: relative;z-index: 3}
.home .banner .owl-dots .owl-dot span{width: 12px !important;height: 12px !important;border:2px solid #fff;background-color: transparent !important;border-radius: 0 !important}
.home .banner .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: var(--amarelo) !important;border-color: var(--amarelo) !important;}

.home .conteudo .sup{width: 100%;background-color: var(--amarelo);padding: 60px 0 130px 0;overflow: hidden;}
.home .conteudo .sup h2{padding:32px;font-size: 30px;line-height: 35pxpx;letter-spacing: 0;box-sizing:border-box;width: 100%;background-color: var(--black);text-align: center;color: var(--amarelo);text-transform: uppercase;margin: 0 0 40px 0;display: block;}
.home .conteudo .sup h3{font-size: 35px;line-height: 45px;letter-spacing: 0;max-width: 750px;width: 100%;text-align: center;margin: 0 auto 60px auto;display: block;font-weight: normal;}
.home .conteudo .sup .texto p{color:var(--black);font-size:32px;line-height: 50px;text-align: left;font-weight: normal}

.home .conteudo .box_servicos{background-color: var(--cinza_escuro);padding: 133px 0 175px 0}
.home .conteudo .box_servicos h2{font-size: 70px;line-height: 70px;color:var(--black);text-align: center;display: block;text-transform: uppercase;}
.home .conteudo .box_servicos .vitrine{display: flex;flex-wrap: wrap;padding:90px 0 0 0}
.home .conteudo .box_servicos .vitrine .sep{width: 555px;margin:0 60px 60px 0;border-bottom:18px solid var(--amarelo);background-color: var(--cinza_claro);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home .conteudo .box_servicos .vitrine .sep:hover{text-decoration: none;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.22);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home .conteudo .box_servicos .vitrine .sep figure{width: 100%;height: 250px;overflow: hidden;}
.home .conteudo .box_servicos .vitrine .sep figure img{width: 100%;height: 100%;object-fit: cover !important;transform: scale(1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home .conteudo .box_servicos .vitrine .sep:hover figure img{transform: scale(1.1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home .conteudo .box_servicos .vitrine .sep:nth-child(2n){margin: 0 0 60px 0}
.home .conteudo .box_servicos .vitrine .sep .box_info{padding:40px 45px 70px 45px;}
.home .conteudo .box_servicos .vitrine .sep .box_info h3{font-size:37px;color:var(--black);font-weight: 900;letter-spacing: 0;line-height: 45px;margin: 0 0 35px 0;display: block;}
.home .conteudo .box_servicos .vitrine .sep .box_info p{font-size: 30px;line-height: 38px;color:var(--black);margin:0 0 0 0;display: block;}


.home .conteudo .box_obras{width: 100%;background: url(../images/img_obras.jpg) no-repeat top right var(--black);overflow: hidden;}
.home .conteudo .box_obras .center h2{font-size:50px;line-height: 55px;color:var(--amarelo);padding: 75px 0;}
.home .conteudo .box_vitrine{background-color: var(--amarelo);padding:95px 0;width: 100%;position: relative;z-index: 3}
.home .conteudo .box_vitrine::after{content: '';position: absolute;bottom:0;width: 100%;left: 0;background-color: var(--cinza_escuro);height: 180px;z-index: 0}
.home .conteudo .box_vitrine .sep {width: 370px; height: 475px; border: 5px solid #fff; background-color: #2256a6; display: block; margin: 0 auto; position: relative; overflow: hidden; cursor: pointer;}
.home .conteudo .box_vitrine .sep .img-wrap {width: 100%; height: 100%; position: relative;}
.home .conteudo .box_vitrine .sep img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.home .conteudo .box_vitrine .sep .retina {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.4s ease; z-index: 2;}
.home .conteudo .box_vitrine .sep h2 {position: absolute; bottom: 20px; left: 20px; right: 20px; margin: 0; color: #fff; font-size: 22px; line-height: 28px; z-index: 3; opacity: 0; transform: translateY(20px); transition: all 0.4s ease;}
.home .conteudo .box_vitrine .sep:hover img {transform: scale(1.05);}
.home .conteudo .box_vitrine .sep:hover .retina {opacity: 1;}
.home .conteudo .box_vitrine .sep:hover h2 {opacity: 1; transform: translateY(0);}.home .conteudo .box_vitrine .owl-nav {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 0; z-index: 10;}
.home .conteudo .box_vitrine .owl-nav .owl-prev {position: absolute; width: auto; height: auto;background-color: transparent;border: normal;text-indent: -9999;font-size: 1px;}
.home .conteudo .box_vitrine .owl-nav .owl-prev:hover {}
.home .conteudo .box_vitrine .owl-nav .owl-next {position: absolute; width: auto; height: auto;background-color: transparent;border: normal;text-indent: -9999;font-size: 1px; }
.home .conteudo .box_vitrine .owl-nav .owl-next:hover {}


.home .conteudo .box_vitrine .owl-nav .owl-prev {left: -20px;position: absolute;margin-top:-40px}
.home .conteudo .box_vitrine .owl-nav .owl-next {right: -20px;position: absolute;margin-top:-40px}
.home .conteudo .box_vitrine .owl-nav .owl-prev::before {content: "\e911"; font-size: 80px;font-weight: bold;font-family:'icomoon'}
.home .conteudo .box_vitrine .owl-nav .owl-next::before {content: "\e910"; font-size: 80px; font-weight: bold;font-family:'icomoon'}
.home .conteudo .box_vitrine .owl-nav div span {display: none;}
.home .conteudo .box_vitrine .owl-nav div.disabled {opacity: 0.4; cursor: not-allowed;}
.home .conteudo .box_vitrine .owl-nav div.disabled:hover {transform: none; background: var(--primary);}


.home .conteudo .box_sustentabilidade{border-top:75px solid var(--verde);border-bottom:75px solid var(--verde);;width: 100%;max-width: 1920px;background: url(../images/folhas.jpg) -120px top var(--clarinho) no-repeat;margin: 0 auto;overflow: hidden;}
.home .conteudo .box_sustentabilidade .central{padding: 100px 0;border-bottom:5px solid var(--amarelo);border-top:5px solid var(--amarelo);}
.home .conteudo .box_sustentabilidade .central .center {max-width: 1280px;width: 100%;margin: 0 auto;}
.home .conteudo .box_sustentabilidade .central .center .left{width:730px;display:inline-block;vertical-align:middle; }
.home .conteudo .box_sustentabilidade .central .center .left h2{font-size:55px;line-height: 60px;color:var(--verde);}
.home .conteudo .box_sustentabilidade .central .center .left .texto{width: 100%;margin:40px 0 0 0}
.home .conteudo .box_sustentabilidade .central .center .left .texto p{font-size: 35px;color:var(--verde);line-height:50px;}
.home .conteudo .box_sustentabilidade .central .center .right{width:480px;display: inline-block;vertical-align: middle;margin: 0 0 0 65px}
.home .conteudo .box_sustentabilidade .central .center .right img{width: 100%;height: auto;display: block;}
.home .conteudo .box_clientes{padding:120px 0;background-color:#fff}
.home .conteudo .box_clientes h2{font-size:55px;line-height: 65px;color:var(--black);padding: 0 0 5px 0;border-bottom:5px solid var(--amarelo);margin: 0 0 10px 0}
.home .conteudo .box_clientes p{font-size: 30px;line-height: 40px;color:var(--black);}
.home .conteudo .box_clientes .vitrine{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin: 105px 0 0 0}
.home .conteudo .box_clientes .vitrine .owl-stage{display: flex;justify-content: center;}
.home .conteudo .box_clientes .vitrine .sep{width: 270px;height: 150px;display: flex;justify-content: center;align-items: center;margin: 0 auto 30px auto;}

.home .conteudo .box_clientes .vitrine .sep img{max-width: 80%;width: 100%;width: auto;height: auto;}
.home .conteudo .box_depoimentos{padding:195px 0;background:url(../images/parallax.jpg) no-repeat center center;background-attachment: fixed !important}
.home .conteudo .box_depoimentos .vitrine{width:100%;background-color:#000007;padding:95px 35px;position: relative;}
.home .conteudo .box_depoimentos .vitrine .sep{width: 100%;padding: 0 30px;}
.home .conteudo .box_depoimentos .vitrine .sep p{color: var(--branco);line-height: 50px;font-size: 35px;text-align: center;max-width: 650px;width: 100%;margin: 0 auto;}
.home .conteudo .box_depoimentos .vitrine .aspas1{background-size:121px !important;width: 121px;height: auto;display: block;position: absolute;top:80px;left: 35px}
.home .conteudo .box_depoimentos .vitrine .aspas2{background-size:121px !important;width: 121px;height: auto;display: block;position: absolute;bottom:80px;right: 35px;transform: rotate(-180deg);}

.degrade{width: 100%;height: auto;display: block;}

footer{width: 100%;background-color:var(--black);padding: 85px 0 105px 0}
footer .sup{width: 100%;padding: 0 0 90px 0}
footer .sup .left{width:430px;display: inline-block;vertical-align: top;}
footer .sup .left .loguin{width:300px;height: auto;margin:  0 0 40px 0; display: block;}
footer .sup .left p{font-size:27px;line-height: 40px;color:var(--amarelo);margin: 30px 0 0 0;display: block;}
footer .sup .right{width: 400px;display: inline-block;vertical-align: top;margin: 0 0 0 140px}
footer .sup .right h2{font-size:27px;line-height: 27px;text-transform: uppercase;color: var(--amarelo);margin: 0 0 25px 0;display: block;}
footer .sup .right .menu{width: 100%;}
footer .sup .right .menu a{color:var(--amarelo);display: block;margin: 0 0 10px 0;font-size: 27px;line-height: 32px;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
footer .sup .right .menu a:hover{color:var(--amarelo);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0.8}
footer .sup .right .menu span{color:var(--amarelo);display: block;margin: 0 0 10px 0;font-size: 27px;line-height: 32px;}

footer .inf{width: 100%;}
footer .inf .redes{width:100%;border-bottom: 3px solid var(--amarelo);padding: 0 0 20px 0;text-align: center;}
footer .inf .redes a{font-size:35px;color:var(--amarelo);display: inline-block;margin: 0 7px 0 7px;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out; }
footer .inf .redes a:hover{opacity: 0.7;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out; }

footer .inf .dir{font-size: 17px;color: var(--amarelo);text-align: center;margin:25px 0 0 0}
footer .inf .dir a{color:var(--amarelo);text-decoration: none;}

.internas .caixa_title .sup{padding: 50px 0;background-color:var(--cinza_claro);border-top:10px solid var(--escura);}
.internas .caixa_title .sup .center{display: flex;align-items: center;justify-content: space-between;}
.internas .caixa_title .sup h2{font-size:50px;color:var(--cinza_claro);color: var(--cinza_font);line-height:53px;width:100%;display: inline-block;vertical-align: middle;}
.internas .caixa_title .sup .marca{width: 107px;height: 107px;float:right;}
.internas .caixa_title .sup .marca img{width: 100%;height: auto;display: block;}

.internas .caixa_title .inf{padding: 15px 0;background-color:#acacad}
.internas .caixa_title .inf h3{font-size: 38px;font-weight: bold;color:white;line-height: 38px;display: block;}

.internas .conti{background-color:white;}

.contato .conti{padding: 65px 0 60px 0; }
.contato .conti .descri p{font-size: 30px;line-height: 38px;color: var(--black);margin: 0 0 30px 0}
.contato .conti .texto2{margin: 60px 0 60px 0;display: block;}
.contato .conti .form_contato{margin:40px 0 70px 0}
.contato .conti .form_contato input{width: 100%;height: 60px;background-color: var(--cinza_claro);height: 60;border:none;padding: 0 25px;font-size: 20px;line-height: 30px;color: var(--cinza_font);}
.contato .conti .form_contato textarea{width: 100%;background-color: var(--cinza_claro);height: 265px;overflow-y: auto;resize: none;border:none;padding: 25px 25px;font-size: 20px;line-height: 30px;color: var(--cinza_font);}
.contato .conti .form_contato input,textarea::-webkit-input-placeholder {font-size:25px;line-height: 25px;color:var(--cinza_font);}
.contato .conti .form_contato input,textarea:-moz-placeholder {font-size:25px;line-height: 25px;color:var(--cinza_font);}
.contato .conti .form_contato input,textarea::-moz-placeholder {font-size:25px;line-height: 25px;color:var(--cinza_font);}
.contato .conti .form_contato input,textarea:-ms-input-placeholder {font-size:25px;line-height: 25px;color:var(--cinza_font);}
.contato .conti .form_contato .box_buttom{padding: 0 10px}
.contato .conti .form_contato button{width: 100%;height: 60px;background-color:#acacad;font-size: 28px;font-weight: bold;padding: 13px 0;box-sizing: border-box;color:white;cursor: pointer;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;border:none}
.contato .conti .form_contato button:hover{background-color:var(--cinza_font);text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.servicos .conti{padding: 65px 0 0 0; }
.servicos .conti .descri p{font-size: 30px;line-height: 38px;color: var(--black);margin: 0 0 30px 0}
.servicos .conti .vitrine{width: 100%;margin: 140px 0 0 0}
.servicos .conti .vitrine .sep{width: 100%;margin: 0 0 90px 0}
.servicos .conti .vitrine .sep .icone{max-width: 180px;height: auto;display: inline-block;vertical-align:top;}
.servicos .conti .vitrine .sep .texto{width:910px;display:inline-block;vertical-align:top;}
.servicos .conti .vitrine .sep .texto p{font-size: 30px;line-height: 38px;color: var(--black);margin: 0 0 0 90px}
.servicos .conti .box_galeria{padding: 0 0}
.servicos .conti .box_galeria .vitrine{padding:0 0 0 0;text-align: center;width: 100%;position: relative;}
.servicos .conti .box_galeria .vitrine .sep{width:100%;overflow:hidden;display:block;margin:0 auto;box-sizing: border-box;position: relative;overflow: hidden;}
.servicos .conti .box_galeria .vitrine .sep:hover:after{background-color:rgba(0,0,0,0.5);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.servicos .conti .box_galeria .vitrine .sep img{width: 100%;height:auto;display: block;object-fit:cover;filter: grayscale(0.5);}
.servicos .conti .box_galeria .vitrine .sep:hover img{filter: grayscale(0);}
.servicos .conti .box_galeria .vitrine .owl-nav{width:100%;margin:0 !important}
.servicos .conti .box_galeria .vitrine .owl-nav [class*=owl-]{margin:0 auto 0 auto !important;padding: 0 !important;}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-next{float: right;width:30px;height:70px;background-color:var(--amarelo);font-size: 1px;position: relative;position: absolute;top:50%;right: 20px;margin:-35px 0 0 0 !important;box-shadow: 0 5px 20px rgb(61 61 70 / 10%)}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-prev{float:left;width:30px;height:70px;background-color:var(--amarelo);font-size: 1px;position: relative;position: absolute;top:50%;left:20px;margin:-35px 0 0 0 !important;box-shadow: 0 5px 20px rgb(61 61 70 / 10%)}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-next:after{content:'\e905';position: absolute;top:34%;right:7px;font-size:15px;color:var(--black);font-family: 'icomoon';text-align: center;}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-prev:after{content:'\e906';position: absolute;top:34%;left:7px;font-size:15px;color:var(--black);font-family: 'icomoon';text-align: center;}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-next:hover{background-color:;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-next:hover{background-color:var(--cinza_escuro);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-prev:hover{background-color:var(--cinza_escuro);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-next:hover:after{color:var(--branco);}
.servicos .conti .box_galeria .vitrine .owl-nav .owl-prev:hover:after{color:var(--branco);}

.empresa .conti{padding: 65px 0 60px 0;}
.empresa .conti .descri p{font-size: 30px;line-height: 38px;color: var(--black);margin: 0 0 30px 0}
.empresa .conti .img_quem{width: 100%;height: auto;display: block;margin: 70px 0 0 0}
.empresa .conti .box_visao{width: 100%;margin: 70px 0 0 0}
.empresa .conti .box_visao .left{width: 775px;float: left}
.empresa .conti .box_visao .left h2{font-size: 50px;line-height: 60px;color: var(--black);padding: 0 0 5px 0;border-bottom: 5px solid var(--amarelo);margin: 0 0 70px 0;}
.empresa .conti .box_visao .left .sep{margin: 0  0 70px 0}
.empresa .conti .box_visao .left .sep h3{font-size: 40px;line-height: 40px;color: var(--black);margin:0 0 30px 0;display: block;}
.empresa .conti .box_visao .left .sep .texto p{font-size: 30px;line-height: 45px;color: var(--black);margin: 0 0 30px 0}
.empresa .conti .box_visao .img_visao{width: 335px;float: right;}

.obras .conti{padding: 65px 0 60px 0}
.obras .conti .left{width:575px;float: left;}
.obras .conti .left .texto p{font-size:30px;line-height: 38px;color: var(--black);text-align: left;}
.obras .conti .botoes{width: 100%;margin:100px 0 70px 0}
.obras .conti .botoes .bt{padding:15px 15px;width: 190px;font-size: 27px;color: var(--black);font-weight: 600;text-align: center;background-color: var(--amarelo);display: inline-block;vertical-align: middle;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;margin: 0 15px 0 0}
.obras .conti .botoes .bt:last-child{margin: 0}
.obras .conti .botoes .bt:hover{text-decoration: none;background-color: var(--black);color: white;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.obras .conti .right{width:510px;float: right}
.obras .conti .right figure{width: 510px;height:405px;overflow: hidden;}
.obras .conti .right .thumbs{width: 100%;padding: 15px 0}
.obras .conti .right .thumbs .thumb{width: 245px;height: 150px;display: inline-block;margin:0 15px 15px 0;overflow: hidden;}
.obras .conti .right .thumbs .thumb:nth-child(2n){margin: 0 0 15px 0}
.obras .conti .right .thumbs .thumb img{height: 100%;width: 100%;object-fit: cover;}
.obras .conti .right .vitrine .owl-stage-outer{height: 100%}
.obras .conti .right .vitrine .owl-stage{height: 100%}
.obras .conti .right .vitrine .owl-item{height: 100%;}
.obras .conti .right figure img{width: 100%;height: 100%;object-fit: cover;display: block;}
.obras .conti .right .vitrine .owl-nav {position: absolute; top: 51%; transform: translateY(-50%); width: 100%; height: 0; z-index: 10;}
.obras .conti .right .vitrine .owl-nav .owl-prev {position: absolute; width: auto; height: auto;background-color: transparent;border: normal;text-indent: -9999;font-size: 1px;}
.obras .conti .right .vitrine .owl-nav .owl-prev:hover {}
.obras .conti .right .vitrine .owl-nav .owl-next {position: absolute; width: auto; height: auto;background-color: transparent;border: normal;text-indent: -9999;font-size: 1px; }
.obras .conti .right .vitrine .owl-nav .owl-next:hover {}
.obras .conti .right .vitrine .owl-nav .owl-prev {left: -10px;position: absolute;margin-top:-25px}
.obras .conti .right .vitrine .owl-nav .owl-next {right: -10px;position: absolute;margin-top:-25px}
.obras .conti .right .vitrine .owl-nav .owl-prev::before {content: "\e911"; font-size: 80px;font-weight: bold;font-family:'icomoon';color: white;text-shadow: 0px 0px 10px rgba(0, 0, 0, .54);}
.obras .conti .right .vitrine .owl-nav .owl-next::before {content: "\e910"; font-size: 80px; font-weight: bold;font-family:'icomoon';color: white;text-shadow: 0px 0px 10px rgba(0, 0, 0, .54);}
.obras .conti .right .vitrine .owl-nav div span {display: none;}
.obras .conti .right .vitrine .owl-nav div.disabled {opacity: 0.4; cursor: not-allowed;}
.obras .conti .right .vitrine .owl-nav div.disabled:hover {transform: none; background: var(--primary);}



/* Dispositivos com tela acima de 1170px */
@media(min-width: 1170px){
.mobile{display: none !important}
.desktop{}
.center{width: 100%;max-width: 1170px;margin:0 auto;}

}


/* Dispositivos com tela entre de 1024px e 1169px */
@media(min-width: 1024px) and (max-width: 1169px){
.mobile{display: none !important}
.desktop{}
.center{width: 100%;max-width: 1024px;margin:0 auto;padding:0 10px !important;box-sizing: border-box;}

.sucesso{color:#3f7215;font-size: 17px;text-align: center;font-weight: 600;margin:100px 0}
.texto p{margin-bottom: 15px;line-height: 22px}

.topo .inf .logo{width: 260px;height: 65px;background-size: 260px !important;}
.topo .inf .menu{width: 735px;}

header .sup h2{font-size: 16px;}
header .inf .logo{width: 300px;background-size:300px !important}
header .inf .menu{width: 700px;}
header .inf .menu a{font-size: 22px;margin: 0 45px 0 0 }

.home .conteudo .sup{padding: 40px 0 100px 0}
.home .conteudo .sup h2{padding: 25px;font-size: 27px;line-height: 27px;}
.home .conteudo .sup h3{font-size: 30px;line-height: 40px;margin: 0 auto 35px auto;}
.home .conteudo .sup .texto{padding: 0 15px}
.home .conteudo .sup .texto p{font-size: 27px;line-height: 45px;}

.home .conteudo .box_servicos h2{font-size: 55px;line-height: 55px;}
.home .conteudo .box_servicos .vitrine{justify-content: center;}
.home .conteudo .box_servicos .vitrine .sep {width: 470px;margin: 0 30px 50px 0;border-bottom: 10px solid var(--amarelo);}
.home .conteudo .box_servicos .vitrine .sep:nth-child(2n){margin: 0 0 50px 0}
.home .conteudo .box_servicos .vitrine .sep .box_info {padding: 25px 30px 50px 30px;}
.home .conteudo .box_servicos .vitrine .sep .box_info h3{font-size: 35px;line-height: 40px}
.home .conteudo .box_servicos .vitrine .sep .box_info p{font-size: 25px;line-height: 35px;}
.home .conteudo .box_servicos{padding: 100px 15px 120px 15px}

.home .conteudo .box_obras{padding: 0 15px}
.home .conteudo .box_obras .center h2 {font-size:45px;line-height: 55px;padding: 60px 0;}
.home .conteudo .box_vitrine .sep {width: 320px;height: 440px;}
.home .conteudo .box_sustentabilidade{border-top: 55px solid var(--verde);border-bottom: 55px solid var(--verde);background-size: 130% !important}

.home .conteudo .box_sustentabilidade .central .center .left h2{font-size: 50px;line-height: 60px;}
.home .conteudo .box_sustentabilidade .central{padding: 55px 15px}
.home .conteudo .box_sustentabilidade .central .center .left{width: 500px;}
.home .conteudo .box_sustentabilidade .central .center .left .texto p {font-size: 25px;line-height: 40px;}
.home .conteudo .box_sustentabilidade .central .center .right{width: 400px}

.home .conteudo .box_clientes{padding: 100px 15px 0 15px}
.home .conteudo .box_clientes h2{font-size: 45px;line-height: 50px}
.home .conteudo .box_clientes p {font-size: 25px;line-height: 35px;}
.home .conteudo .box_clientes .vitrine{margin: 70px 0 50px 0}
.home .conteudo .box_clientes .vitrine .sep {width: 210px;height: 130px;margin: 0 auto;}
.home .conteudo .box_depoimentos{padding: 150px 25px}
.home .conteudo .box_depoimentos .vitrine .sep p{line-height: 40px;font-size: 28px;}
.home .conteudo .box_depoimentos .vitrine .aspas1{width: 85px;}
.home .conteudo .box_depoimentos .vitrine .aspas2{width: 85px;}

footer .sup {padding: 0 15px 90px 15px;}
footer .sup .left p {font-size: 22px;line-height: 34px;}
footer .sup .right h2 {font-size: 24px;line-height: 24px;}
footer .sup .right .menu a {font-size: 22px;line-height: 28px;}
footer .sup .right .menu span{font-size: 22px;line-height: 28px;}
footer {padding: 45px 0 60px 0;}

.internas .caixa_title .sup{padding: 35px 15px;background-color:var(--cinza_claro);border-top:7px solid var(--escura);}
.internas .caixa_title .sup h2{font-size:38px;color:var(--cinza_claro);color: var(--cinza_font);line-height:40px;display: inline-block;vertical-align: middle;}
.internas .caixa_title .sup .marca{width: 90px;height: 90px;float:right;}
.internas .caixa_title .inf{padding: 12px 15px;background-color:#acacad}
.internas .caixa_title .inf h3{font-size: 30px;line-height: 30px;}



.contato .conti{padding: 45px 0 40px 0}
.contato .conti .texto2{padding: 50px 0 30px 0}
.contato .conti .descri{padding: 0 10px;}
.contato .conti .descri p {font-size: 27px;line-height: 40px;margin: 0}
.contato .conti .form_contato input, textarea::-webkit-input-placeholder {font-size: 22px;line-height: 22px;}
.contato .conti .form_contato button {font-size: 22px;line-height: 22px;}
.contato .conti .form_contato input{height: 50px;}
.contato .conti .form_contato button {height: 50px;}
.contato .conti .texto2 p{font-size: 27px;line-height: 32px;margin: 0 0 25px 0}

.servicos .conti{padding: 60px 0 0 0}
.servicos .conti .texto2{padding: 50px 0 30px 0}
.servicos .conti .descri{padding: 0 10px;}
.servicos .conti .descri p {font-size: 27px;line-height: 40px;margin: 0}
.servicos .conti .vitrine{padding:0 15px;margin: 100px 0 0 0}
.servicos .conti .vitrine .sep{margin:  0 0 70px 0}
.servicos .conti .vitrine .sep .icone{max-width: 160px;height: 160px;}
.servicos .conti .vitrine .sep .texto{width: 805px;}
.servicos .conti .vitrine .sep .texto p{font-size: 27px;line-height:40px;margin:0 0 0 50px}

.empresa .conti{padding: 60px 0 60px 0}
.empresa .conti .texto2{padding: 50px 0 30px 0}
.empresa .conti .descri{padding: 0 10px;}
.empresa .conti .descri p {font-size: 27px;line-height: 40px;margin: 0}
.empresa .conti .img_quem{margin: 50px 0 0 0}
.empresa .conti .box_visao{padding: 0 15px}
.empresa .conti .box_visao .left{width: 600px;}
.empresa .conti .box_visao .left h2{font-size: 45px;line-height: 55px;}
.empresa .conti .box_visao .left .sep{margin: 0 0 15px 0}

.obras .conti{padding: 45px 0 45px 0}
.obras .conti .left{padding:0 15px;width: 470px}

.obras .conti .left .texto p{font-size: 27px;line-height: 35px;}
.obras .conti .left .botoes{margin: 60px 0 30px 0}

.obras .conti .right{width:470px;margin: 0 15px 0 0}
.obras .conti .right figure{width: 470px;height: 350px}
.obras .conti .right .thumbs .thumb {width: 225px;height: 125px;}
.obras .conti .botoes .bt {padding: 12px 15px;width: 170px;font-size: 23px;}
}






/* Dispositivos com tela abaixo de 1023px */
@media(max-width: 1023px){
.mobile{}
.desktop{display: none !important}

.texto table{width: 100% !important;}
.texto table td{display: block;}
.center{width:100%;box-sizing: border-box;padding:0 10px !important }

.topo_resp{width:100%;background-color:var(--amarelo);position: fixed;z-index:70;height:85px;box-shadow: 0 5px 20px rgb(61 61 70 / 10%);}
.topo_resp .logo{width:190px;background-size: 190px !important;height:33px;background:url(../images/logo.png) no-repeat left top;display: block;position: absolute;left:20px;top:27px;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.topo_resp .logo a{width: 100%;height: 100%;display: block;}

.menu_resp{width: 270px;background-color:var(--amarelo);position:fixed;z-index:100;max-height: 100%;overflow-y:auto;left:-280px;top:0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;min-height: 100%;max-height: 100%}
.menu_resp.active{left:0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.menu_resp .line{width: 100%;background-color:var(--amarelo);padding: 30px 0 0 0}
.menu_resp .logo{width:190px;background-size: 190px !important;background:url(../images/logo.png) no-repeat left top;height:63px;margin:0;margin:0 0 20px 10px;float: left;}
.menu_resp .logo a{width: 100%;height: 100%;display: block}
.menu_resp .line .right{width: 160px;float: left;margin:0 0 0 30px;}
.menu_resp .bt{padding: 15px;font-size: 15px;box-sizing: border-box;color:var(--black);font-weight: 600;text-transform: uppercase;display: block;border-bottom: 1px solid rgba(191, 191, 191, 0.3);}
.menu_resp .bt:last-child{border:none;}
.menu_resp .bt:hover{background-color:var(--black);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;text-decoration: none;color:var(--amarelo);}

.home .banner{margin: 0 auto 30px auto;padding: 0 0 0 0;height: 100vh;overflow: hidden;}
.home .banner .item{height: 100vh}
.home .banner .item .center .miolo{padding: 85px 15px 0 15px;justify-content: center;}
.home .banner .item .center .miolo .box_banner{padding: 25px 15px;border-right: 6px solid var(--amarelo);}
.home .banner .item .center .miolo .box_banner .triangulo{border-left: 35px solid transparent;border-right: 35px solid transparent;border-bottom: 35px solid var(--amarelo);left: -30px;top: -20px;}
.home .banner .item .center .miolo .box_banner h3{font-size: 20px;}
.home .banner .item .center .miolo .box_banner h2 {font-size: 30px;line-height: 35px;}

.home .conteudo .sup{padding: 50px 0 80px 0;}
.home .conteudo .sup h2{padding: 32px;font-size: 25px;line-height: 32px;text-align: left;margin:0 0 30px 0 }
.home .conteudo .sup h3{font-size: 27px;line-height: 34px;padding: 0 15px;text-align: left;margin:0 0 30px 0} 
.home .conteudo .sup .texto{padding: 0 15px}
.home .conteudo .sup .texto p{font-size: 22px;line-height: 30px;}

.home .conteudo .box_servicos{padding: 80px 0 0 0}
.home .conteudo .box_servicos h2{font-size: 55px;line-height: 55px;}
.home .conteudo .box_servicos .vitrine{padding: 70px 0;justify-content: center;}
.home .conteudo .box_servicos .vitrine .sep{max-width: 370px;width: 100%;border-bottom: 10px solid var(--amarelo);margin: 0 15px 30px 15px}
.home .conteudo .box_servicos .vitrine .sep figure{height: 220px}
.home .conteudo .box_servicos .vitrine .sep:nth-child(2n){margin: 0 15px 30px 15px}
.home .conteudo .box_servicos .vitrine .sep .box_info{padding: 30px 25px 50px 25px}
.home .conteudo .box_servicos .vitrine .sep .box_info h3{font-size: 30px;line-height: 40px;margin: 0 0 20px 0}
.home .conteudo .box_servicos .vitrine .sep .box_info p{font-size: 20px;line-height: 30px;}

.home .conteudo .box_obras{background: none;background-color: var(--black);}
.home .conteudo .box_obras .center h2 {font-size: 40px;line-height: 50px;padding: 25px 15px;text-align: center;}
.home .conteudo .box_vitrine .sep{max-width: 370px;width: 100%;}
.home .conteudo .box_vitrine .owl-nav .owl-prev::before{font-size: 70px}
.home .conteudo .box_vitrine .owl-nav .owl-next::before{font-size: 70px}

.home .conteudo .box_sustentabilidade {background-image: none}
.home .conteudo .box_sustentabilidade .central{padding: 60px 0}
.home .conteudo .box_sustentabilidade .central .center .left{max-width:730px;width: 100%;padding: 0 15px;display: block;margin: 0 0 45px 0}
.home .conteudo .box_sustentabilidade .central .center .left h2{font-size: 40px;line-height: 50px;padding: 25px 15px;text-align: center;}
.home .conteudo .box_sustentabilidade .central .center .right{width: 100%;max-width: 500px;margin: 0 auto;display: block;}
.home .conteudo .box_sustentabilidade .central .center .left .texto p {font-size: 27px;line-height: 40px;}
.home .conteudo .box_sustentabilidade{border-top:50px solid var(--verde);border-bottom: 50px solid var(--verde);}
.home .conteudo .box_clientes{padding: 70px 0;}
.home .conteudo .box_clientes h2{font-size: 40px;line-height: 50px;text-align: center;padding: 0 15px;border-bottom:2px solid var(--amarelo);margin: 0 0 30px 0}
.home .conteudo .box_clientes p{font-size: 22px;line-height: 30px;padding: 0 20px;text-align: center;}
.home .conteudo .box_clientes .vitrine{margin:70px auto 0 auto; }
.home .conteudo .box_clientes .vitrine .sep {width: 200px;height: 100px;margin: 0 auto 0 auto;}

.home .conteudo .box_depoimentos{padding: 120px 20px}
.home .conteudo .box_depoimentos .vitrine .aspas1{background-size: 50px !important;width: 50px;}
.home .conteudo .box_depoimentos .vitrine .aspas2{background-size: 50px !important;width: 50px;}
.home .conteudo .box_depoimentos .vitrine .sep p {line-height: 35px;font-size: 22px;}

footer{padding: 45px 0 40px 0}
footer .sup{padding: 0 20px}
footer .sup .left{margin-bottom: 35px;width: 100%}
footer .sup .left p{font-size: 20px;line-height: 30px;}
footer .sup .right {width: 100%;display:block;vertical-align: top;margin: 0 0 0 0;}
footer .sup .right h2 {font-size: 22px;line-height: 22px;font-weight: 600}
footer .sup .right .menu a {margin: 0 0 10px 0;font-size: 20px;line-height: 25px;}
footer .sup .right .menu span{font-size: 20px;line-height: 25px;}
footer .inf {padding: 0 0;margin: 0 0 0 0}
footer .inf .redes{text-align: left;padding:0 20px 20px 20px;margin: 30px 0 30px 0;border-bottom: 1px solid var(--amarelo);}
footer .inf .dir {font-size: 16px;text-align: left;margin: 0 0 0 30px}

.internas .caixa_title{padding:85px 0 0 0;background-color: var(--cinza_claro);}
.internas .caixa_title .sup{padding: 30px 15px 30px 15px;background-color:var(--cinza_claro);border-top:7px solid var(--escura);}
.internas .caixa_title .sup h2{font-size:35px;color:var(--cinza_claro);color: var(--cinza_font);line-height:35px;display: inline-block;vertical-align: middle;}
.internas .caixa_title .sup .marca{width: 60px;height: 60px;float:right;margin: 5px 0 0 0 }
.internas .caixa_title .inf{padding: 10px 15px;background-color:#acacad}
.internas .caixa_title .inf h3{font-size: 25px;line-height: 25px;}


.contato .conti{padding: 45px 0 30px 0}
.contato .conti .texto2{padding: 40px 0 20px 0}
.contato .conti .descri{padding: 0 10px;}
.contato .conti .descri p {font-size: 20px;line-height: 25px;margin: 0}
.contato .conti .form_contato input, textarea::-webkit-input-placeholder {font-size: 22px;line-height: 22px;}
.contato .conti .form_contato button {font-size: 20px;line-height: 20px;}
.contato .conti .form_contato input{height: 50px;}
.contato .conti .form_contato button {height: 50px;}
.contato .conti .texto2 p {font-size: 20px;line-height: 25px;margin: 0 0 20px 0}

.internas .caixa_fornecedores{padding:0 0}
.contato .conti .form_contato input, textarea::-webkit-input-placeholder{font-size:18px;line-height:18px;}
.contato .conti .form_contato input{height: 47px;padding: 0 15px;}
.contato .conti .form_contato textarea{height: 147px;padding:15px 15px;}

.servicos .conti{padding: 45px 0 0 0}
.servicos .conti .texto2{padding: 40px 0 20px 0}
.servicos .conti .descri{padding: 0 10px;}
.servicos .conti .descri p{font-size: 20px;line-height: 25px;margin: 0}
.servicos .conti .vitrine{padding:0 15px;margin: 90px 0 0 0}
.servicos .conti .vitrine .sep{margin:0 0 70px 0}
.servicos .conti .vitrine .sep .icone{max-width: 100px;height: 100px;display: block;margin: 0 auto 30px auto;}
.servicos .conti .vitrine .sep .texto{width: 100%;padding: 0 0;text-align: center;}
.servicos .conti .vitrine .sep .texto p{font-size: 20px;line-height: 25px;;margin:0 0 0 0}

.empresa .conti{padding: 45px 0 30px 0}
.empresa .conti .texto2{padding: 40px 0 20px 0}
.empresa .conti .descri{padding: 0 10px;}
.empresa .conti .descri p{font-size: 20px;line-height: 25px;margin: 0}
.empresa .conti .img_quem{margin: 50px 0 0 0}

.empresa .conti .box_visao .left{width: 100%;float: none;display: block;}
.empresa .conti .box_visao .left h2{font-size: 40px;line-height: 50px;}
.empresa .conti .box_visao .left .sep{margin: 0 0 40px 0}
.empresa .conti .box_visao .left .sep:last-child{margin: 0}
.empresa .conti .box_visao .left .sep h3 {font-size: 35px;line-height: 35px;margin: 0 0 20px 0;}
.empresa .conti .box_visao .left .sep .texto p{font-size: 27px;line-height: 40px;}

.obras .conti{padding: 0 0 30px 0}
.obras .conti .left{padding:0 15px;width: 100%;margin: 0 0 45px 0}
.obras .conti .left .texto{width: 100%;float: none;}
.obras .conti .left .texto p {font-size: 20px;line-height: 28px;margin: 0;}
.obras .conti .right{max-width:570px;width: 100%;margin: 50px auto 0 auto;float: none;}
.obras .conti .right figure{width: 100%;aspect-ratio: 6 / 4;position: relative;overflow: hidden;height: auto;}
.obras .conti .right figure img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}
.obras .conti .right .thumbs{text-align: center;}
.obras .conti .right .thumbs .thumb{width: 45%;height: auto;aspect-ratio: 6 / 4;}
.obras .conti .botoes{margin: 10px auto 60px auto;text-align: center;}
.obras .conti .botoes .bt{padding: 10px 15px;width: 150px;font-size: 18px;}
.obras .conti .right .vitrine .owl-nav .owl-prev::before{font-size: 70px}
.obras .conti .right .vitrine .owl-nav .owl-next::before{font-size: 70px}



}

/* Dispositivos com tela abaixo de 600px */
@media(max-width: 600px){

.home .banner{height: 85vh}
.home .banner .item{height: 85vh}
.home .banner .item .center .miolo .box_banner{padding: 20px 13px;border-right: 6px solid var(--amarelo);}
.home .banner .item .center .miolo .box_banner .triangulo {border-left: 25px solid transparent;border-right: 25px solid transparent;border-bottom: 25px solid var(--amarelo);left: -23px;top: -14px;}
.home .banner .item .center .miolo .box_banner h3{font-size: 17px;}
.home .banner .item .center .miolo .box_banner h2 {font-size: 25px;line-height: 30px;}
.home .banner .owl-dots .owl-dot span {width: 10px !important;height: 10px !important;}

.home .conteudo .box_vitrine .sep{max-width: 320px;height:400px;width: 100%;}
.home .conteudo .box_vitrine .owl-nav .owl-prev::before{font-size: 50px}
.home .conteudo .box_vitrine .owl-nav .owl-next::before{font-size: 50px}

.home .conteudo .sup h2{padding: 25px;font-size: 22px;line-height: 30px;}
.home .conteudo .sup h3 {font-size: 22px;line-height: 30px;}
.home .conteudo .sup .texto p {font-size: 18px;line-height: 28px;}

.home .conteudo .box_servicos{padding: 65px 0}
.home .conteudo .box_servicos h2{font-size:35px;line-height: 35px;}
.home .conteudo .box_servicos .vitrine{padding: 60px 0 0 0}
.home .conteudo .box_servicos .vitrine .sep figure{height: 200px}
.home .conteudo .box_servicos .vitrine .sep .box_info h3{font-size: 25px;line-height: 35px;}
.home .conteudo .box_servicos .vitrine .sep .box_info p{font-size: 18px;line-height: 25px;}
.home .conteudo .box_obras .center h2 {font-size: 30px;line-height: 38px;padding: 20px 15px;}

.home .conteudo .box_vitrine{padding: 65px 0}
.home .conteudo .box_sustentabilidade .central .center .left h2{font-size: 30px;line-height: 35px;padding: 0 15px;}
.home .conteudo .box_sustentabilidade .central .center .left .texto{margin: 25px 0 35px 0;display: block;}
.home .conteudo .box_sustentabilidade .central .center .left .texto p {font-size: 20px;line-height: 33px;padding: 0 0 0 0;text-align: center;}
.home .conteudo .box_sustentabilidade .central .center .right{width: 80%;}

.home .conteudo .box_clientes{padding:50px 0 }
.home .conteudo .box_clientes h2 {font-size: 35px;line-height: 40px;}
.home .conteudo .box_clientes p {font-size: 20px;line-height: 30px;padding: 0px 15px;}
.home .conteudo .box_clientes .vitrine{margin: 35px auto 0 auto;}

.home .conteudo .box_depoimentos{padding: 90px 0}
.home .conteudo .box_depoimentos .vitrine {padding: 45px 25px;}
.home .conteudo .box_depoimentos .vitrine .aspas1{background-size: 35px !important;width: 35px;top: 10px;left: 15px;}
.home .conteudo .box_depoimentos .vitrine .aspas2{background-size: 35px !important;width: 35px;bottom: 10px;right: 15px;}
.home .conteudo .box_depoimentos .vitrine .sep p {line-height: 30px;font-size: 18px;}

footer .sup {padding: 0 5px;}
footer .sup .left .loguin {width: 210px;margin: 0 0 30px 0}
footer .sup .left p{font-size: 17px;line-height: 27px;}
footer .sup .right h2{font-size: 18px;line-height: 20px;}
footer .sup .right .menu a {margin: 0 0 13px 0;font-size: 18px;line-height: 20px;}
footer .inf .redes{padding:0 20px 10px 0 }
footer .inf .redes a{font-size: 30px;}
footer .inf .dir {font-size: 14px;margin: 0 0 0 15px}


.internas .caixa_title .sup{padding:20px 10px 20px 10px;border-top:8px solid var(--escura);}
.internas .caixa_title .sup h2{font-size:30px;line-height:30px;}
.internas .caixa_title .sup .marca{width: 50px;height: 50px;float:right;}


.contato .conti .form_contato .wrapper-input{width: 100%}
.contato .conti .form_contato input{height: 45px;padding: 0 15px;}
.contato .conti .texto2{margin: 40px 0}

.servicos .conti .vitrine{margin: 80px 0 0 0}
.servicos .conti .vitrine .sep .icone{max-width: 80px;height:80px;display: block;margin: 0 auto 30px auto;}
.servicos .conti .vitrine .sep .texto{width: 100%;padding: 0 0;text-align: center;}
.servicos .conti .vitrine .sep .texto p{font-size: 20px;line-height: 25px;;margin:0 0 0 0}

.internas .caixa_title .inf h3{font-size: 22px;line-height: 22px;}

.empresa .conti .img_quem{margin: 40px 0 0 0}
.empresa .conti .box_visao .left h2{font-size: 30px;line-height: 40px;}
.empresa .conti .box_visao .left .sep{margin: 0 0 10px 0}
.empresa .conti .box_visao .left .sep:last-child{margin: 0}
.empresa .conti .box_visao .left .sep h3{font-size: 27px;line-height: 33px;margin: 0 0 20px 0;}
.empresa .conti .box_visao .left .sep .texto p{font-size: 20px;line-height: 25px;}

.obras .conti .right .vitrine .owl-nav .owl-prev::before{font-size:50px}
.obras .conti .right .vitrine .owl-nav .owl-next::before{font-size:50px}

.home .conteudo .box_vitrine .sep h2{font-size: 18px}

}

@media (max-width: 400px) {
.internas .caixa_title .sup h2 {font-size:25px;line-height: 28px;}
.obras .conti .botoes .bt{width: 135px;padding: 7px 15px;}

.home .conteudo .box_clientes .vitrine .sep{width: 140px;} 
}


/* icon menu */

.hamburguer{
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  position: absolute;
  right:20px;
  top: 28px;
  z-index: 2000;

}
.hamburguer span{
  width: 25px;
  height: 3px;
  background: var(--black);
  display: block;
  position: absolute;
  transition: all .2s;
  border-radius: 2px;

}
/*.hamburguer.active span{
  background: red;
}*/
.hamburguer.active{position: fixed;}
.hamburguer.active span{background-color:var(--black)}
.hamburguer .top-line{
  top: 4px
}
.hamburguer .middle-line{
  margin-top: -1.5px;
  top: 50%;
}
.hamburguer .bottom-line{
  bottom: 4px;
}
.hamburguer.active .top-line{
  transform: rotate(45deg);
  top: 11px;
}
.hamburguer.active .middle-line{
  opacity: 0;
}
.hamburguer.active .bottom-line{
  transform: rotate(-45deg);
  bottom: 11px;
}
.hamburguer:hover .top-line{
  top: 0px;
  -webkit-animation: bounceOutTop .2s linear;
}
.hamburguer:hover .bottom-line{
  bottom: 0px;
  -webkit-animation: bounceOutBottom .2s linear;
}
@-webkit-keyframes bounceOutTop {
  0%{ top: 2.5px;}
  25%{ top: -1px;}
  50%{ top: -2px;}
  75%{ top: -1px;}
  100%{ top: 1px;}
}
@-webkit-keyframes bounceOutBottom {
  0%{ bottom: 2.5px;}
  25%{ bottom: -1px;}
  50%{ bottom: -2px;}
  75%{ bottom: -1px;}
  100%{ bottom: 1px;}
}
.hamburguer.active:hover .top-line{
  transform: rotate(50deg);
  top: 11px;
  -webkit-animation: none;
}
.hamburguer.active:hover .bottom-line{
  transform: rotate(-50deg);
  bottom: 11px;
  -webkit-animation: none;
}

.styledcheck{display:inline-block;vertical-align:top;position:relative;width:14px;height:14px;margin-right: 5px;background-color: var(--branco);border:1px solid #ddd;}
.styledcheck:before{content:" ";position:absolute;width:14px;height:14px;}
.row-styledcheck > label{display:inline-block;line-height:16px;margin: 8px 15px 8px 0;color: #2f3030;position: static;}
.row-styledcheck > label > input[type=checkbox],
.row-styledcheck > label > input[type=radio]{display: none;}
.row-styledcheck > label > input[type=checkbox]:checked + .styledcheck:before{content:" ";position:absolute;width:11px;height: 4px;border-left-width: 4px;border-bottom-width: 4px;border-top-width: 0;border-right-width: 0;border-style: solid;border-color: #262626;margin: -6px 0 0 -6px;top: 50%;left: 50%;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.row-styledcheck > label > input[type=radio]:checked + .styledcheck:before{content:" ";position:absolute;width: 8px;height: 8px;background-color: #262626;top: 2.5px;left: 3px;}
.row-styledcheck > label:hover{opacity:0.7;cursor:pointer;}


.div-table{display:table;width:100%;border-radius: 10px}
.div-table-row{display:table-row;width:auto;clear:both;}
.div-table-col{display:table-cell;vertical-align: middle;}

@keyframes highlight {
  0% {
  background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}



.fade-up-menu {
animation: fadeInUp ease 0.6s;
-webkit-animation: fadeInUp ease 0.6s;
-moz-animation: fadeInUp ease 0.6s;
-o-animation: fadeInUp ease 0.6s;
-ms-animation: fadeInUp ease 0.6s;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.tabs {
  
  overflow: hidden;
  
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;

  margin: 0 0 10px 0;
}
.tab-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding:20px 20px 20px 20px;box-sizing: border-box;
  background: transparent;
  color:var(--branco);
  font-weight: normal;
  background-color: var(--cinza_escuro);
  cursor: pointer;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px solid var(--branco)
}
.tab-label:hover {
    opacity: 0.8;
}
.tab-label::after {
  content: "\002B";
  width: 1em;
  height: 1em;
  line-height: 30px;
  font-size: 25px;
  color:var(--branco);
  text-align: center;
  -moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;
}
.tab-content {
  max-height: 0;
  padding: 0 20px 0 40px;
  color: #2c3e50;
  box-sizing: border-box;
  background: white;
  -moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;
}
.tab-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #eff1f4;
  cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab input:checked + .tab-label {

}
.tab input:checked + .tab-label::after {
  content: "\002D";
}
.tab input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 40px 40px 40px 40px;
  background-color:#f6f6f6;
}

.floating { 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}

.floating2 { 
    animation-name: floating;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

/* Place Holder CSS */
::-webkit-input-placeholder {
  color: #666;

  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:-moz-placeholder {
  color: #666;

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
::-moz-placeholder {
  color: #666;

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:-ms-input-placeholder {
  color: #666;

  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

/* Place Holder CSS for Focus */
:hover::-webkit-input-placeholder {
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover:-moz-placeholder {

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover::-moz-placeholder {

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover:-ms-input-placeholder {

  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

/* Place Holder CSS for Focus */
:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0;
  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

/* Landings de cidade/termo: H1 como linha de apoio centralizada sobre o titulo principal.
   Nao define cor nem tamanho de proposito - herda o que ja estava valendo. */
.landing .conteudo .sup h1{display:block;width:100%;text-align:center;margin:0 0 15px 0}