.container {position:relative; width:100%; max-width:1360px; margin:0 auto; padding: 0 20px; box-sizing:border-box; }
.container-fluid {position:relative; width:100%; margin:0 auto; padding: 0; box-sizing:border-box; }
.column,.columns { width: 100%; float: left; box-sizing: border-box; }
.pad2{padding:20px 0}.pad3{padding:30px 0}.pad4{padding:40px 0}.pad5{padding:50px 0}.pad6{padding:60px 0}.pad7{padding:70px 0}
.padd{padding:80px 0; min-height:60px}.pad{padding:20px}
.br{color:#fff}
.brbg{background-color:#fff}
.blu{color:#2e397a}
.bluegm{color:#062e6c}
.blubg{background-color:#2e397a}
.red{color:#d90016}
.redbg{background-color:#d90016}
.redbgdeg{background:rgb(203,1,33); background:linear-gradient(180deg, rgba(203,1,33,1) 10%, rgba(136,18,30,1) 66%)}
.roxo{color:#4a53bb}
.roxobg{background-color:#4a53bb}
.bk{color:#000}
.bkbg{background-color:#000}
.ama{color:#FFCC01}
.bgama{background-color:#FFCC01}
.cz{color:#505050}
.czbg{background-color:#ededed}
.czbg2{background-color:#d9d9d9}
.som{box-shadow:rgba(0, 0, 70, 0.8) 0px 10px 60px 0px;}
.somd{-webkit-box-shadow:0px 0px 25px 0px rgba(0,0,50,0.3);-moz-box-shadow:0px 0px 25px 0px rgba(0,0,50,0.3);box-shadow:0px 0px 25px 0px rgba(0,0,50,0.3);}
.tsom{text-shadow:2px 3px 0 rgba(0, 0, 0, 0.2); }
.over{position:absolute; float:left;z-index:100;}
.trans{background-color: cornflowerblue;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0.5}
.oki{text-transform: uppercase}
.img-circle {border-radius: 50%;}
.deg{background:rgb(71,144,205); background:radial-gradient(rgba(71,144,205,1) 5%, rgba(6,46,108,1) 100%);}

.selo{-webkit-box-shadow: 0px 10px 14px 0px rgba(74,74,74,0.15);-moz-box-shadow:0px 10px 14px 0px rgba(74,74,74,0.15);box-shadow: 0px 10px 14px 0px rgba(74,74,74,0.15); z-index:70;background-color:#f0e44c; padding:25px 20px}

.pulsa {animation:pulse 0.33s infinite; animation-name:pulse; animation-timing-function:ease-out; animation-delay:0; animation-direction:alternate; animation-iteration-count:infinite;}
@keyframes pulse {
  0% {transform: scale(1)}
  100% {transform: scale(1.17)}
}

.row {padding:0 20px}


@media (min-width: 600px) {
    .container {width: 85%; padding: 0; }
    .row {padding:0}
}

@media (min-width: 720px) {
  .container { width: 85%; }
  .column, .columns { margin-left:3%; }
  .column:first-child, .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22.3%;            }
  .four.columns                   { width: 31.3333%; }
  .five.columns                   { width: 38.1333333333%; }
  .six.columns                    { width: 48.4%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .one-half.column                { width: 48%; }

  .offset-by-one.column, .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column, .offset-by-two.columns        { margin-left: 17.3333333333%; }
  .offset-by-three.column, .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column, .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column, .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column, .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column, .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column, .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column, .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column, .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column, .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column, .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column, .offset-by-one-half.columns     { margin-left: 52%; }
}



html {font-size: 62.5%; margin: 0; padding:0; overflow-x:hidden; text-rendering:optimizeLegibility;}
body {font-size:1.5em; font-family:'IBM Plex Sans', sans-serif; font-optical-sizing: auto; font-weight:400; font-style:normal; font-variation-settings:"wdth" 100; line-height:1.4;  color:#000; background-color:#fff; margin:0; scroll-behavior:smooth}


h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:1.4rem; color:#555; line-height:1.2; letter-spacing:-0.05rem; font-optical-sizing: auto; font-weight:600; font-style:normal; font-variation-settings:"wdth" 100;}
h1 { font-size: 4rem; line-height:105%}
h2 { font-size: 3.6rem}
h3 { font-size: 2.8rem}
h4 { font-size: 2rem}
h5 { font-size: 1.8rem}

@media (min-width: 1280px) {
  h1 { font-size: 5.5rem; }
  h2 { font-size: 4.5rem; }
  h3 { font-size: 3.0rem; }
  h4 { font-size: 2.5rem; }
  h5 { font-size: 1.8rem; }
}

@media (min-width: 1600px) {
  h1 { font-size: 6.5rem; }
  h2 { font-size: 5rem; }
  h3 { font-size: 3.0rem; }
  h4 { font-size: 2.5rem; }
  h5 { font-size: 1.8rem; }
}

p {margin:0; font-size:1.1em; font-weight:400}
a {color:cornflowerblue; text-decoration:none;-webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in}
a:hover { color:#000}




.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; padding:0 35px; margin:12px 0; color:#fff; text-align:center; font-size:1.8rem; font-weight:600; line-height:48px; height:48px; text-decoration:none; white-space:nowrap; background-color:#e51f23; border-radius:50px; cursor:pointer; box-sizing:border-box; border:0;}
.button > span,button > span,input[type="submit"] > span,input[type="reset"] > span,input[type="button"] > span{display:inline-block;}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {outline:0; color:#000}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {font-size:1.3em; padding:auto 33px; height:50px; background:#FFCC01; color:#786000}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color:#000}
.simple{background-color:#fff; color:#333; border:1px solid #333; height:46px}
.out{ background-color:#fff; border:1px solid red; color:red; font-size:1.5rem; font-weight:bold; margin:10px 0 -5px 0; padding:0 18px;}
.btnbr{background:#fff; color:#555; padding:10px; padding-left:50px; padding-right:50px; min-height:60px; height:auto; white-space:normal; word-wrap:break-word; }
.btnbig{background:#f7e54d; color:#104280; height:60px; font-size:2.4rem}


.participe{position:fixed; bottom:-10px; z-index:999999; background-color:#FFCC01; color:#000; font-weight:800; font-size:2rem; padding:0 20px; width:70%; left:15%; border-radius:18px 18px 0 0; height:50px; box-shadow:0px -7px 20px 0px rgba(0,0,0,0.3); display:none}
.peq{height:40px; font-size:1.4rem; padding:0 20px; font-weight:400}

input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea,select {height:42px; padding:9px 12px; font-size:1.3em; font-weight:400; background-color:#fff; color:#2e397a; border:1px solid #888; border-radius:10px; box-shadow:none; box-sizing:border-box; margin:8px 0 0 0}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="date"],input[type="password"],textarea{-webkit-appearance:none; -moz-appearance:none; appearance:none; }
textarea {min-height:65px; padding-top:6px; padding-bottom:6px}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="date"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border:2px solid #ffc000; outline:0 }
label,legend {display: block; margin-bottom:-5px; margin-top:1rem; font-weight:600; color:#2e397a}
fieldset {padding:0; border-width:0; }
input[type="checkbox"],input[type="radio"] {display:inline; padding:5px}
label > .label-body {display: inline-block; margin-left:.5rem; font-weight:normal; }

#datan {background-color:#fff; width:250px; margin:2px 0 0 3px; padding:8px 5px 4px 7px; position:absolute;z-index:50;display:block}
#datan a {color:#aaa;cursor:default}


ul {list-style: circle inside; }
ol {list-style: decimal inside; }
ol, ul {padding-left: 0; margin-top: 0; }
ul ul,ul ol,ol ol,ol ul {margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li {margin-bottom: 1rem; }
.tleve{font-weight:300 }



@media screen and (min-width:320px) {
table {border-collapse:collapse; margin:0; padding:0; width:100%; margin-left:0%; table-layout:fixed}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table th,table td {padding:.625em .4em; text-align:left; border-bottom:0 solid #E1E1E1; font-size:0.7em}
table th, thead {padding:.625em .4em; font-size:.8em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
tbody tr:nth-child(odd){background-color:#e9e9e9}
tbody tr:nth-child(even){background-color:#fff}
table tr td:first-child {padding-left:20px; width:50%}
table tr td:last-child {width:auto}
td p{margin-bottom:0}
.uf{width:36px}
.padr{font-size:22px}
.ttd {font-size:13px}
}

@media screen and (min-width:950px) {
table {border-collapse: collapse; width:100%; margin-left:0; table-layout:fixed}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table th,table td { padding:.625em 0; border-bottom:0px solid #E1E1E1; font-size:0.8em}
table th, thead {font-size:.9em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
table tr td:last-child {width:40%; word-break:normal}
.uf{width:60px}
.padr{font-size:22px}
.ttd {font-size:15px}
}



button,.button {margin-bottom:1rem; }
input,textarea,select,fieldset {margin-bottom:1rem; }
pre,blockquote,dl,figure,table,p,ul,ol {margin-bottom:2.5rem; }

.u-max-full-width {max-width:100%; height:auto; box-sizing:border-box}
.u-full-width {width:100%; box-sizing:border-box}
.u-half-width {width:100%; box-sizing:border-box}
.u-pull-right {float:right}
.u-pull-left {float:left}
.text-center{text-align: center}
.text-just{text-align: justify}
.it{font-style: italic}
.spa{letter-spacing:0.1em}
.b, b{font-weight:800}
.resp {max-width:100%; height:auto; box-sizing:border-box}
hr {margin-top:2rem; margin-bottom:2.5rem; border-width:0; border-top: 1px solid #E1E1E1}
.container:after,.row:after,.u-cf { content:""; display:table; clear:both}


@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);
  } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}






@media (min-width: 320px) {
#bops{position:absolute;top:15px; left:0; z-index:99}
button.bop {margin:2px; padding:3px 11px; font-size:1.2rem; height:25px; line-height:1.2rem; background:#f7f7f7; text-decoration:none; white-space:nowrap; cursor:pointer; box-sizing:border-box; border:0px solid #fff; color:#000}
.hero,.heroin{width:100%; height:auto; padding:10px 0 30px 0; background:rgb(0,25,85); background-image:url(../img/bg1.webp); background-size:cover; background-position:top center; background-attachment:fixed; box-shadow:rgba(0, 0, 70, 0.8) 0px 10px 60px 0px;}
.hero{height:100vh}
.heroin{height:75vh}
.heroin h1{margin-top:50vh; z-index:8}
#acao{padding:0 0 20px 0; z-index:99; position:absolute; margin-top:62px}
#acao h3{font-size:2rem; line-height:1.3rem}
.dk{display:none}
.mb{margin-bottom:-9px}

.fix{position:fixed; display:flex; bottom:0px; z-index:999; width:96%; left:2%; height:50px; line-height:50px}
.botoes{display:grid;justify-content:center; overflow:hidden; bottom:0px;}
.btnqe{border-radius:30px 30px 0 0; position:absolute; height:52px; line-height:0.95; bottom:0px; margin:0 auto; left:2%; padding:auto; box-shadow:rgba(0, 0, 0, 0.25) 0px -3px 16px 8px; font-size:1.74rem;}
.btnqd{border-radius:30px 30px 0 0; position:absolute; max-width:50%; padding:0 20px; height:52px; line-height:0.95; bottom:0px; margin:0 auto; right:2%; box-shadow:rgba(0, 0, 0, 0.25) 0px -3px 16px 8px; font-size:1.6rem; white-space:normal; word-wrap:break-word;}
.on{background-color:#FFCC01; color:#786000; z-index:8}
.off{background-color:#d5e334; color:#6a5500; z-index:5}

#aceleradores{padding:60px 2%; background-color:#4a53bb}
.marcas{display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; padding-bottom:50px}
.mimg{width:148px; height:100px; margin:7px; background-color:#fff; border-radius:20px; align-content:center; align-items:center; }
.mimgp{width:148px; height:auto; margin:0; align-content:center; align-items:center; }
.marcas img{width:135px; height:auto; padding:8px;}
#cartao{background-image:url(../img/ondas.webp); background-size:cover; padding:50px 20px}
.bdown{width:auto; height:41px; margin:10px 5px 0 0}
.womandd{position:absolute; width:270px;height:auto; margin:-30px 0 0 5vw}
	
#step1{margin-top:40px}
#step1 h1{display:none} #step1 h5{color:#2e397a}
#campos{margin-bottom:50px}

.girl{position:absolute; width:48%; height:auto; bottom:0; left:0; z-index:10}
.promo{position:absolute; width:100%; height:auto; top:30px; left:0%; z-index:2}
.umm{position:absolute; width:44%; height:auto; top:350px; left:28%; z-index:8}
#balloon-container {position:absolute;top:0; height:100vh; width:100%; padding:1em; box-sizing:border-box; display:flex; flex-wrap:wrap; overflow:hidden; z-index:3}
.balloon {height:115px; width:90px; position:relative; background-image:url(../img/balao.png); background-repeat:no-repeat; background-size:contain}
@keyframes float {
  from {transform:translateY(100vh); opacity:1}
  to {transform:translateY(-300vh); opacity:0.8}
}
	
.nso{display:flex; align-items:center}
.nsorte{padding:20px; margin:10px 20px 10px 0; border-radius:18px; background-color:#fff; -webkit-box-shadow: 0px 0 14px 0px rgba(74,74,74,0.35);-moz-box-shadow:0px 0 14px 0px rgba(74,74,74,0.35);box-shadow: 0px 0 14px 0px rgba(74,74,74,0.35); width:auto; height:auto;}
.nsorte h4{font-size:2.2rem; font-weight:bolder;}
.nsorte p{font-size:1.1rem; }

.logow{width:auto; height:26px; margin:15px 0 -12px 30px; z-index:9999; position:absolute}
.logo{position:relative; left:0%; width:50%; margin:65px auto -20px auto}
.flipdown .rotor-group{display:inline-flex; align-items:center; flex-wrap:wrap; float:none}
.rotor-group-heading{top:70px; position:absolute}

#como,#compre,#cad{padding:60px 10px 80px 10px}
.comobox{background:rgb(71,144,205); background:radial-gradient(rgba(40,94,180,1) 5%, rgba(0,22,80,1) 100%); background-size:cover; text-align:left; padding:25px 20px 25px 20px; margin-bottom:25px; -webkit-box-shadow:0 2px 3px 2px rgba(0,0,0,.1);-moz-box-shadow:0 2px 3px 2px rgba(0,0,0,.1); box-shadow:0 2px 3px 2px rgba(0,0,0,.1); border-radius:20px}
.comobox p{margin-bottom:5px; font-weight:300}
.comobox h1{margin-bottom:-8px; font-size:3rem}
.comobox h4{font-size:2rem}
.icoselo{width:70px;height:auto; }
.ico{width:35px; height:auto; float:left; margin:2px 0; padding:0 5px 0 0; }
#compre .comobox{background-color:#fff; }
#compre h1,#compre h2{font-weight:bolder}

.tab {display:none;}
.tab input.invalid {background-color:#ffdddd}
#top {z-index:50; position:absolute; top:0; width:100%; height:80px}
.pe {background:rgb(71,144,205); background:radial-gradient(rgba(71,144,205,1) 5%, rgba(6,46,108,1) 100%); padding:60px 0 10px 0; margin-top:0; background-image:url(../img/bg1.webp); background-size:cover; background-attachment:fixed; box-shadow:rgba(0, 0, 70, 0.8) 0px 10px 60px 0px;}
.pe p{font-weight:300; font-size:1.1rem; color:#fff}
.pe h5{font-size:1.45rem; letter-spacing:0.05rem}
.pe a{color:#fff; font-weight:400}
.pe a:hover {color:#f2e14c}
.pe .fa-brands{margin:10px 7px 0 7px; font-size:2.2rem; display:inline-flex}
.logope img{width:200px; margin:20px auto 0 7px}
.social img{margin:30px 0 15px 0; width:42px; height:auto; display:inline-flex}
.zap{position:fixed; width:50px; height:auto; bottom:8px; right:8px; z-index:999}

#nav-icon4 {width:36px; height:20px; position:fixed; top:12px; right:10px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; z-index:99999; background:none; padding:20px; border-radius:0 0 0 12px}
#nav-icon4 span {display:block; position:absolute; height:4px; width:60%; margin:9px auto 7px 21.4%; background:#fff; border-radius:2px; opacity:1; left:0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(2) {top:10px; -webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(3) {top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform:rotate(45deg); top:-11px; left:7px; background-color:#e51f23}
#nav-icon4.open span:nth-child(2) {width:0%; opacity:0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); top:20px; left:7px; background-color:#e51f23}
.menu{color:#fff; font-size:14px; position:fixed; top:33px; letter-spacing:0.22em; right:12px}
.mn{z-index:999; position:absolute; top:0; left:0; width:100vw; padding-top:8px; height:75px}

.overlay {position:fixed; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; -webkit-transition:opacity .35s, visibility .35s, height .35s; transition:opacity .35s, visibility .35s, height .35s; overflow:hidden; z-index:9999; background-image:url(../img/bg1.webp); background-size:cover; background-position:top center; background-attachment:fixed}
.overlay.open {opacity:1; visibility:visible; height:1000%}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards; animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s; animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s; animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s; animation-delay:.50s;}
.overlay nav {position:relative; height:75%; top:45%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:24px; text-align:center; letter-spacing:-0.01em}
.overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%}
.overlay ul li {display:block; height:9%; min-height:20px; position:relative; opacity:100; color:#ccc;text-align:center; margin-bottom:0}
.overlay ul li a {display:block; position:relative; color:#fff; font-size:1.4rem; text-decoration:none; letter-spacing:0; z-index:99999; font-weight:600; text-shadow:2px 3px 0 rgba(0, 0, 0, 0.2); padding:4px 12px; text-transform:uppercase; border-radius:30px; border:1px solid #fff; background-color:rgba(10,40,120,0.7)}
.overlay ul li a:hover {color:#f1e54c}
.navlogo img{width:140px; margin-top:0}
    
#loader {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; background:rgba(0,0,0,0.85); z-index:10000}
.lds-ripple {display:inline-block; position:relative; width:96px; height:96px; margin:42% 0 0 34%}
.lds-ripple div {position:absolute; border:8px solid #fff; opacity:1; border-radius:50%;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay:-0.5s;}
@keyframes lds-ripple {0% {top:48px; left:48px; width:0; height:0; opacity:1} 100% {top:0px; left:0px; width:96px; height:96px; opacity:0} }

ul.tabs {margin:0; padding:0px; list-style:none;}
ul.tabs li {background:none; display:inline-block; padding:12px; cursor:pointer; margin:0 3px -4px 0;font-size:18px; border-radius:8px; box-sizing:border-box;-webkit-box-shadow:0px -9px 9px 0px rgba(166,166,166,0.3); -moz-box-shadow:0px -9px 9px 0px rgba(166,166,166,0.3);box-shadow:0px -9px 9px 0px rgba(166,166,166,0.3); background:#ffbc0d; color:#fff}
ul.tabs li.current {background:#fff;color:#000}
.tab-content {display:none; background:#ffbc0d; min-height:140px; border-radius:6px; box-shadow:none; box-sizing:border-box; text-align:left; padding:20px}
.tab-content h2 {font-size:20px; text-transform:uppercase;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.tab-content.current {display:inherit; background:#fff; -webkit-box-shadow:0px 9px 9px 0px rgba(166,166,166,0.3); -moz-box-shadow:0px 9px 9px 0px rgba(166,166,166,0.3);box-shadow:0px 9px 9px 0px rgba(166,166,166,0.3);}

.modal-window {position:fixed; background-color:rgba(255, 255, 255, 0.9); top:0; right:0; bottom:0; left:0; z-index:999999; visibility:hidden; opacity:0; pointer-events:none; -webkit-transition:all 0.3s; transition:all 0.2s}
.modal-window:target {visibility:visible; opacity:1; pointer-events:auto;}
.modal-window > div {max-width:280px; width:100%; position:absolute; top:47%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:1.5em; background:#ffffff; -webkit-box-shadow:0px 0px 90px 0px rgba(0,0,0,0.26); -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.26); box-shadow:0px 0px 90px 0px rgba(0,0,0,0.26); border-radius:20px}
.modal-close {font-size:90%; font-weight:bolder; position:absolute; right:12px; top:12px; width:auto; text-decoration:none;z-index:99999}
.modal-close:hover {color:black;}
.modal-window div:not(:last-of-type) {margin-bottom:15px;}
.overlay ul li.ent a{ width:auto; font-size:0.85em; background:#e51f23; color:#fff; font-weight:400; padding:5px 0; box-shadow:0px 4px 10px 0px rgba(6,6,6,0.18); border-radius:22px}
}


@media (min-width:370px) {
.umm{top:380px}
.btnqe{height:52px; left:3.4%}
.btnqd{padding:0 20px; height:52px; right:3.4%}
}

@media (min-width:412px) {
.heroin{height:74vh}
.womandd{margin:-30px 0 0 11vw}
.promo{top:50px}
.umm{top:442px}
.btnqe{left:4%}
.btnqd{right:5%}
}

@media (min-width:720px) {
.btnqe{left:22%; padding:9px 45px}
.btnqd{right:22%; padding:9px 35px}
.logo{width:70%; margin:35% auto 0 auto}
.mb{display:none}
.dk{display:block}
.u-half-width {width:49%}
.comobox{min-height:380px}
.comobox h1{margin-bottom:-8px; font-size:3rem}
.comobox h4{font-size:1.8rem}
.logope img{width:210px;margin:0 0 10px 8px}
.lds-ripple {margin:20% 0 0 43.4%}
.rotor-group-heading{top:100px}
.girl{position:absolute; width:24%; height:auto; bottom:0; left:10%; z-index:10}
.promo{position:absolute; width:48%; top:-3vh; left:26%}
.umm{position:absolute; width:20%; height:auto; top:30vh; left:auto; right:8%; z-index:8}
.heroin{height:60vh}
.heroin .promo{position:absolute; width:40%; height:auto; top:2vh; left:8%; z-index:2}
.heroin h1{margin-top:20vh; z-index:8}
#cartao{padding:55px 20px}
.bdown{height:45px; margin:10px 5px 0 0}
.womandd{margin:120px 0 0 -13vw}
}


@media (min-width: 1000px) {
.btnqe{left:10%; padding:12px 45px; font-size:1.8rem}
.btnqd{right:10%; padding:12px 35px; font-size:1.7rem}
.logo{width:60%; margin:35% auto 0 auto}
.heroin{padding:0px}
#cadin{background-image:url(../img/bg1.webp); background-size:cover; background-position:top center; background-attachment:fixed;}
#cadin .heroin{box-shadow:none}
#balloon-container {height:100vh}
#como,#compre{margin-top:0; padding:90px 7% 90px 7%}
#cad{margin-top:-220px; padding:0 7% 90px 7%}
.hero{width:100%; height:100vh; padding:60px 0 0 0; background-size:cover; background-position:top center}
.overlay ul li a {margin:0 12px; color:#fff; font-size:0.82em;}
.comobox{min-height:360px}
.pe {padding:80px 0 10px 0}
.participe{width:22%; left:39%; height:54px}
.modal-window > div {max-width:300px; width:100%; padding:30px; top:40%; left:50%; padding:2em;}
.lds-ripple {margin:20% 0 0 44.4%}
.fix{width:50%; left:25%}
#acao h3{font-size:3rem}
}


@media (min-width: 1200px) {
.hero,.heroin{padding:0px}
.heroin{height:62vh}
.heroin h1{margin-top:5vh}
.mn{z-index:9999; position:relative; margin-top:0px; margin-bottom:3%}
.logow{height:35px; margin-left:8vw; margin-top:26px}
.btnqe{left:11%; padding:12px 45px; font-size:2.1rem}
.btnqd{right:11%; padding:12px 35px; font-size:1.9rem}

.comobox{min-height:330px}
.comobox h1{font-size:4rem}
.comobox h4{font-size:1.9rem}
#nav-icon4 {display:none}
.overlay {background:none; width:75%; height:auto; opacity:1; visibility:visible; top:0;left:auto;right:0}
.overlay nav {width:100%; -webkit-transform:translateY(0); transform:translateY(0); text-align:center; letter-spacing:0; height:80px; top:28px}
.overlay ul {top:0; margin:0 auto; position:relative; height:80px; left:0%}
.overlay ul li {display:inline-block}
.overlay ul li a {margin:0 3px; padding:8px 14px; color:#fff; font-size:1.14rem;}
.overlay.open{height:80px}
.mnl{display:none}
.overlay ul li.ent a{margin-left:10px; margin-top:-10px; padding:4px 24px; font-size:1.4rem}
.navlogo img{width:0px;display:none}
.zoom{transition: transform 0.2s;}
.zoom:hover{transform: scale(1.1)}
.lds-ripple {margin:20% 0 0 45%}
.balloon {height:200px; width:170px; position:relative; background-size:contain}
.rotor-group-heading{top:110px}

#acao{margin-top:-22px}
#acao h3{font-size:3.3rem; line-height:1.2}
#aceleradores{padding:60px 5%}
.marcas img{width:150px; padding:10px}
#cartao .row{padding:10px 20px 30px 20px;display:flex;align-content:center; align-items: center}
.womandd{width:350px; margin:0px 0 0 -10vw}

.girl{position:absolute; width:24%; height:auto; bottom:0; left:10%; z-index:10}
.umm{width:20%; top:25vh; right:11%}
.heroin .promo{position:absolute; width:40%; height:auto; top:2vh; left:8%; z-index:2}

#step1{margin-top:0px}
#step1 h1{display:block; color:#FFCC01} #step1 h5{color:#fff}
#campos{margin-bottom:0px}
#campos small{color:#fff}
.cadastro{position:absolute; z-index:30; background-color:#395ebd; padding:20px 30px; top:100px; right:9vw; width:45%; border-radius:30px}
label,legend {color:#fff}
.space{height:700px}
}


@media (min-width: 1360px) {
.comobox{min-height:380px; padding:40px}
.comobox h1{font-size:5.5rem}
.comobox h4{font-size:2.1rem}
.lds-ripple {margin:20% 0 0 46%}
.heroin{height:60vh}
.space{height:740px}
.btnqe{left:14%; padding:12px 45px}
.btnqd{right:14%; padding:12px 35px}
}


@media (min-width: 1600px) {
#aceleradores{padding:60px 5%}
.comobox{min-height:390px}
.comobox h4{font-size:2.3rem}
.heroin h1{margin-top:9vh}
.participe{width:20%; left:40%; height:54px; }
.logow{height:44px; margin-left:9vw; margin-top:28px}
.overlay nav {top:37px}
.overlay ul li a {margin:0 5px; font-size:1.4rem;}
.lds-ripple {margin:20% 0 0 47%}
#acao{margin-top:-22px}
#acao h3{font-size:4rem; line-height:1.2}
.womandd{width:390px; margin:0px 0 0 -10vw}
.space{height:700px}
.marcas img{width:200px}
.btnqe{left:18%; padding:12px 45px; font-size:2.2rem; height:57px}
.btnqd{right:18%; padding:12px 35px; font-size:2rem; height:57px}
}

@media (min-width: 1900px) {
.btnqe{left:21%; padding:12px 45px; font-size:2.4rem}
.btnqd{right:21%; padding:12px 35px; font-size:2.2rem}
}




#return-to-top {position:fixed; bottom:18px; left:20px;background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.5); width:48px; height:48px; display:block; text-decoration:none; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; display:none; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#return-to-top i{color:#fff; margin:0; position:relative; left:18px; top:16px; font-size:19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
#return-to-top:hover {background:rgba(0, 0, 0, 0.7)}
#return-to-top:hover i {color:#fff; top:14px}
.arrow {border:solid #fff; border-width:0 4px 4px 0; display:inline-block; padding:4px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}