@import "https://fonts.googleapis.com/css?family=Roboto:300,400";@import "https://fonts.googleapis.com/css?family=Ultra:400";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;cursor:pointer !important}ul li{list-style:none}html{font-size:62.5%;-webkit-text-size-adjust:100%;min-height:100vh}img{border:none;vertical-align:middle;max-width:100%}iframe{position:absolute !important;border:none !important;width:0 !important;height:0 !important}body{font-family:'Roboto', Arial, sans-serif;font-size:1.6rem;min-width:320px;line-height:1.2;min-height:100vh;color:#fff;background:#9f2ede url(../images/1-2.jpg) right top no-repeat;background-size:cover}:focus{outline:0}.slider-block{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;pointer-events:none;z-index:100}.slider-item{transition:all 0.5s ease-in;width:20%;height:100%;background-color:#fff;-ms-align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;pointer-events:none}.slider-item:nth-child(odd){background-color:#f85659;-ms-flex-item-align:end;align-self:flex-end}.slider-item.active{height:0}.logo{display:inline-block;opacity:0;-webkit-animation:fadeInUp 1s forwards 0.8s;animation:fadeInUp 1s forwards 0.8s}.wrapper{position:relative;max-width:650px;margin:0 auto;width:95%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:1rem 0 4rem}.slogan{font-family:"Ultra", Arial, serif;font-size:6rem;margin:1rem 0 0;text-shadow:3px 5px 0 #f85659;opacity:0;-webkit-animation:fadeInUp 1s forwards 0.8s;animation:fadeInUp 1s forwards 0.8s}p{font-size:2.6rem;line-height:1.4;margin-bottom:3rem}.header-text{margin-top:1rem}.timer-text{font-size:1.4rem;margin-bottom:0}.timer{display:block;font-size:3.8rem;font-weight:700;margin-bottom:3rem}.timer.finish{color:red;-webkit-animation:blink 1s infinite;animation:blink 1s infinite}.step-item{display:none}.step-item.visible{display:block}.step-item p{font-weight:300}.step-btn{display:inline-block;margin:0 .2rem;padding:2rem 2.5rem;font-size:1.8rem;min-width:35%;border-radius:.4rem;border:.2rem solid #fff;background:#fff;color:#f85659;transition:all 0.3s ease-in-out;-webkit-animation:fadeInUp 1s forwards;animation:fadeInUp 1s forwards;z-index:10;cursor:pointer}.step-btn:hover{color:#fff;border:.2rem solid #f85659;background-color:#f85659}.no-btn{background:transparent;color:#fff}.no-btn:hover{background:transparent;border-color:#f85659;color:#f85659}.progress{position:fixed;left:0;right:0;bottom:0;height:2px;z-index:1000;background:#fff}.progress span{background:#f85659;height:2px;display:block;width:0;transition:all 0.5s linear}@-webkit-keyframes blink {0%{opacity:1;}50%{opacity:1;}100%{opacity:0;}}@keyframes blink {0%{opacity:1;}50%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes fadeInUp {0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInUp {0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}@media (max-width:680px),(max-height:600px){html{font-size:45%}.logo{max-width:200px}.slogan{font-size:4.6rem;margin:1rem 0 0;text-shadow:2px 3px 0 #f85659}.header-text{margin:2rem 0;font-size:2.6rem}.step-btn{animation:none}}