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

* { margin:0; padding:0 }
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;
}


body{
    font-family: 'Montserrat', sans-serif;
    font-size:15px;
    line-height: 23px;
    color:#666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top:0 !important;
    background-color:#092149;

}

@-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; }
}

.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; }
}

.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;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;}
}
@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;}
.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;}

.wrapper-input{min-height:51px;position: relative;margin:0 0 0 0;}
.wrapper-input.label,
.haslabel .wrapper-input{min-height: 50px;margin:0 0 10px 0;}
.wrapper-input::after{content: " ";display: table;clear: both;}
.wrapper-input.one{float: left; width: 100%;text-align: left;padding: 0 10px;}
.wrapper-input.half{float: left; width: 50%;text-align: left;padding: 0 10px;}
.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:45px;font-size: 15px;padding: 0 0 0 0;box-sizing: border-box;border:1px solid #ddd; }
.input-style.select{padding: 0;background: url(../images/icon-arrow-down.png) no-repeat 93% center #fff;overflow: hidden;}
.input-style select{color:#666;box-sizing:border-box;background: transparent;width: 110%;padding:0 50px 0 10px;;font-size: 12px;line-height: 16px;border: 0;border-radius: 0;height: 45px;-webkit-appearance: none;border:none;}
.input-style:focus{outline: none;border-color:1px solid #222 !important}
.change-label input{border:1px solid #000;}


#pop-fundo{width:100%; height:150%; position:fixed; z-index:3; 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: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo.active{display: block !important}
#pop-fundo2{width:100%; height:150%; position:fixed; z-index:6; 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-fundo2::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo3{width:100%; height:150%; position:fixed; z-index:6; 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-fundo3::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo4{width:100%; height:150%; position:fixed; z-index:6; 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-fundo4::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: #fff;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:#f5821e;font-size:14px;line-height: 34px;}
.paginacao li a:hover{font-size:14px;color:#222;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:#fff;line-height:34px;background-color:#f5821e;margin:0 2px 0 0;display:block;width: 100%;height: 100%;border-radius: 5px;}
.paginacao li a.bt-pag:hover{font-size:14px;color:#fff;line-height:34px;background-color:#222;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:#fff;line-height:34px;background-color:#222;text-decoration:none;}

.texto{width: 100%;word-break: break-word;}
.texto p{font-size:16px;line-height:24px;margin:0 0 25px 0;}
.texto img{max-width: 100%;height:auto !important;}
.texto iframe{max-width:100%;}


header{width:100%;background:url(../images/bg_header_selecao.jpg) no-repeat left top;background-size:cover;padding:30px 0 30px 0}
header .logo{background:url(../images/logo2.png) no-repeat center top;width:200px;height:135px;margin: 0 auto 20px auto;background-size:200px !important;display: block;}
header .logo a{width: 100%;height: 100%;display: block;}
header .texto p{text-align: center;font-size: 15px;line-height: 22px;color:#fff;font-weight: 500}

.conteudo{width: 100%;}
.conteudo .left{width:50%;float:left;position:relative;}
.conteudo .left::after{z-index:1;background-color:rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;content:'';top:0;left:0;}

.conteudo .left img{width: 100%;height: auto;display: block;}
.conteudo .left .info{width:100%;text-align:right;position: absolute;bottom:35px;right:60px;max-width: 435px;z-index: 3 }
.conteudo .left .info h2{font-size:25px;color:#fff;font-weight:bold;line-height:25px;margin:0 0 25px 0}
.conteudo .left .info p{font-size:17px;color:#fff;line-height: 24px;min-height: 150px}
.conteudo .left .info .bt{width: 250px;border-radius:30px;background-color:#a12021;text-align: center;font-size:14px;text-transform: uppercase;color:#fff;font-weight: 500;text-align: center;padding:17px 0;display: inline-block;font-weight: 600;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.conteudo .left .info .bt:hover{text-decoration: none;background-color:#d01a1c;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.conteudo .right{width:50%;float:left;position: relative;}
.conteudo .right::after{z-index:1;background-color:rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;content:'';top:0;left:0;}

.conteudo .right img{width:100%;height:auto;display:block;}
.conteudo .right .info{width:100%;text-align:left;position: absolute;bottom:35px;left:60px;max-width: 435px;z-index: 3 }
.conteudo .right .info h2{font-size:27px;color:#fff;font-weight:bold;line-height:27px;margin:0 0 25px 0}
.conteudo .right .info p{font-size:17px;color:#fff;line-height: 24px;min-height: 150px}
.conteudo .right .info .bt{width: 250px;border-radius:30px;background-color:#09234d;text-align: center;font-size:14px;text-transform: uppercase;color:#fff;font-weight: 500;text-align: center;padding:17px 0;display: inline-block;font-weight: 600;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.conteudo .right .info .bt:hover{text-decoration: none;background-color:#0b3b87;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

footer{padding:0 0;display: block;}
footer .atual{font-size: 13px;font-weight: 600;text-align: center;color:#fff;display: block;margin:50px 0}


/* 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;}
.texto p{font-size:15px;line-height: 21px;margin:0 0 20px 0;}
body{font-size: 14px}


header .logo{width:200px;background-size: 200px !important;height: 135px; }
header .texto p{font-size: 15px;line-height: 25px;padding:0 15px;box-sizing: border-box;}
.conteudo .left .info h2{font-size: 22px;line-height: 22px;margin: 0 0 15px 0;}
.conteudo .right .info h2{font-size: 22px;line-height: 22px;margin: 0 0 15px 0;}
.conteudo .left .info p{font-size: 15px;line-height: 22px;min-height: 100px}
.conteudo .right .info p{font-size: 15px;line-height: 22px;min-height: 100px}
.conteudo .left .info .bt{width: 200px;padding: 12px 0;}
.conteudo .right .info .bt{width: 200px;padding: 12px 0;}
}


/* Dispositivos com tela abaixo de 1023px */
@media(max-width: 1023px){
.mobile{}
.desktop{display: none !important}
.center{width: 100%;box-sizing: border-box;padding: 0 10px !important }
.texto p{font-size:15px;line-height: 20px;margin:0 0 20px 0;}


header .logo{width:200px;background-size: 200px !important;height: 135px}
header .texto p{font-size: 15px;line-height: 22px;padding:0 15px;box-sizing: border-box;}
.conteudo .left{float: none;width:100%;position: relative;}
.conteudo .left::after{z-index:1;background-color:rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;content:'';top:0;left:0;}
.conteudo .right{float: none;width: 100%;position: relative;}
.conteudo .right::after{z-index:1;background-color:rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;content:'';top:0;left:0;}
.conteudo .left .info{max-width: 100%;padding: 0 15px 0 0;box-sizing: border-box;right:0;z-index: 3}
.conteudo .right .info{max-width: 100%;padding: 0 0 0 15px;box-sizing: border-box;left:0;z-index: 3}
.conteudo .left .info h2{font-size: 22px;line-height: 22px;margin: 0 0 15px 0;}
.conteudo .right .info h2{font-size: 22px;line-height: 22px;margin: 0 0 15px 0;}
.conteudo .left .info p{font-size: 15px;line-height: 22px;min-height: 100px}
.conteudo .right .info p{font-size: 15px;line-height: 22px;min-height: 100px}
.conteudo .left .info .bt{width: 200px;padding: 12px 0;}
.conteudo .right .info .bt{width: 200px;padding: 12px 0;}

}



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

.texto p{font-size:15px;}
.conteudo .left .info p{font-size: 14px;line-height: 19px;min-height: auto;margin:0 0 25px 0}
.conteudo .right .info p{font-size: 14px;line-height: 19px;min-height: auto;margin:0 0 25px 0}

}


/* icon menu */

.hamburguer{
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  position: absolute;
  right:15px;
  top: 20px;
  z-index: 2000;
}
.hamburguer span{
  width: 25px;
  height: 3px;
  background: #999;
  display: block;
  position: absolute;
  transition: all .2s;
  border-radius: 2px;
}
/*.hamburguer.active span{
  background: red;
}*/
.hamburguer.active{position: fixed;}
.hamburguer.active span{background-color: rgb(245, 130, 30);}
.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;
}





