@charset "utf-8";*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-interpolation-mode:nearest-neighbor;outline:none;background-repeat:no-repeat;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}textarea{resize:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-spacing:0;border-collapse:collapse}.cf:before,.cf:after,ul:before,ul:after,li:before,li:after,.buttons:after,.buttons:after{display:table;content:''}.cf:after,ul:after,li:after,.buttons:after{clear:both}body,input,select,textarea,button{font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:14px;line-height:1}input,select,textarea{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}body{font-size:14px;line-height:normal;position:relative;overflow:auto;min-width:320px}html,body{height:100%;min-height:100%;overflow-x:hidden}strong{font-weight:700}em{font-style:italic}a{text-decoration:none}a:hover{text-decoration:underline}button,input[type=submit]{cursor:pointer}a,a i,button,.button,.back,.step,.dots li{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.container{position:relative;width:100%;height:100%}.back{position:fixed;top:0;left:0;right:0;bottom:0;margin:-20px;background-size:cover;background-position:center center;-webkit-filter:blur(6px);filter:blur(6px);opacity:0;visibility:hidden}.back:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0}.steps{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;max-width:520px;height:90%;max-height:900px}.step{position:relative;width:100%;height:100%;background-size:cover;background-position:top center;display:none;overflow:hidden}.q-outer{position:absolute;left:0;bottom:-100px;width:100%;-webkit-transform:skewY(-10deg);-ms-transform:skewY(-10deg);transform:skewY(-10deg);height:auto;padding:70px 20px 120px}.q-inner,.q-like{-webkit-transform:skewY(10deg);-ms-transform:skewY(10deg);transform:skewY(10deg)}.q-like{position:absolute;top:-35px;right:5px;width:90px;height:90px}.q-like i{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.q-like i.icon-like{font-size:90px;line-height:100px}.q-like i.icon-yes{font-size:30px;line-height:115px}.q-inner h1{font-size:32px;font-weight:700;line-height:1;padding-bottom:20px}.q-inner h2{font-size:24px;font-weight:700;line-height:1;padding-bottom:20px}.q-inner p{font-size:22px;line-height:1.4}.q-inner .email-input{overflow:hidden;padding:10px;margin:10px 0 0;border-top:1px solid;border-bottom:1px solid}.q-inner .email-input label{display:block;font-size:14px;font-weight:700;padding-bottom:5px}.q-inner .email-input input[type=text]{float:left;width:100%;padding:16px;border:0;border-radius:5px}.q-inner .email-input p.error{font-size:14px;padding-top:5px}.q-inner .buttons{padding-top:20px;text-align:center}.q-inner .buttons .button{position:relative}.q-inner .buttons .button.continue{padding:24px;font-size:24px;line-height:1;font-weight:700;text-align:center;width:80%;border-radius:16px;background: #FFC107;border: 1px solid black;}.q-inner .buttons .button.no,.q-inner .buttons .button.yes{width:130px;height:110px;text-align:center;position:relative;border:0;background:none}.q-inner .buttons .button.no i,.q-inner .buttons .button.yes i{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.q-inner .buttons .button.no{float:left}.q-inner .buttons .button.no i.icon-button-left{font-size:128px;line-height:110px}.q-inner .buttons .button.no i.icon-no{font-size:48px;line-height:92px}.q-inner .buttons .button.yes{float:right}.q-inner .buttons .button.yes i.icon-button-right{font-size:128px;line-height:110px}.q-inner .buttons .button.yes i.icon-yes{font-size:48px;line-height:96px}.q-inner .buttons .count{display:block;width:42px;height:42px;line-height:42px;font-size:16px;text-align:center;margin:22px auto 0;border-radius:100%}.back.step1,.step.step1{background-image:url(../images/1.jpg)}.back.step2,.step.step2{background-image:url(../images/2.jpg)}.back.step3,.step.step3{background-image:url(../images/3.jpg)}.back.step4,.step.step4{background-image:url(../images/4.jpg)}.back.step5,.step.step5{background-image:url(../images/5.jpg)}.back.step6,.step.step6{background-image:url(../images/6.jpg)}.step1 .back.step1,.step1 .step.step1,.step2 .back.step2,.step2 .step.step2,.step3 .back.step3,.step3 .step.step3,.step4 .back.step4,.step4 .step.step4,.step5 .back.step5,.step5 .step.step5,.step6 .back.step6,.step6 .step.step6{opacity:1;visibility:visible;display:block}.dots{position:absolute;top:10px;left:10px;right:10px}.dots li{float:left;width:15%;height:3px}.dots li+li{margin-left:2%}.wrapper{height: 100vh;max-width: 500px;width: 100%;margin: 0 auto;
}@media (max-width:760px){.back{display:none}.steps{position:relative;top:auto;left:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:100%;max-width:100%;height:100%;max-height:100%}.q-outer{-webkit-transform:skewY(-5deg);-ms-transform:skewY(-5deg);transform:skewY(-5deg)}.q-inner,.q-like{-webkit-transform:skewY(5deg);-ms-transform:skewY(5deg);transform:skewY(5deg)}}@media (max-width:640px){.q-outer{padding:60px 20px 120px}.q-inner h1{font-size:24px;padding-bottom:10px}.q-inner h2{font-size:20px;padding-bottom:10px}.q-inner p{font-size:16px;line-height:1.2}.q-like{top:-40px;width:45px;height:45px;right:35px}.q-like i.icon-like{font-size:45px;line-height:50px}.q-like i.icon-yes{font-size:15px;line-height:58px}.q-inner .email-input input[type=text]{padding:8px}.q-inner .buttons{padding-top:10px}.q-inner .buttons .button.continue{padding:12px;font-size:18px;border-radius:5px}.q-inner .buttons .button.no,.q-inner .buttons .button.yes{width:65px;height:55px}.q-inner .buttons .button.no i.icon-button-left{font-size:60px;line-height:55px}.q-inner .buttons .button.no i.icon-no{font-size:24px;line-height:44px}.q-inner .buttons .button.yes i.icon-button-right{font-size:60px;line-height:55px}.q-inner .buttons .button.yes i.icon-yes{font-size:24px;line-height:46px}.q-inner .buttons .count{width:32px;height:32px;line-height:32px;font-size:12px;margin:11px auto 0}}@media (max-device-width:960px) and (orientation:landscape),(max-height:720px){.back{display:none}.steps{position:relative;top:auto;left:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:100%;max-width:100%;height:100%;max-height:100%}.q-outer{-webkit-transform:skewY(-5deg);-ms-transform:skewY(-5deg);transform:skewY(-5deg)}.q-inner,.q-like{-webkit-transform:skewY(5deg);-ms-transform:skewY(5deg);transform:skewY(5deg)}.q-outer{padding:70px 20px 120px}.q-inner h1{font-size:24px;padding-bottom:10px}.q-inner h2{font-size:20px;padding-bottom:10px}.q-inner p{font-size:16px;line-height:1.2}.q-like{top:-40px;width:45px;height:45px;right:35px}.q-like i.icon-like{font-size:45px;line-height:50px}.q-like i.icon-yes{font-size:15px;line-height:58px}.q-inner .email-input input[type=text]{padding:8px}.q-inner .buttons{padding-top:10px}.q-inner .buttons .button.continue{padding:12px;font-size:18px;border-radius:5px}.q-inner .buttons .button.no,.q-inner .buttons .button.yes{width:65px;height:55px}.q-inner .buttons .button.no i.icon-button-left{font-size:60px;line-height:55px}.q-inner .buttons .button.no i.icon-no{font-size:24px;line-height:44px}.q-inner .buttons .button.yes i.icon-button-right{font-size:60px;line-height:55px}.q-inner .buttons .button.yes i.icon-yes{font-size:24px;line-height:46px}.q-inner .buttons .count{width:32px;height:32px;line-height:32px;font-size:12px;margin:11px auto 0}}#logo{position:absolute;top:10px;left:0;width:100%;height:60px;overflow:hidden;z-index:99;margin-top:10px}#logo img{display:block;width:200px;height:60px;margin:0 auto}@media (max-height:420px) and (orientation:landscape){.container{padding-top:0}#logo{display:none}}body{background:#ffffff}.back:after{background:rgba(0,0,0,.5)}.step{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.dots li{background-color:rgba(0,0,0,.25)}.q-outer{background-color:rgb(0 176 255 / 82%);border-top: 2px solid #000000;}.q-inner{color:#ffffff}.q-like i.icon-like{color:#f44e66}.q-like i.icon-yes{color:#ffffff}.q-inner .email-input{border-color:rgba(255,255,255,.1)}.q-inner .email-input input[type=text]{background-color:rgba(255,255,255,.9)}.q-inner .email-input.error input[type=text]{-webkit-box-shadow:inset 0 0 0 2px rgba(222,0,0,.5);box-shadow:inset 0 0 0 2px rgba(222,0,0,.5)}.q-inner .email-input.error p.error{color:#ffffff}.q-inner .buttons .continue{color:#000000;}.q-inner .buttons .continue:hover{-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.5);box-shadow:0 2px 10px 0 rgba(0,0,0,.5)}.q-inner .buttons .button i.icon-button-left{color:#f76363}.q-inner .buttons .button i.icon-button-right{color:#ffa70b}.q-inner .buttons .button i.icon-no,.q-inner .buttons .button i.icon-yes{color:#ffffff}.q-inner .buttons .count{background:rgba(255,255,255,.25);border: 1px solid black;color: black;}.logo-container{width:100%;max-width:160px;position:absolute;top:24px;left:16px;z-index:9999}.logo{width:100%;height:auto}