* {
         margin: 0;
         padding: 0;
         -webkit-box-sizing: border-box;
         box-sizing: border-box
         }
         iframe {
         display: none !important;
         border: none;
         width: 0;
         height: 0
         }
         a {
         text-decoration: none;
         cursor: pointer !important
         }
         ul li {
         list-style: none
         }
         html {
         font-size: 62.5%;
         -webkit-text-size-adjust: 100%;
         height: 100%
         }
         img {
         border: none;
         vertical-align: middle;
         max-width: 100%
         }
         body {
         font-family: 'Montserrat', Arial, sans-serif;
         font-size: 1.8rem;
         min-width: 320px;
         line-height: 1.3;
         background: #000;
         color: #fff;
         height: 100%
         }
         :focus {
         outline: 0
         }
         .highlights {
         color: #fc0650
         }
         .slider-block {
         position: fixed;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0
         }
         .slider-item {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-position: center top;
         background-repeat: no-repeat;
         -webkit-background-size: cover;
         background-size: cover;
         opacity: 0;
         transition: opacity 0.7s linear
         }
         .slider-item.active {
         opacity: 1
         }
         .slider-item.item-1.preload {
         background-image: url(../assets/6.jpg)
         }
         .slider-item.item-2.preload {
         background-image: url(../assets/7.jpg)
         }
         .slider-item.item-3.preload {
         background-image: url(../assets/8.jpg)
         }
         .slider-item.item-4.preload {
         background-image: url(../assets/9.jpg)
         }
         .slider-item.item-5.preload {
         background-image: url(../assets/10.jpg)
         }
         .step-block {
         position: relative;
         height: 100%;
         display: flex;
         flex-flow: row wrap;
         justify-content: center;
         align-items: center
         }
         .step-block.first-step {
         margin: 0 auto;
         max-width: 555px;
         width: 95%;
         background: rgba(0, 0, 0, 0.5) url(../assets/2.gif);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center center
         }
         .step-block.first-step::before {
         content: '';
         position: absolute;
         top: 10px;
         left: 60px;
         display: block;
         height: 60px;
         width: 140px;
         background: url(../assets/logo.png);
         background-repeat: no-repeat;
         background-size: contain
         }
         .step-item {
         display: none;
         max-width: 555px;
         width: 95%;
         position: relative;
         text-align: center;
         padding-bottom: 2rem
         }
         .step-block.first-step .step-item {
         background: linear-gradient(to right, rgba(165, 16, 61, 0) 0%, rgba(165, 16, 61, 0.8) 22%, rgba(165, 16, 61, 0.84) 23%, rgba(165, 16, 61, 0.84) 34%, rgba(165, 16, 61, 0.84) 35%, rgba(165, 16, 61, 0.84) 51%, rgba(165, 16, 61, 0.84) 68%, rgba(165, 16, 61, 0.84) 80%, rgba(165, 16, 61, 0.71) 83%, rgba(165, 16, 61, 0) 100%)
         }
         .step-item.visible {
         display: block
         }
         .step-title {
         font-weight: 700;
         font-size: 4.2rem;
         font-weight: 700;
         text-shadow: 2px 2px 0px #ff3e7a, -2px -2px 0px #4eeaf3;
         padding-bottom: 12px
         }
         .step-subtitle {
         margin: 8px 0 20px
         }
         .step-title h2 {
         font-size: 9rem
         }
         .step-title span {
         font-weight: 400
         }
         p {
         margin-bottom: 1rem
         }
         .checkbox-block {
         display: inline-block;
         text-align: left
         }
         .checkbox-item {
         margin-bottom: 0.2rem;
         padding: 0 2.5rem 0 4.4rem;
         position: relative;
         cursor: pointer;
         font-size: 2rem
         }
         .checkbox-item:before {
         content: '';
         display: block;
         position: absolute
         }
         .checkbox-item:before {
         left: 2rem;
         top: 50%;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         background-color: #fff;
         width: 16px;
         height: 16px;
         transition: all 0.15s linear;
         border-radius: 50%
         }
         .checkbox-item.checked {
         color: #2beeff
         }
         .checkbox-item.checked:before {
         background-color: #2beeff
         }
         .step-question {
         font-weight: 600;
         margin: 3rem 0;
         padding-top: 3rem;
         border-top: 1px solid #eee;
         text-transform: uppercase
         }
         .buttons-block {
         margin: 3rem auto 1rem
         }
         .step-btn {
         position: relative;
         z-index: 100;
         display: inline-block;
         width: 30%;
         max-width: 300px;
         padding: 14px 0;
         margin: 0 0.5rem;
         font-size: 22px;
         font-weight: 700;
         background-color: #000;
         color: #fff;
         border-radius: 30px;
         cursor: pointer;
         text-transform: uppercase;
         text-decoration: none
         }
         .step-btn::before,
         .step-btn::after {
         content: '';
         position: absolute;
         width: 100%;
         height: 100%;
         left: 0%;
         top: 0%;
         background-color: #4eeaf3;
         opacity: 0;
         transition: opacity 200ms linear;
         z-index: -100;
         border-radius: 30px
         }
         .step-btn:hover::before,
         .step-btn:hover::after {
         opacity: 0.5;
         transform-origin: center center;
         animation: jitter 120ms linear 7 alternate;
         z-index: -100
         }
         .step-btn:hover::after {
         animation: jitter 120ms 60ms linear 7 alternate
         }
         .next-btn {
         color: #fff;
         width: 66%;
         margin: 0 auto
         }
         .yes-btn {
         background-color: #fff;
         color: #000
         }
         .yes-btn::before,
         .yes-btn::after {
         background-color: #fc0650
         }
         @keyframes jitter {
         0% {
         transform: translate(4px, 3px) rotate(-1deg);
         }
         100% {
         transform: translate(-4px, -3px) rotate(1deg);
         }
         }
         .step-number {
         color: #b8b8b8;
         padding-top: 1.5rem;
         font-weight: 700
         }
         @media (max-width:960px) {
         html {
         font-size: 55%
         }
         .step-btn {
         font-size: 18px
         }
         .step-block.first-step::before {
         top: 20px;
         left: 10px;
         height: 60px;
         width: 80px
         }
         .step-title h2 {
         font-size: 6rem
         }
         }
         @media (max-width:600px),
         (max-height:600px) {
         html {
         font-size: 50%
         }
         }
         @media (min-width:1240px) {
         .step-item {
         margin-top: 30rem
         }
         }