@import "https://fonts.googleapis.com/css?family=Roboto:400,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:focus{outline:0}img{border:none;display:block}ol,ul{list-style:none}iframe{border:none !important;width:0 !important;height:0 !important;display:none}a{text-decoration:none;cursor:pointer !important}html{font-size:62.5%;-webkit-text-size-adjust:none}body{font-family:"Roboto", Arial, sans-serif;color:#fff;line-height:1.2;font-size:1.8rem;background:#000;min-height:460px}html,body{height:100%}.wrapper{height:100%;overflow-x:hidden}.hidden-svg-photo{display:none}.step-block{display:flex;justify-content:flex-start;align-items:stretch;height:100%;min-height:540px;width:100%;margin:0 auto;overflow:hidden}.step-inner{display:flex;justify-content:flex-start;align-items:stretch;position:relative;height:100%;width:100%}.step-item{z-index:5;position:absolute;top:0;left:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;height:100%;flex-shrink:0;text-align:center;padding:2.2rem 0 3rem;overflow:hidden}.step-item.is-active{left:0}.step-item.is-active[data-direction="forward"]{animation:forward linear both}.step-item.forward{margin-left:-100%;left:0}.step-item.is-active[data-direction="backward"]{animation:backward linear both}.step-item.backward{margin-left:100%;left:0}.step-item p{font-size:2.7rem;line-height:1.3;margin:1.4rem 0}.is-active .step-title{transform:scale(1)}.step-title{font-weight:900;font-size:2.7rem;padding:0 3.6rem;position:relative;z-index:1;transform:scale(0);transition:1s cubic-bezier(0.39, 0, 0.17, 0.99)}.buttons-block{display:flex;align-items:center;justify-content:center;position:relative;animation:1s linear 0s infinite rotate}.step-btn{font-size:1.6rem;text-transform:uppercase;transition:0.25s cubic-bezier(0.39, 0, 0.17, 0.99);cursor:pointer}.arrow-btn{width:3.7rem;height:5.3rem;background:url(arrow.svg) no-repeat 0 0 / cover;margin:0 2rem}.step-item.final-step{padding:2.2rem 2rem 3rem}.step-item.final-step{justify-content:center}.final-step .step-title{color:#fd6f00;margin-bottom:1.4rem}.step-btn.submit-btn{font-weight:900;font-size:2.2rem;background:url(submit-bg.svg) no-repeat 0 0 / cover;padding:2.12rem 2rem;text-transform:uppercase;width:17.4rem;margin:2rem auto 0;color:#fff}.step-btn.submit-btn:hover{background:url(submit-bg.svg) no-repeat 0 0 / cover;opacity:0.9}.svg{fill:none;transition:1s cubic-bezier(0.39, 0, 0.17, 0.99);width:0;height:0;transform:scale(1);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:640px}.step-item:first-child .is-active .svg{animation:none}.is-active .svg{transform:scale(1.2);width:100%;height:100%}.path-1{transform-origin:center;animation:4s linear 0s infinite scale}.path-2{transform-origin:center;animation:3s linear 0s infinite scale}.path-3{transform-origin:center;animation:3.5s linear 0.4s infinite scale}.path-4,.path-5{transform-origin:center;animation:3.5s linear 0s infinite scale-main}.path-1{stroke-opacity:0.25;stroke-width:2}.path-2{stroke-opacity:0.5;stroke-width:2}.path-3{stroke-opacity:0.75;stroke-width:2}.path-4{stroke-width:13}.step-2 .path-4{stroke-width:28px}.svg-1 .path-1,.svg-1 .path-2,.svg-1 .path-3,.svg-1 .path-4{stroke:#41beb7}.svg-1 .path-4,.svg-1 .path-6,.svg-1 .path-7,.svg-1 .path-8{fill:#41beb7}.svg-2 .path-1,.svg-2 .path-2,.svg-2 .path-3,.svg-2 .path-4{stroke:#ff4d9c}.svg-2 .path-4,.svg-2 .path-6,.svg-2 .path-7,.svg-2 .path-8{fill:#ff4d9c}.svg-3 .path-1,.svg-3 .path-2,.svg-3 .path-3,.svg-3 .path-4{stroke:#6842ff}.svg-3 .path-4,.svg-3 .path-6,.svg-3 .path-7,.svg-3 .path-8{fill:#6842ff}.svg-4 .path-1,.svg-4 .path-2,.svg-4 .path-3,.svg-4 .path-4{stroke:#ff2c62}.svg-4 .path-4,.svg-4 .path-6,.svg-4 .path-7,.svg-4 .path-8{fill:#ff2c62}.svg-5 .path-1,.svg-5 .path-2,.svg-5 .path-3,.svg-5 .path-4{stroke:#ffa07d}.svg-5 .path-4,.svg-5 .path-6,.svg-5 .path-7,.svg-5 .path-8{fill:#ffa07d}.svg-6 .path-1,.svg-6 .path-2,.svg-6 .path-3,.svg-6 .path-4{stroke:#2cb3ff}.svg-6 .path-4,.svg-6 .path-6,.svg-6 .path-7,.svg-6 .path-8{fill:#2cb3ff}.svg-7 .path-1,.svg-7 .path-2,.svg-7 .path-3,.svg-7 .path-4{stroke:#e3de5c}.svg-7 .path-4,.svg-7 .path-6,.svg-7 .path-7,.svg-7 .path-8{fill:#e3de5c}.svg-8 .path-1,.svg-8 .path-2,.svg-8 .path-3,.svg-8 .path-4{stroke:#7ad84e}.svg-8 .path-4,.svg-8 .path-6,.svg-8 .path-7,.svg-8 .path-8{fill:#7ad84e}.svg-9 .path-1,.svg-9 .path-2,.svg-9 .path-3,.svg-9 .path-4{stroke:#f64848}.svg-9 .path-4,.svg-9 .path-6,.svg-9 .path-7,.svg-9 .path-8{fill:#f64848}@keyframes scale {0%{transform:scale(1);}15%{transform:scale(1.1);}30%{transform:scale(0.9);}75%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes rotate {0%{transform:rotate(-2deg);}50%{transform:rotate(5deg);}100%{transform:rotate(-2deg);}}@keyframes scale-main {0%{transform:scale(1);}15%{transform:scale(1.05);}30%{transform:scale(1.1);}40%{transform:scale(1.15);}50%{transform:scale(1.1);}60%{transform:scale(1.05);}70%{transform:scale(1.15);}80%{transform:scale(1.1);}90%{transform:scale(1.05);}100%{transform:scale(1);}}@media screen and (min-width: 1200px) and (orientation: landscape){html{font-size:90%}.svg{transition:0.25s cubic-bezier(0.39, 0, 0.17, 0.99)}.buttons-block{animation:none}.step-block{transition:0.3s ease-in}.step-btn{background:#fd6f00;padding:14px 80px;margin:0 20px;cursor:pointer}.arrow-btn{display:none}.step-item{pointer-events:auto}.step-btn:hover{background:#ff8220}}