@import url("https://fonts.googleapis.com/css?family=Montserrat&subset=latin-ext");

.fadeInUp{animation:a .4s forwards}
@keyframes a{0%{opacity:0;transform:translate3d(0,2rem,0)}to{opacity:1;transform:translateZ(0)}}

body{font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4}
h1,h2,h3,h4,h5,h6{text-transform:uppercase}
h1{font-size:2.6rem;line-height:1}
h2{font-size:2rem}
h2,h3{line-height:1.1}
h3{font-size:1.6rem}
h4{font-size:1.4rem}
h4,h5{line-height:1.1}
h5{font-size:1.3rem}
h6{font-size:.9rem;line-height:1.1}
p{font-size:1.4rem}
h1,h2,h3,h4,h5,h6,li,p,span{text-shadow:0 -1px 0 rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.4),-1px 0 0 rgba(0,0,0,.4),1px 0 0 rgba(0,0,0,.4)}
*{margin:0;padding:0;box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
html{font-size:62.5%}
body,html{width:100%;height:100%}
body{overflow-x:hidden;min-width:320px;min-height:480px;background:#000;color:#fff;z-index:0}
a{text-decoration:none}
img{display:block;max-width:100%;height:auto}
ul{list-style-type:disc;margin-left:2rem}
ul li{font-size:1.175rem;margin-bottom:.5rem;text-align:left}
.clearfix:after{content:"";display:block;clear:both}
.transition{transition:all .25s ease}
.bgz{background-size:cover;background-position:50%;background-repeat:no-repeat}
.t-center{text-align:center}
.bg-primary{background-color:#daa520}
.bg-accent{background-color:#fff}
.c-primary{color:#daa520}
.adult,.c-accent{color:#fff}
.adult{width:100%;position:fixed;left:0;bottom:0;padding:.75rem 0;z-index:3;text-transform:uppercase;font-size:.875rem;display:flex;align-items:center;flex-direction:column}
.adult span{text-shadow:none}

.main{flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.container,.main{position:relative;width:100%;height:100%;z-index:1;display:flex}
.container{flex-direction:column-reverse}

.btnbox{width:100%;flex-direction:row}
.btn,.btnbox{position:relative;display:flex;justify-content:center;align-items:center}
.btn{width:auto;min-width:10.5rem;height:4.8rem;padding:0 1rem;margin:0 .5rem;color:#fff;font-size:1.4rem;text-decoration:none;text-transform:uppercase;text-align:center;letter-spacing:.1rem;border-radius:99rem;overflow:hidden;border:none;cursor:pointer;outline:none;box-shadow:0 12px 6px -10px rgba(0,0,0,.8)}
.btn:hover{box-shadow:0 14px 14px -10px rgba(0,0,0,.5);background-position:100% 0}
.btn:active{box-shadow:none}
.btn--primary{background-size:300% 100%;background-image:linear-gradient(90deg,#25aae1,#40e495,#30dd8a,#2bb673)}
.btn--accent{background-color:#000;opacity:.5!important}
.btn--block{width:auto;min-width:22rem;height:4.8rem;margin:0}

.stepbox{margin:0 auto;position:relative;display:block;z-index:1;overflow:hidden}
.step,.stepbox{width:100%;height:100%}
.step{position:absolute;left:0;top:0}
.step__inner{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem 2rem 6rem}
@media screen and (min-width:768px){.step__inner{justify-content:center;padding:1rem 2rem}}
.step__header{margin-bottom:1rem}
.step__body{margin-bottom:2rem}
.step{transform:translateY(200%)}
.step__header{transition:transform .25s ease 0s,opacity .25s ease 0s}
.step__body,.step__header{position:relative;opacity:0;transform:translateY(2rem)}
.step__body{transition:transform .25s ease .1s,opacity .25s ease .1s}
.step__footer{transition:transform .25s ease .2s,opacity .25s ease .2s}
.step__footer,.step__footer .btnbox a{position:relative;opacity:0;transform:translateY(2rem)}
.step__footer .btnbox a:first-child{transition:transform .25s ease .2s,opacity .25s ease .2s,box-shadow .25s ease 0s,background-position .25s ease}
.step__footer .btnbox a:nth-child(2){transition:transform .25s ease 0s,opacity .25s ease 0s,box-shadow .25s ease 0s,background-position .25s ease}
.step.active{transform:translateY(0)}
.step.active .step__body,.step.active .step__footer,.step.active .step__footer .btnbox a,.step.active .step__header{opacity:1;transform:translate(0)}
.step.hidden .step__body,.step.hidden .step__footer,.step.hidden .step__header{opacity:0;transform:translateY(-2rem)}

.videobox{position:fixed}
.videobox,.videobox:after{left:0;top:0;right:0;bottom:0}
.videobox:after{content:"";display:block;position:absolute;background-color:rgba(0,0,0,.4)}
.videobox video{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0}

@media (min-width:360px){html{font-size:75%}}
@media (min-width:768px){html{font-size:87.5%}}
@media (min-width:1300px){html{font-size:100%}}