header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; font-family:'Roboto', sans-serif; background-color:#171717;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; /*-webkit-border-radius:0px;*/}
a, .btn{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
.none{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
select{-webkit-appearance:none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
::-webkit-input-placeholder{color:#7d7d7d; opacity:1;}
::-moz-placeholder{color:#7d7d7d; opacity:1;}
:-ms-input-placeholder{color:#7d7d7d; opacity:1;}
:-moz-placeholder{color:#7d7d7d; opacity:1;}
fieldset{border:none; padding:0px; text-align:center;}

html, body, .main{height:100%;}
.main{display:flex; flex-direction:column;}
.centerwrap{width:1880px; margin:auto;}
header{padding-top:7px; padding-bottom:8px;}
.logo{float:left;}
.headeright{float:right;}
.headeright a{font-size:23px; font-weight:500; min-width:200px; margin-left:9px; line-height:50px; border-radius:4px; float:left; text-align:center;}
.headeright a.joinNow{border:1px solid #ffc107; background-color:#ffc107; color:#000000;}
.headeright a.joinNow:hover{background-color:#63bc47; border-color:#63bc47; color:#fff;}
.headeright a.logIn{border:1px solid #575656; color:#bdbdbd;}
.headeright a.logIn:hover{background-color:#575656; color:#fff;}
.bodyArea{background:url(../images/bg.jpg) no-repeat left top / cover; height:100%; margin-bottom:22px; display:flex; position:relative; border-radius:4px;}
.box{width:648px; background-color:#ffffff; padding:28px 36px 34px; border-radius:26px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); border:6px solid #63bc47; min-height:502px;}
.banner{text-align:center; padding-bottom:20px;}
.banner img{margin:auto;}
.step1 p{font-size:25px; line-height:26px; letter-spacing:-0.005em; color:#373636; text-align:center; padding-top:10px; padding-bottom:14px;}
.alert-age{font-size:19px; line-height:25px; letter-spacing:-0.005em; color:#fff; text-align:center; padding:10px; border-radius:15px; background-color:#f00; margin-bottom:10px; font-weight:500;}
.yourAge{font-size:21px; color:#ff8916; letter-spacing:-0.005em; text-align:center;}
/*.box h2{font-size:26px; font-weight:500; color:#2d2c2c; line-height:37px; letter-spacing:-0.005em; text-align:center; padding-top:22px; padding-bottom:30px;}*/
.box h3{font-size:32px; font-weight:500; color:#2d2c2c; line-height:37px; letter-spacing:-0.005em; text-align:center; padding-top:22px; /*padding-bottom:30px;*/}
/*.continue{text-align:center; padding-bottom:18px;}*/
.ageForm{ font-size:0px; padding-top:12px;}
.ageForm select{border:1px solid #b0afaf; background:#fff url(../images/downArrow.png) no-repeat 90% center; min-width:99px; height:53px; font-family:'Roboto', sans-serif; font-weight:400; font-size:24px; border-radius:5px; margin:0 4px; padding-left:10px;}
.ageForm select.year{min-width:114px;}
.alert-age{display:none;}
.btn{background-color:#ffc107; line-height:57px; border-radius:29px; min-width:250px; font-size:28px; color:#060606; text-transform:uppercase; font-family:'Roboto', sans-serif; font-weight:900; display:inline-block; text-align:center; border:none; cursor:pointer; margin-top:26px;}
.btn:hover{background-color:#63bc47; color:#fff;}
.questions{font-size:0px; text-align:center; padding-top:18px; padding-bottom:9px;}
.questions a{margin:9px 7px;}
.step4Body{padding:21px 26px 10px;}
.progressbar{background-color:#181c20; height:24px; width:100%; border-radius:13px; position:relative;}
.progressbar:before{content:''; background:url(../images/progress.jpg) repeat-x; height:20px; width:calc(100% - 4px); border-radius:10px; position:absolute; left:2px; top:2px; animation:progress 3s cubic-bezier(0.17,0.67,0.83,0.67) forwards; -webkit-animation:progress 3s cubic-bezier(0.17,0.67,0.83,0.67) forwards;}

@-webkit-keyframes progress{from{width:0;}to{width:calc(100% - 4px);}}
@keyframes progress{from{width:0;}to{width:calc(100% - 4px);}}

.step4Body ul{padding-top:18px; padding-bottom:18px;}
.step4Body li{font-size:20px; line-height:31px; letter-spacing:-0.005em; color:#2d2c2c; font-weight:400; background:url(../images/point.png) no-repeat left center; padding-left:29px;}
.joinFree{text-align:center;}
.joinFree a{font-size:31px; font-weight:900; color:#060606; text-transform:uppercase; line-height:65px; background-color:#ffab16; border-radius:34px; display:block; padding:0 34px;}
.joinFree a:hover{background-color:#63bc47; border-color:#63bc47; color:#fff;}

.cookies{position:fixed; width:100%; bottom:0px; left:0px; background-color:#171717;}
.cookies p{font-size:16px; font-weight:400; color:#ffffff; padding:13px 80px 13px 32px;}
.cookies p a{color:#fff;}
.cookies p a:hover{color:#ffc107;}
.ok{background-color:#24740b; border-radius:50%; width:45px; height:45px; border:1px solid #fff; line-height:45px; text-align:center; position:absolute; right:27px; top:-15px; color:#fff;}
.ok:hover{background-color:#ffab16;}