*{margin:0px;padding:0px;box-sizing:border-box;text-align:center;}
html{height:100%}
body{background:no-repeat top center #000;background-size:cover;height:100%;font-family:'Montserrat', sans-serif;}
.ques h1{font-weight:900;text-transform:uppercase;line-height:.9;font-size:30px;color:#fff;margin-bottom:20px;text-shadow:-1px -1px 10px #000, -1px -1px 10px #000, -1px 1px 10px #000, 1px 1px 10px #000, -1px -1px 20px #000, -1px -1px 10px #000, -1px 1px 10px #000, 1px 1px 10px #000;width: calc(100% - 20px);letter-spacing: -2px;}
.wrap{transform:translateY(-100%);position:relative;bottom:-100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;}
.terms,.terms a{color:#b1b1b1;font-size:9px;text-decoration:none;}
.acc{font-size:38px;}
.btn{cursor:pointer;color:#000;padding: 5px 10px;margin: 5px;font-size: 24px;background:#fff;display:inline-flex;font-family: 'BenchNine', sans-serif;text-transform:uppercase;flex-direction: row;justify-content: center;align-items: center;font-weight: 700;}
.ques{margin:auto;width:100%}
.stp{display:none;animation:fadeIn ease 2s forwards;animation-iteration-count:1;}
.step1 .stp1,
.step2 .stp2,
.step3 .stp3,
.step4 .stp4{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.step4 .stp4{flex-direction:column;}
.ques .stp4 h1{margin-bottom:0px}
.sound{background-image:url("../images/voff.svg");background-repeat:no-repeat;background-position:center;background-size:15px;height:33px;position:fixed;top:30px;right:-3px;width:33px;z-index:1;border-radius:10px 0px 0px 10px;box-shadow:0px 0px 15px #000;}
.sound.off{background:url("../images/von.svg") no-repeat center;background-size:15px;}
footer{background:rgba(0, 0, 0, .7);padding:7px}
.parallelogram{transform: skew(-20deg);}
.skewFix{display:inline-block;transform: skew(20deg);}
.l1,.r1{opacity:.5;}
.lft,.rgt{width:13px;}
.lft{margin-right:7px;}
.rgt{margin-left:7px;}
.btn.lastbtn{font-family:'Montserrat', sans-serif;background: #000;color: #fff;border-radius: 10px;display: block;line-height: .5;padding: 15px 25px;font-size:27px;margin-top: 20px;}
.btn .subBtn{font-size:20px;display: block;font-family: 'BenchNine', sans-serif;}
.btn.lastbtn:hover{color:#fff;}

@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@media only screen and (min-width:768px){
    .sound,.sound.off{background-size:20px;width:40px;height:40px;}
    .arrw{display:block;margin:0px auto;animation:arrw ease 2.5s forwards;animation-iteration-count:1;}
    .ques h1{font-size:50px;text-shadow:-1px -1px 20px #000, -1px -1px 20px #000, -1px 1px 20px #000, 1px 1px 20px #000,-1px -1px 20px #000, -1px -1px 20px #000, -1px 1px 20px #000, 1px 1px 20px #000;letter-spacing: -4px;}
    .acc{font-size:66px;}.btn{font-size:20px;}
    .lft,.rgt{width:22px;}
    .lft {margin-right: 17px;}
    .rgt{margin-left:17px;}
    .btn{margin: 5px 10px;font-size:42px;padding: 5px 18px;}
    .btn.lastbtn{font-size:40px;margin-top: 40px;}
    .btn .subBtn {font-size: 30px;}
}
@media only screen and (min-width:980px){
    .acc {font-size:86px;}
    .ques h1{font-size:62px;}
}

/* branding additions */ 

.logo {
    width: 100%;
    position: absolute;
    top: 15px;
}

.logo img {
    max-width: 185px;
}
        body{background-image:url("../images/bg1m.jpg");}
        body.step2{background-image:url("../images/bg2m.jpg");}
        body.step3{background-image:url("../images/bg3m.jpg");}
        body.step4,body.step5{background-image:url("../images/bg4m.jpg");}
        
        @media only screen and (min-width: 991px){
            body{background-image:url("../images/bg1.jpg");}
            body.step2{background-image:url("../images/bg2.jpg");}
            body.step3{background-image:url("../images/bg3.jpg");}
            body.step4,body.step5{background-image:url("../images/bg4.jpg");}
        }

        /* Dynamic CSS */
        .acc,.btn:hover,.btn .subBtn,.btn .subBtn:hover{color:#0576F4;}
        .btn:hover,.sound:hover{box-shadow:0px 0px 10px #0576F4;}
        .l1,.l2,.r1,.r2{fill:#0576F4}
        .sound{background-color:#000;}
        .sound.off{background-color:#0576F4;}

                    .acc, .btn:hover, .btn .subBtn, .btn .subBtn:hover { color: #9b5cd2; }
            .btn:hover, .sound:hover { box-shadow: 0px 0px 10px #9b5cd2; }
            .l1, .l2, .r1, .r2 { fill: #7744a5; }