@font-face {font-family:"sp-lt"; src: url("SpeedeeCd_W_Lt.woff") format('woff');}
@font-face {font-family:"sp-rg"; src: url("Speedee_W_Rg.d4666f7.woff") format('woff');}
@font-face {font-family:"sp-bd"; src: url("Speedee_W_Bd.45c87a1.woff") format('woff');}

.container {position:relative; width:100%; max-width:1400px; 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:20px 0 60px 0}.pad7{padding:70px 0}
.padd{padding:80px 0; min-height:60px}.pad{padding:20px}
.br{color:#fff}
.brbg{background-color:#fff}
.ama{color:#ffae00}
.amabg{background-color:#ffae00}
.red{color:#d70703}
.redbg{background-color:#d70703}
.bk{color:#000}
.rx{color:#4e2e81}
.bkbg{background-color:#000}
.vd{color:#0d5e46} .vdclaro{color:#a6ff00}
.vdbg{background-color:#0d5e46}
.cz{color:#7f7f7f}
.czbg{background-color:#505050}
.som{text-shadow:1px 1px 19px rgba(0, 0, 0, 0.4);}
.somd{-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);}
.tsom{text-shadow:-2px 5px 0px rgba(0, 0, 0, 1);}
.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}
.img-circle {border-radius: 50%;}


.zoom{transition: transform 0.07s;}
.zoom:hover{transform: scale(1.1)}

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

.modal-window {position:fixed; background-color: rgba(255, 255, 255, 1); 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%; padding:30px; position:absolute; top:40%; left:50%; -webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%); padding:2em; 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:6px}
.modal-close {line-height:50px; font-size:78%; font-weight:bolder; position:absolute; right:12px; text-align:center; top:-3px; text-decoration:none}
.modal-close:hover {color:black;}
.modal-window div:not(:last-of-type) { margin-bottom: 15px;}
.modal-window input[type="submit"]{background:#e20008;color:#ffbc0d}






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

/* For devices larger than 550px */
@media (min-width:640px) {
  .container { width:80%}
  .column, .columns { margin-left: 4%; }
  .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%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .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%; scroll-behavior:smooth; margin:0; padding:0; overflow-x:hidden; text-rendering:optimizeLegibility; -webkit-transform:translate3d}
body {font-size:1.62em; font-family:'sp-rg', sans-serif; line-height:1.4; font-weight:400; color:#000; background-color:#fff; margin:0; overflow-x:hidden; -webkit-transform: translate3d}


h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:1rem; color:#e1121b; font-family:"sp-bd", sans-serif; line-height:1; letter-spacing:-0.03em}
h1 { font-size: 3.7rem;}
h2 { font-size: 3rem; }
h3 { font-size: 2.6rem; }
h4 { font-size: 2.3rem;}
h5 { font-size: 1.8rem; }
h6 { font-size: 1.5rem; }

@media (min-width:1360px) {
  h1 { font-size: 4.6rem; }
  h2 { font-size: 4rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.2rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}

@media (min-width:1700px) {
  h1 { font-size: 6.5rem; }
  h2 { font-size: 4rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.2rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}


p {margin:0; font-weight:300}
a {color:#000; 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}
small{line-height:1em}
b{font-family:"sp-bd", sans-serif; }



.button,button,input[type="submit"],input[type="reset"],
input[type="button"] {display:inline-block; height:62px; padding:12px 40px; color:#db0007; text-align:center; font-size:1.6em; font-family:"sp-bd"; line-height:1.4em; text-decoration:none; white-space:nowrap; background-color:#ffba0d; border-radius:14px; cursor:pointer; box-sizing:border-box; border:1px none #fff; letter-spacing:-0.01em;}
.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 {color:#fff; outline: 0; background-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:21px; padding:auto 33px; height:58px; background:#e20008; color:#fff}
.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:#FFF; background-color:#000}
.peq{font-size:0.92em; padding:12px 20px; border-radius:14px; cursor:pointer; word-spacing:normal}


@media (min-width: 320px) {
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 10px; font-size:1.12em; background-color:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:none; box-sizing:border-box; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); margin:7px 0}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],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="date"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="file"]:focus,textarea:focus,select:focus {border:0px solid red; outline: 0; -webkit-box-shadow: 0px 0px 14px 0px rgba(255,0,0,0.7);-moz-box-shadow: 0px 0px 14px 0px rgba(255,0,0,0.7);box-shadow: 0px 0px 14px 0px rgba(255,0,0,0.7);}
label,legend {display: block; margin-top:1rem; margin-bottom:-8px; font-weight:600; }
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; }
}

@media (min-width:900px) {
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 {font-size:1.3em;}
}


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



@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:1px 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}
table tr td:first-child {}
table tr td:last-child {width:4em;}
.uf{width:36px}
.padr{font-size:22px}
.ttd {font-size:13px}
}

@media screen and (min-width:550px) {
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; text-align:center; border-bottom:1px solid #E1E1E1; font-size:0.9em}
table th, thead {font-size:.9em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
tbody tr:nth-child(odd){background-color:#e9e9e9}
table tr td:first-child {width:2em; min-width:2em; max-width:2em; word-break:break-all;}
table tr td:last-child {width:12em; 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: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol {margin-bottom: 2.5rem; }

.u-full-width {width:100%; box-sizing:border-box}
.u-max-full-width,.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}
.subl{text-decoration:underline}
.leve{font-family:"sp-rg";}
.b, b{font-weight:900}
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) {
.dk{display:none}
.mb{width:100%; height:auto}
#top {z-index:50; position:absolute; top:0; width:100%; min-height:60px}
.hero,.heroin{height:auto; background:#d70703; top:0;left:0}
.hero .row{padding:0}
.hero h1,.heroin h1{margin-top:100px; font-size:4.2rem}
.txt{padding-left:5%;padding-right:5%;padding-bottom:30px}
.seta{width:72%;height:auto}

.box{position:absolute; width:80%; height:auto; bottom:0; left:10%}
.boxtxt{width:100%; height:auto; margin-top:100px;}
.boxbot{z-index:19; position:fixed; bottom:-10px; width:54%; left:23%; font-size:1.5em; border-radius:12px 12px 0 0; box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px,rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; padding:0;}
.boxin{position:absolute; width:62%; height:auto; bottom:0; left:19%}
.boxtxtin{width:100%; height:auto; margin-top:80px}
.in{background-color:#fff; padding:30px 18px; margin-top:-20px; border-radius:12px}
#cadastro{padding:40px 2px}

.sacola{height:100vh; background-image:url(../img/hero-sacola2.webp); background-size:cover; background-position:center}
.f1{height:auto; width:50%; margin:0 0 -7px 0}
.steps{height:auto; width:100%; margin:20px 0}
.resp{height:auto; width:60%; right:0; bottom:0; position:absolute; z-index:91}
.lesp{height:auto; width:60%; left:0; top:0; position:absolute; z-index:1}
button.out{color:#fab918; border:3px solid #fab918; background:none; width:100%; white-space:normal; height:auto; font-size:1.15em; line-height:1em; letter-spacing:-0.02em}
button.outbr{color:#e20008; border:3px solid #fab918; background:#fff; text-transform: uppercase; width:100%; white-space:normal; height:auto; font-size:1em; line-height:1em; letter-spacing:-0.02em}

.comobox{background:#fff; border-radius:15px; border:1px solid #e1e1e1; padding:30px 10px; margin-bottom:0px; -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.07);-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,.07);box-shadow: 0 3px 3px 0 rgba(0,0,0,.07)}
small {font-size:70%; line-height:10px}
.total.meumcid{max-width:auto;padding:1em}
#nsContainer{display:flex; flex-wrap:wrap;}

#cad{padding:0px 15px 80px 15px; z-index:10}
#cad .twelve{padding:10px}
#qtd{z-index:12; margin-top:0}
.selo{-webkit-box-shadow: 0px 20px 54px 0px rgba(74,74,74,0.35);-moz-box-shadow:0px 20px 54px 0px rgba(74,74,74,0.35);box-shadow: 0px 20px 54px 0px rgba(74,74,74,0.35); z-index:70; background-color:#fff; padding:30px 20px 22px 20px; margin-top:18px; border-radius:11px}
.selo p{font-size:1.7rem}
.selo img{float:left; margin-right:11px; width:50px;height:50px}
.selo h3{font-family:"sp-rg"; font-size:2.4rem}

.tab {display:none;}
.tab input.invalid {background-color:#ffdddd}
.pe {padding:60px 20px; bottom:0; top:0; color:#fff; background-color:#d70703}
.pe a{color:#fff}
.pe img{margin:0 7px 0 7px; width:30px; height:auto}

#ns{z-index:15; margin-top:0; padding-top:60px; padding-bottom:60px; background-color:#ffba0d}
.ns{float:left; width:115px; text-align:center}
.ns h3{font-size:2.4rem}
.nso{margin:40px 0}
#nsorte{background-color:#ffae00; padding:20px 15px; margin:15px; font-family:"sp-bd"; font-size:3rem; font-weight:bolder; border-radius:15px}
.ovlk img{width:24px; height:auto; margin-bottom:-10px; margin-right:0}
.ovlk{font-weight:700; font-family:"sp-bd"; color:#ddd}
.pe a.ovlk{color:#aaa}

.num{padding:20px 10px 20px 0;float:left; clear:left; border-bottom:1px #555 solid}
.num img{float:left; padding:10px 20px 10px 0}
.num2{padding-bottom:120px;float:left}
.app{margin:20px auto}
.app img{width:auto; height:37px}

#nav-icon4 {width:32px; height:32px; position:fixed; top:8px; right:2%; -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; padding:24px}
#nav-icon4 span {display:block; position:absolute; height:5px; width:60%; margin:14px auto 6px 20%; 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; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);}
#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:-10px; left:7px; background-color:#fff}
#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:24px; left:7px; background-color:#fff}
.menu{color:#fff; font-size:1.14em; position:fixed; top:36px; letter-spacing:-0.01rem; right:15.5px; font-weight:900}

.overlay {position:fixed; background:rgb(157,0,3); background:linear-gradient(15deg, rgba(157,0,3,1) 32%, rgba(219,0,7,1) 76%); 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:999}
.overlay.open {opacity:1; visibility:visible; height:100%;}
.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:70%; top:55%; -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:12%; height: calc(100%/5); min-height:27px; position:relative; opacity:100; text-align:center}
.overlay ul li a {display:block; position:relative; color:#fff; text-decoration:none; font-size:2.5rem; font-family:"sp-bd"; letter-spacing:-0.033em; z-index:99999}
.overlay ul li a:hover {color:#fff}

.wrap-collapsible {margin:2rem 0}
.lbl-toggle h4{padding:0; font-size:2rem; text-transform:none; line-height:110%}
input[type='checkbox'] {display:none;}
.lbl-toggle {display:block; font-size:1.8rem; line-height:1rem; text-transform:uppercase; padding:1.4rem 0.7rem 0 1.4rem; color:#1c2f6e; background:#fff; cursor:pointer; border-radius:10px; transition:all 0.25s ease-out; margin-bottom:0; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px;}
.lbl-toggle:hover { color:#1c2f6e}
.lbl-toggle::after { content:' '; display:inline-block; vertical-align:middle; transition:transform .2s ease-out; margin:0 0 0 6px}
.collapsible-content { max-height:0px; overflow:hidden; transition:max-height .15s ease-in-out; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.toggle:checked + .lbl-toggle + .collapsible-content { max-height:2250px; height:auto}
.toggle:checked + .lbl-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0;}
.collapsible-content .content-inner { background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:1.7rem;}
.content-inner p {margin-bottom:1.4rem}
    
#loader {display:none; 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 39%}
.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);}
}


@media (min-width:375px) {
.total.meumcid{max-width:350px}
}

@media (min-width:412px) {
.boxbot{width:46%; left:27%;}
.boxin{bottom:-20px}
.total.meumcid{max-width:370px;padding:1em}
}


@media (min-width:640px) {
.dk{display:block; width:100%; height:auto}
.mb{display:none}
.tit{width:320px; display:flex; align-items:center}
.mao{width:50%; top:-20px; left:25%}
#ns{margin-top:0px}
.selo img{margin-right:5px; width:27px;height:27px}
#box{margin-top:11vh}
#boxin{margin-top:7vh}
.boxin{bottom:auto}
.box{position:relative; left:auto; bottom:0; width:100%; height:auto;}
.boxbot{width:32%; left:34%}
.resp{width:35%; right:0; bottom:-50px; position:absolute}
.lesp{width:30%; left:0; top:0; position:absolute}
}


@media (min-width: 1000px) {
#top {z-index:50; position:relative; top:22px; width:100%; height:70px; border-bottom:3px solid rgba(229,20,25,1)}
#box{margin-top:11vh}
#boxin{margin-top:7vh}
.box{position:relative; left:auto; bottom:0; width:100%; height:auto;}
.boxtxt{width:100%; height:auto; margin-top:8vh}
.boxin{position:relative; top:-9px; left:auto; bottom:auto; width:100%; height:auto;}
.boxtxtin{width:110%; height:auto; margin-top:7vh}
.boxbot{width:28%; left:36%}
.in{background-color:#fff; padding:40px 25px; margin-top:-80px; border-radius:12px}
#cad{padding:0 0 80px 0; margin-top:-60px}
#cad .twelve{padding:30px 45px}
#cadastro{padding:40px}
.pe{top:0px;}
.selo{box-shadow: 0px 20px 54px 0px rgba(74,74,74,0.35); padding:22px 20px 15px 20px; min-height:150px}
.selo p{font-size:1.7rem}
.selo img{margin-right:14px;width:54px;height:54px}
button.bop {padding:12px 18px; font-size:1.4rem; height:36px; line-height:1rem}
.u-half-width {width:49.7%}
.lds-ripple {width:152px; height:152px; margin:20% 0 0 45%}

.hero{height:100vh;}
.hero h1,.heroin h1{margin-top:18vh; font-size:6rem}
.sacola{height:100vh; background-size:cover}
.f1{width:30%; margin:10px 0}
.steps{width:100%; margin:0 0 20px 0}
button.out, button.outbr{font-size:1em}
.ns{float:left; width:130px; text-align:center}
.iphone{width:92%;float:right; margin:-50px -70px -28px auto}
.seta{width:60%; margin-top:20px}
.total.meumcid{max-width:470px;padding:2em}
}


@media (min-width: 1360px) {
.box,.boxin{width:104%}
.boxtxt{width:106%; margin-top:8vh}
.boxbot{width:20%; left:40%; font-size:1.8em}
button.out, button.outbr{font-size:1.22em}
.seta{width:48%}
#ns{padding-top:80px; padding-bottom:80px}
}


@media (min-width: 1600px) {
.overlay ul li a {margin:0 14px; font-size:1em}
.boxbot{font-size:2em; padding:4px 0; bottom:-9px}
.iphone{width:85%; margin:-70px -70px -80px auto}
button.out, button.outbr{font-size:1.55em}
.hero h1,.heroin h1{margin-top:19vh; font-size:8rem}
}



@media (min-width: 1900px) {
.box,.boxin{width:111%}
.boxtxt{width:110%; margin-top:8vh}
.overlay ul li a {margin:0 14px; font-size:1em}
.iphone{width:76%; margin:-60px -40px -80px -30px}
}





#return-to-top {position:fixed; bottom:18px; right: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; z-index:999}
#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);}


.hidden {display: none;}
#loaderfile {display: none;  width: 100%; background-color: #f0f0f0; border: 1px solid #ccc; padding: 5px; border-radius: 5px;}
.ind {
    width: 100%;
    height: 20px;
    background-color: #4CAF50;
    border-radius: 5px;
    animation: indeterminate-progress 2s infinite;
}

@keyframes indeterminate-progress {
    0% { transform: scaleX(0); }
    50% { transform: scaleX(1); }
    100% { transform: scaleX(0); }
}