#header{ z-index: 3; background: #fff; position: relative; }

main { z-index: 1; }

#astro header{ background-color: #000; z-index: 2; padding-top: 20px; }

#sub-header{ display: none; }

.navbar{ padding: 0; }

.nav-link { color: #000 !important; }

#astro{ padding: 0px !important; }

header form{ text-align: right !important; }

.img_top{ height: 110px; margin-top: 15px; }

.titulo_login{ color: #895293; font-size: 22px; font-weight: 700; }

.form-control{ width: 100%; background: #fff; height: 30px !important; padding: 2px 15px; border-radius: 20px; margin-bottom: 5px; }

.login{ display: -webkit-inline-box; }

.login div{ padding: 0px 5px !important; }

.links{ text-align: right; padding: 0px 5px; }

.links a, .links div label{ margin-right: 25px; color: #fff; text-decoration-line: underline; font-size: 14px; font-style: italic; }

.entrar{ background-color: #895293; color: #fff; margin-bottom: 10px; text-align: center; cursor: pointer; }

.entrar:hover{ background-color: #fff; color: #895293; text-decoration: none; }

#banner{ background-image: url(../images/astro/background_1-min.png); z-index: 0; margin-top: -60px; background-repeat: no-repeat; background-size: cover; }

#banner div:nth-child(2n){ padding-left: 10%; padding-top: 45vh; z-index: 2; }

#banner div h3{ color: #fff; font-size: 45px; font-weight: 700; transform: translateX( -50% ); opacity: 0; transition: all .5s ease-out; padding: 30vh 0px; }

#banner div h3.inview{ transform: translateX( 0 ); opacity: 1; animation-delay: 1s; }

.particles-js-canvas-el{ position: absolute; margin-top: -103vh; z-index: 0; }

#dobra-1{ background-color: #000; padding: 80px 0px 150px; text-align: right; margin-top: -2%; } 

#dobra-1 h1{ color: #895293; font-size: 45px; font-weight: 700; transform: translateX( -50% ); opacity: 0; transition: all .5s ease-out; }

#dobra-1 h1.inview{ transform: translateX( 0 ); opacity: 1; }

#dobra-1 h1 s{ text-decoration: underline; }

#dobra-1 p{ color: gray; font-size: 16px; font-weight: 300; margin-bottom: 0px; z-index: 1; transform: translateX( -50% ); opacity: 0; transition: all 1.5s ease-out; }

#dobra-1 p.inview{ transform: translateX( 0 ); opacity: 1; animation-delay: 5s; }

#dobra-1 button{ background-color: #895293; color: #000; margin-bottom: 5px; width: auto; padding: 0px 33px; font-size: 18px; height: 35px !important; border-color: #895293; text-transform: uppercase; font-weight: 500; transform: translateX( 50% ); opacity: 0; transition: all .5s ease-out; }

#dobra-1 button.inview{ transform: translateX( 0 ); opacity: 1; animation-delay: 5s; }

#dobra-1 .col-md-6:nth-child(2n){ padding: 3.5% 5px; }

.background_meio{ z-index: 0; width: 100%; position: absolute; margin-top: 100px; }

#dobra-2{ background-color: #895293; padding: 10%; text-align: center; color: #fff; } 

#dobra-2 h1{ color: #fff; font-size: 45px; font-weight: 700; margin-bottom: 50px; opacity: 0; transition: all 1s ease-out; }

#dobra-2 h1.inview{ transform: translateX( 0 ); opacity: 1; }

#dobra-2 p{ width: 60%; margin: 0px 20% 40px; text-align: initial; opacity: 0; transition: all 1.5s ease-out; } 

#dobra-2 p:nth-child(2n){  transform: translateX( 0 ); opacity: 1; } 

#dobra-2 a { background: #000; width: 100%; color: #fff; padding: 15px 15px; border-radius: 40px; margin-bottom: 5px; text-decoration: none; transform: translateX( -50% ); opacity: 0; transition: all 1.5s ease-out; }

#dobra-2 .btn_v{ background:#125A47 !important; transform: translateX( 50% ); opacity: 0; transition: all 1.5s ease-out; }

#dobra-2 a.inview{ transform: translateX( 0 ); opacity: 1; }

#dobra-2 button{ color: #fff; background-color: #000; border-color:#000; font-size: 16px; margin-bottom: 5px; height: auto !important; padding: 2px; border-radius: 50px; text-align: left !important; display: inline-flex; }

#dobra-2 button{transform: translateX( 50% ); opacity: 0; transition: all .5s ease-out;}

#dobra-2 button:nth-child(2n){transform: translateX( -50% ); opacity: 0; transition: all .5s ease-out;}

#dobra-2 button.inview{ transform: translateX( 0 ); opacity: 1; }

#dobra-2 button:nth-child(2n).inview{ transform: translateX( 0 ); opacity: 1; }

#dobra-2 button b{ color: #895293; font-size: 35px; font-weight: 800; font-family: monospace; margin: 0px 20px; }

#dobra-2 button p{ margin: 14px 0px; }

#dobra-3{ background-color: #000; padding: 80px 0px 100px; text-align: center; } 

#dobra-3 h1{ color: #895293; font-size: 45px; font-weight: 700; margin-bottom: 20px; opacity: 0; transition: all 1s ease-out; }

#dobra-3 h1.inview{ transform: translateX( 0 ); opacity: 1; }

#dobra-3 h1 s{ text-decoration: underline; }

#dobra-3 .row{ padding-left: 7%; }

.vantagens{ border: 1px solid #895293; border-radius: 20px; padding: 30px; text-align: left; height: 400px; width: 320px; margin: 10px; transform: translateX( 50% ); opacity: 0; transition: all 1.5s ease-out; }

.vantagens_b{ border: 1px solid #fff !important; background-color: #fff !important; }

.vantagens:nth-child(2n){ transform: translateX( -50% ); opacity: 0; transition: all 1.5s ease-out; }

.vantagens.inview{ transform: translateX( 0 ); opacity: 1; }

.vantagens img{ height: 100px; width: auto; }

.vantagens h3{ color: #895293; margin: 15px 0px; font-size: 22px; font-weight: 700; }

.vantagens p{ color: #fff; }

.vantagens_b h3{ color: #000; margin: 15px 0px; font-size: 22px; font-weight: 700; }

.vantagens_b p{ color: #000; }

.background_final{ z-index: 0; width: 100%; position: absolute; margin-top: -30px; }

#dobra-4{ background-color: #000; padding: 10px 0px 100px; text-align: right; height: 100%; margin-top: -1%; } 

#dobra-4 h1{ color: #895293; font-size: 45px; font-weight: 700; margin-bottom: 20px; transform: translateX( 50% ); opacity: 0; transition: all 1.5s ease-out; }

#dobra-4 h1.inview{ transform: translateX( 0 ); opacity: 1; }

.video img{ width: 100%; height: auto; margin-bottom: 10px; }

.video{ opacity: 0; transition: all 1.5s ease-out; }

.video.inview{ opacity: 1; }

.modal-content { margin-left: 0px !important; }

#dobra-5{ padding: 60px 0px; color: #fff; background-color: #895293; }

#dobra-5 .texto{ text-align: right; padding: 7%; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

#dobra-5 .video{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

#dobra-5 .video #myVideo { position: absolute; right: 0; height: 100%; z-index: 0; }

#dobra-5 h1{ font-size: 45px; font-weight: 700; transform: translateX( 50% ); opacity: 0; transition: all 1.5s ease-out; }

#dobra-5 p{ padding-left: 28%; transform: translateX( -50% ); opacity: 0; transition: all 1.5s ease-out; }

#dobra-5 h1.inview{ transform: translateX( 0 ); opacity: 1; }

#dobra-5 p.inview{ transform: translateX( 0 ); opacity: 1; }

.mapa{ width: 100%; transform: translateX( 50% ); opacity: 0; transition: all 1.5s ease-out; }

.mapa.inview{ transform: translateX( 0 ); opacity: 1; }

.tag{ position: absolute; width: 29%; right: 15%; top: 59%; }

#newsletter{ background-color:#125A47; padding: 80px 0px; }

#newsletter h1{ color: #fff; font-size: 35px; font-weight: 700; text-align: center; margin-bottom: 40px; transform: translateX( -50% ); opacity: 0; transition: all 1.5s ease-out; }

#newsletter h1.inview{ transform: translateX( 0 ); opacity: 1; margin-bottom: 60px; }

#newsletter h1 a{ text-decoration: underline; cursor: pointer; }

#newsletter input, #newsletter select { border-radius: 30px; background-color: #fff; border: 1.2px solid #fff; width: 100%; padding: 10px 25px; }

#newsletter .quero{ margin-top: 20px; text-align: right; }

#newsletter .quero input { background-color: #000; color:#fff; margin-bottom: 10px; text-align: center; min-height: 40px; border-radius: 20px; padding: 10px 90px !important; text-decoration: none; display: inline-flex; border-radius: 30px; text-transform: uppercase; transition: all .5s; float: right; position: relative; width: auto; }

#newsletter .wpcf7-list-item-label { color: #fff !important; }

#newsletter .last-line .col .form-group { display: inline-flex; }

footer{ background-color: #000; padding: 20px; }

footer .col-md-6{ text-align: right; border-right: 1px solid #fff; margin-top: 20px; }

footer .col-md-6 img{ height: 45px; width: auto; margin-top: 10px; }

.footer_astro{ height: 60px !important; width: auto; margin-top: -12px !important; }

footer .col-md-6:nth-child(2n){  text-align: left !important; border-right:none; }

.acessos{ float: right; color: #fff; display: block; margin: 20px; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: transparent !important; color: red; font-size: x-large; }

.acessos a{ color: #fff !important }

.modal-content{ border-radius: 10px !important; width: 100%; margin-left: 10%; margin-top: 100px; }

.modal-title{ margin-bottom: 0px }

.item_a{ width: 15px; transition: all 1.5s ease-out; margin-right: 10px; }

.modal-backdrop { display: none; }

@media (max-width: 768px) { 
    #dobra-1, #newsletter .quero { text-align: center !important; }
    #dobra-2 p{ width: 100%; margin-right: 0px!important; margin-left: 0px!important; } 
    .vantagens { height: 100%; width: 100%; }
    footer .col-md-6, footer .col-md-6:nth-child(2n) { text-align: center !important; border: none; }
    #banner div h3 { font-size: 30px; padding: 60px 30px; }
    #banner div:nth-child(2n){ padding-left: 10%; padding: 20px 0px 40px; z-index: 2; text-align: center; }
    #dobra-1 button{ width: 100%; padding: 0px 15px; }
    #dobra-1 .col-md-6:nth-child(2n) { padding: 3.5% 15px; }
    #dobra-3 { padding: 80px 25px 100px 0px; }
    #dobra-5 h1 { font-size: 35px; }
    .last-line .col .form-group label { width: 100%; }
    .wpcf7-list-item-label { margin-left: 18%; }
    .acessos { float: none; }
 }

 @media (max-width: 991px){
    .navbar-collapse { padding: 20px 0; }
    .navbar-collapse { top: 95px; z-index: 20; }
 }

 @media (max-width: 992px){
    .wpcf7-list-item { position: relative; display: block; width: 100%; float: right; margin: 0 0 0 6em; }
    .wpcf7-list-item input { position: absolute; margin-top: .3rem; margin-left: -7.5rem; }
    .wpcf7-list-item-label { margin-left: 27%; }
    .last-line .col .form-group label { width: 33%; }
    #dobra-5 { height: 770px; }
    #dobra-5 .texto, #dobra-5 .video { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
 }