html {background:#f2f2f2;}
body {font-size:14px;color:#ffffff;font-family:'Montserrat';}
html,
body {height:100%;}

html.active {overflow: hidden;}

* {-webkit-font-smoothing: antialiased;}

i, em {font-style:italic;}

a {color:#000000;}

a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}

strong, b {font-weight:bold;}
input[type="reset"], input[type="submit"], button {cursor:pointer;}

::-webkit-input-placeholder {color:#666666;}
::-moz-placeholder {color:#666666;}
:-ms-input-placeholder {color:#666666;}
input:-moz-placeholder {color:#666666;}

select {
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}

select::-ms-expand {
  display: none;
}

::selection {
  background:#999999;
  color: #ffffff;
}
::-moz-selection {
  background:#999999;
  color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background:transparent !important;
}

form * {outline:0;}

form .error,
form .success {font-size:16px;}
form .success {color:green;}
form .error {color:red;}
form .retorno {margin-bottom:15px;}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.last {margin-right:0px !important;}
.not-found {font-size:16px;margin:0px 0px 0px 20px;}

.wrapper {max-width:1880px;position:relative;z-index:1;left:50%;transform:translateX(-50%);width:calc(100% - 20px);}

.texto {line-height:150%;}
.texto p {margin-bottom:16px;}
.texto img {display:table;margin:0 auto;max-width:100%;}

.loading-full {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background:rgba(255, 255, 255, 0.7);display:none;}

.sk-circle {
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #002554;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

#content {position:relative;width:100%;max-width:1920px;margin:0 auto;background:#000000;overflow:hidden;}

#espera {background: #f1112b; min-height: 100vh;}
#espera .wrapper {min-height: 100vh; display: flex; align-items: center;}
#espera .header {position: absolute; top: 35px; z-index: 9; width: 100%; display: flex; justify-content: space-between;}
#espera .header .logo svg {width: 160px; height: fit-content;}
#espera .header .social {display: flex; flex-direction: column; align-items: flex-end; width: fit-content;}
#espera .header .social .menu {display: flex; margin-bottom: 30px;}
#espera .header .social .menu li {margin-left: 6px;}
#espera .header .social .menu li a {height: 60px; width: 22px; border-radius: 50px; background: #4106da00; display: flex; align-items: center; justify-content: center; transition-duration: .8s;}
#espera .header .social .menu li a:hover {background: #4106da; transition-duration: .8s;}
#espera .header .social .menu li a svg {margin-top: 5px; height: 16px; width: 16px;}
#espera .header .social .botao {height: 45px; padding: 0 25px; border-radius: 50px; background: #fceb29; color: #4106da; font-size: 13px; font-weight: 800; box-sizing: border-box; text-transform: uppercase; display: flex; justify-content: center; align-items: center; transition-duration: .8s;}
#espera .header .social .botao:hover {background: #4106da; color: #fceb29; transition-duration: .8s;}
#espera .header .social .botao svg {margin-right: 12px; height: fit-content; width: 32px;}
#espera .header .social .botao svg path {fill: #4106da; transition-duration: .8s;}
#espera .header .social .botao:hover svg path {fill: #fceb29; transition-duration: .8s;}
#espera .banners {width: 100%; position: relative;}
#espera .banners .banner {width: 100%; display: flex; align-items: center; justify-content: center;}
#espera .banners .banner img {max-width: 1110px; height: fit-content; object-fit: contain;}
#espera .banners .owl-dots {position: absolute; left: 0; bottom: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
#espera .banners .owl-dots .owl-dot {margin: 5px 0; height: 22px; width: 22px; border: solid 2px #ffffff00; background: #ffffff00; border-radius: 50%; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; transition-duration: .8s;}
#espera .banners .owl-dots .owl-dot::after {content: ""; height: 10px; width: 10px; border-radius: 50%; background: #ffffff; position: absolute;}
#espera .banners .owl-dots .owl-dot.active {border: solid 2px #ffffff50; transition-duration: .8s;}
#espera .banners .owl-dots .owl-dot:hover {border: solid 2px #ffffff50; transition-duration: .8s;}
#espera .venda {position: absolute; bottom: 25px; right: 0; width: 285px; display: flex; flex-direction: column; align-items: center; text-align: center;}
#espera .venda .titulo {font-size: 20px; color: #ffffff; font-weight: 800;}
#espera .venda .contato {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 20px;}
#espera .venda .contato .icone {height: 80px; width: 80px; border-radius: 20px; background: #ff3a51; display: flex; align-items: center; justify-content: center; transition-duration: .8s;}
#espera .venda .contato:hover .icone {background: #ff4718; transition-duration: .8s;}
#espera .venda .contato .telefone {height: 80px; padding: 0 25px; border-radius: 20px; background: #ff3a51; font-size: 18px; font-weight: 800; color: #ffffff!important; display: flex; align-items: center; transition-duration: .8s;}
#espera .venda .contato:hover .telefone {background: #ff4718; transition-duration: .8s;}

#espera .dot {position: absolute; z-index: 2; left: -170px; bottom: 15%; height: 250px; width: 200px; border-radius: 50%; background: #fceb29;}
#espera .dot-direita {position: absolute; z-index: 2; right: -230px; bottom: 30%; height: 350px; width: 300px; border-radius: 50%; background: #fceb29;}
#espera .wave {position: absolute; height: 100%; width: 100%; z-index: 1;}