@import url("https://fonts.googleapis.com/css?family=Oswald:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css?family=Poppins:wght@400;500;600;700&display=swap");*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%;width:100%}body{width:100%;height:100vh;min-height:100vh;font-family:'Oswald', sans-serif;margin:0;padding:0;background-color:#fff;background-position:top center;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat}.background{background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:top center;position:fixed;top:0;left:0;height:100%;width:100%;z-index:-1}body.step-1 .background{background-image:url("../../images/s1.jpg")}body.step-2 .background{background-image:url("../../images/s2.jpg")}body.step-3 .background{background-image:url("../../images/s3.jpg")}body.step-4 .background{background-image:url("../../images/s4.jpg")}body.step-5 .background{background-image:url("../../images/s5.jpg")}body.step-6 .background{background-image:url("../../images/s6.jpg")}body.step-7 .background{background-image:url("../../images/s7.jpg")}a{text-decoration:none}input,textarea{-webkit-appearance:none;-moz-appearance:none}button:focus{border:0;outline:0}.wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;width:100%;height:100%}.box{margin:0 auto;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;width:580px;background:rgba(255,255,255,0.5);padding:25px;border:2px solid #c40001;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.box__logo{color:#c40001;font-size:48px;font-weight:700;text-align:center;display:block;padding:0 0 30px 0;line-height:50px}.box__question{position:relative;overflow:hidden;font-weight:700;text-align:center;padding:0;margin:0 0 20px 0;font-family:'Poppins', sans-serif;letter-spacing:1px;font-size:23px;color:#000;line-height:36px}.box__text{position:relative;overflow:hidden;font-size:18px;letter-spacing:1px;font-weight:500;color:#000;text-align:center;padding-bottom:20px;margin:0 auto;font-family:'Poppins', sans-serif}.step{display:inline-block}.buttons-group{text-align:center;width:100%}.btn{border:0;display:inline-block;padding:1px 30px;font-size:40px;text-align:center;cursor:pointer;min-width:30%;font-weight:700;background-color:#fff;color:#000;transform:scale(1);transition:all 0.6s ease-out;text-transform:uppercase;font-family:oswald;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)}.btn:hover,.btn:active,.btn:focus{background-color:#c40001;color:#fff;letter-spacing:1px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)}.btn+.btn{margin-left:10px}.forminput{height:50px;width:90%;max-width:400px;margin:10px auto;font-size:20px;text-indent:10px;border:2px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.forminput:focus{outline:none;border:2px solid #c40001}.error{text-align:center;padding:0 10px;font-size:13px;color:#cc0000}@media screen and (max-width: 768px){body.step-1 .background{background-image:url("../../images/mobile_s1.jpg")}body.step-2 .background{background-image:url("../../images/mobile_s2.jpg")}body.step-3 .background{background-image:url("../../images/mobile_s3.jpg")}body.step-4 .background{background-image:url("../../images/mobile_s4.jpg")}body.step-5 .background{background-image:url("../../images/mobile_s5.jpg")}body.step-6 .background{background-image:url("../../images/mobile_s6.jpg")}body.step-7 .background{background-image:url("../../images/mobile_s7.jpg")}.box{padding:20px;width:95%}.box__text{width:100%;font-size:15px}.btn{font-size:35px}}@media screen and (max-width: 480px){.box__logo{font-size:32px;margin:0 0 10px 0;padding:0}.box__question{font-size:15px;line-height:26px;padding:0;margin:0}.btn{font-size:25px}.forminput{height:40px;width:100%}}
