* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    -webkit-appearance: none;
}
body {
    font: 400 20px/1.2 'Poppins', sans-serif;
}
a,
button {
    cursor: pointer;
    background: none;
}
a {
    color: #FFB800;
    text-decoration: underline;
}
button,
input[type="submit"] {
    cursor: pointer;
}
a:hover {
    text-decoration: none;
}
strong {
    font-weight: 900;
}
.wrapper {
    background: #400090 url(../images/bg.jpg) 50% 0 no-repeat;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
}
@media (min-width: 768.2px) and (max-width: 1280px) {
    .wrapper {
        background-image: url(../images/bg-sm.jpg);
    }
}
@media (max-width: 768px) {
    .wrapper {
        background-image: url(../images/bg-xs.jpg);
        background-size: 100% auto;
    }
}
@media (max-width: 375px) {
    .wrapper {
        background-image: url(../images/bg-xxs.png);
    }
}
.wrapper>.wrapper-inner {
    margin: 0 0 auto;
}
.main {
    box-sizing: border-box;
    padding: 0 100px;
    margin: 0 auto;
    max-width: 1500px;
}
.section-intro {
    text-align: center;
    color: #fff;
}
.section-intro:before {
    display: block;
    content: '';
    position: absolute;
    width: 1186px;
    height: 1786px;
    left: 50%;
    transform: translate(-50%, 0);
    top: 300px;
    background: url(../images/intro/bg-panel.png) 50% 0 no-repeat;
    border-radius: 92px;
    z-index: 0;
}
.section-intro .fireworks-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
}
.section-intro .fireworks-container canvas {
    transform: translate3d(0, 0, 0);
    -webkit-filter: blur(1px);
    filter: blur(1px);
}
.section-intro .main {
    z-index: 1;
    position: relative;
}
.section-intro .logo {
    display: block;
    width: 865px;
    height: 684px;
    margin: 0px auto -170px;
    position: relative;
    z-index: 1;
}
.section-intro .logo .logo-pic {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/logo-adv.png) 0 0 no-repeat;
    background-size: contain;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .section-intro .logo .logo-pic {
        background: url(../images/logo-adv@2x.png) 0 0 no-repeat;
        background-size: contain;
    }
}
.section-intro .logo .logo-pic:before {
    display: block;
    content: '';
    background: url(../images/sparkle.png);
    width: 100px;
    height: 100px;
    position: absolute;
    background-size: contain;
    -webkit-animation: twinkle 2s linear infinite both;
    animation: twinkle 2s linear infinite both;
    z-index: 1;
    top: 41px;
    left: 50%;
    margin-left: -160px;
    animation-delay: 0.2s;
}
.section-intro .logo:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -120px;
    width: 362px;
    height: 362px;
    background: radial-gradient(50% 50% at 50% 50%, #5200FF 17.71%, rgba(82, 0, 255, 0) 100%);
    z-index: -1;
    -webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
    animation: pulsate-fwd 2s ease-in-out infinite both;
}
.section-intro .logo:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    height: 366px;
    background: radial-gradient(50% 50% at 50% 50%, #FF00B8 0%, rgba(244, 0, 234, 0) 100%);
    z-index: -1;
    -webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
    animation: pulsate-fwd 2s ease-in-out infinite both;
}
@-webkit-keyframes pulsate-fwd {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.8
    }
    100% {
        opacity: 1;
    }
}
@keyframes pulsate-fwd {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.8
    }
    100% {
        opacity: 1;
    }
}
.section-intro .title {
    font-weight: 900;
    font-size: 50px;
    line-height: 130%;
    letter-spacing: 0.01em;
    text-shadow: 0px 0px 17px #2699FF, 0px 4px 115px #35018D;
    max-width: 1030px;
    margin: 0 auto 27px;
    position: relative;
    z-index: 1;
}
@-webkit-keyframes pulsate {
    100% {
        /* Larger blur radius */
        text-shadow: 0px 0px 17px #2699FF, 0px 4px 115px #35018D
    }
    0% {
        /* Smaller blur radius */
        text-shadow: 0px 0px 7px #2699FF, 0px 4px 15px #35018D
    }
}
@keyframes pulsate {
    100% {
        /* Larger blur radius */
        text-shadow: 0px 0px 17px #2699FF, 0px 4px 115px #35018D
    }
    0% {
        /* Smaller blur radius */
        text-shadow: 0px 0px 7px #2699FF, 0px 4px 15px #35018D
    }
}
@-webkit-keyframes flicker {
    0%,
    18%,
    22%,
    25%,
    53%,
    57%,
    100% {
        text-shadow: 0px 0px 17px #2699FF, 0px 4px 115px #35018D;
    }
    20%,
    24%,
    55% {
        text-shadow: none;
    }
}
@keyframes flicker {
    0%,
    18%,
    22%,
    25%,
    53%,
    57%,
    100% {
        text-shadow: 0px 0px 17px #2699FF, 0px 4px 115px #35018D;
    }
    20%,
    24%,
    55% {
        text-shadow: none;
    }
}
.section-intro .text {
    font-weight: 500;
    font-size: 20px;
    line-height: 128.69%;
    max-width: 840px;
    margin: 0 auto 30px;
}
.section-intro .text p {
    margin: 0 0 26px;
}
.section-intro .row-btn {
    padding: 21px 0 87px;
}
.section-intro .scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
@media (max-width: 1440px) {
    .section-intro:before {
        top: 125px;
        width: 100%;
    }
    .section-intro .logo {
        width: 605px;
        height: 478px;
        margin: 5px auto -126px;
    }
    .section-intro .logo .logo-pic:before {
        width: 60px;
        height: 60px;
        top: 34px;
        margin-left: -107px;
    }
    .section-intro .title {
        font-size: 42px;
        max-width: 845px;
        margin-bottom: 20px;
    }
    .section-intro .text {
        font-size: 16px;
        max-width: 680px;
    }
    .section-intro .text p {
        margin-bottom: 28px;
    }
    .section-intro .row-btn {
        padding: 21px 0 47px;
    }
}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {
    .section-intro .logo {
        width: 100%;
        height: 614px;
        margin: 1px auto -150px;
    }
    .section-intro .logo .logo-pic {
        background-position: 50% 0;
        background-size: initial;
    }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .section-intro .logo .logo-pic {
            background-image: url(../images/logo-adv-xs@2x.png);
        }
    }
    .section-intro .logo .logo-pic:before {
        width: 60px;
        height: 60px;
        top: 60px;
        margin-left: -140px;
    }
    .section-intro .title {
        font-size: 34px;
        max-width: 715px;
    }
    .section-intro .text {
        font-size: 18px;
        max-width: 715px;
    }
    .section-intro .main {
        padding: 0 20px;
    }
    .section-intro .text p {
        margin-bottom: 22px;
    }
    .section-intro .row-btn {
        padding: 60px 0 145px;
    }
}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    .section-intro {
        text-align: left;
    }
    .section-intro .main {
        padding: 0 25px;
    }
    .section-intro .logo {
        width: 375px;
        height: 407px;
        margin: 0 auto -185px;
    }
    .section-intro .logo .logo-pic {
        background-image: url(../images/logo-adv-xs.png);
        background-size: auto 100%;
    }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .section-intro .logo .logo-pic {
            background-image: url(../images/logo-adv-xs@2x.png);
        }
    }
    .section-intro .logo .logo-pic:before {
        width: 30px;
        height: 30px;
        top: 33px;
        margin-left: -60px;
    }
    .section-intro .title {
        font-size: 26px;
        margin-bottom: 11px;
    }
    .section-intro .text {
        font-size: 17px;
        line-height: 132%;
    }
    .section-intro .text p {}
    .section-intro .row-btn {
        padding: 13px 0 0;
        text-align: center;
    }
    .section-intro .decor {
        display: none;
    }
}
@media (max-width: 425px) {
    .section-intro .logo {
        width: 100%;
    }
}
.decor {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    background-size: contain;
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.decor.sparkle:after {
    display: block;
    content: '';
    background: url(../images/sparkle.png);
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: contain;
    -webkit-animation: twinkle 3s linear infinite both;
    animation: twinkle 3s linear infinite both;
    z-index: 1;
}
@-webkit-keyframes twinkle {
    0% {
        transform: scale(1, 1) rotateZ(45deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        transform: scale(0.8, 0.8) rotateZ(135deg);
        opacity: 1;
    }
    90% {
        opacity: 0;
        transform: scale(1, 1) rotateZ(180deg);
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) rotateZ(45deg);
    }
}
@keyframes twinkle {
    0% {
        transform: scale(1, 1) rotateZ(45deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        transform: scale(0.8, 0.8) rotateZ(135deg);
        opacity: 1;
    }
    90% {
        opacity: 0;
        transform: scale(1, 1) rotateZ(180deg);
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) rotateZ(45deg);
    }
}
.decor-1 {
    /* background-image: url(../images/intro/d-1.png);
    width: 91px;
    height: 81px;
    margin: 72px 0 0 -155px; */
}
.decor-2 {
    background-image: url(../images/intro/d-2.png);
    width: 164px;
    height: 155px;
    margin: 73px 0 0 -375px;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.decor-2.sparkle:after {
    top: 74px;
    left: 25px;
}
.decor-3 {
    background-image: url(../images/intro/d-3.png);
    width: 227px;
    height: 223px;
    margin: 28px 0 0 241px;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.decor-3.sparkle:after {
    top: 30px;
    left: 106px;
    width: 50px;
    height: 50px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.decor-4 {
    background-image: url(../images/intro/d-4.png);
    width: 99px;
    height: 98px;
    margin: 364px 0 0 268px;
}
.decor-5 {
    background-image: url(../images/intro/d-5.png);
    width: 64px;
    height: 68px;
    margin: 422px 0 0 -294px;
}
.decor-6 {
    background-image: url(../images/intro/d-6.png);
    width: 119px;
    height: 104px;
    margin: 857px 0 0 -436px;
}
.decor-6.sparkle:after {
    top: 13px;
    left: 53px;
    width: 50px;
    height: 50px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.decor-7 {
    background-image: url(../images/intro/d-7.png);
    width: 119px;
    height: 113px;
    margin: 930px 0 0 538px;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.decor-7.sparkle:after {
    top: 8px;
    left: 39px;
    width: 60px;
    height: 60px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.decor-8 {
    background-image: url(../images/features/d-8.png);
    width: 232px;
    height: 224px;
    margin: -7px 0 0 538px;
}
.decor-8.sparkle:after {
    top: 43px;
    left: 125px;
    width: 80px;
    height: 80px;
}
.decor-9 {
    background-image: url(../images/features/d-9.png);
    width: 115px;
    height: 112px;
    margin: 638px 0 0 -796px;
}
.decor-10 {
    background-image: url(../images/features/d-10.png);
    width: 299px;
    height: 297px;
    margin: 725px 0 0 -806px;
}
.decor-11 {
    background-image: url(../images/instructions/d-11.png);
    width: 178px;
    height: 178px;
    margin: 58px 0 0 443px;
}
.decor-11.sparkle:after {
    top: -12px;
    left: 37px;
    width: 100px;
    height: 100px;
}
.decor-12 {
    background-image: url(../images/instructions/d-12.png);
    width: 64px;
    height: 65px;
    margin: 172px 0 0 668px;
}
.decor-13 {
    background-image: url(../images/instructions/d-13.png);
    width: 90px;
    height: 93px;
    margin: 560px 0 0 551px;
}
.decor-14 {
    background-image: url(../images/instructions/d-14.png);
    width: 299px;
    height: 282px;
    margin: 685px 0 0 437px;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.decor-14.sparkle:after {
    top: 129px;
    left: 35px;
    width: 100px;
    height: 100px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.decor-15 {
    background-image: url(../images/instructions/d-15.png);
    width: 93px;
    height: 90px;
    margin: 808px 0 0 -711px;
}
.decor-16 {
    background-image: url(../images/instructions/d-16.png);
    width: 190px;
    height: 194px;
    margin: 898px 0 0 -668px;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.decor-16.sparkle:after {
    top: 75px;
    left: 28px;
    width: 100px;
    height: 100px;
}
.decor-17 {
    background-image: url(../images/instructions/d-17.png);
    width: 86px;
    height: 85px;
    margin: 1239px 0 0 594px;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.decor-17.sparkle:after {
    top: 22px;
    left: 33px;
    width: 50px;
    height: 50px;
}
.decor-18 {
    background-image: url(../images/instructions/d-18.png);
    width: 87px;
    height: 77px;
    margin: 1365px 0 0 -577px;
}
@media (max-width: 1440px) {
    .decor-2 {
        width: 140px;
        height: 157px;
        margin: 18px 0 0 -306px;
    }
    .decor-2.sparkle:after {
        top: 64px;
        left: 20px;
    }
    .decor-3 {
        width: 165px;
        height: 167px;
        margin: 1px 0 0 108px;
    }
    .decor-3.sparkle:after {
        top: 15px;
        left: 71px;
    }
    .decor-4 {
        width: 99px;
        height: 98px;
        margin: 259px 0 0 158px;
    }
    .decor-5 {
        width: 64px;
        height: 68px;
        margin: 273px 0 0 -245px;
    }
    .decor-6 {
        width: 119px;
        height: 104px;
        margin: 594px 0 0 -416px;
    }
    .decor-6.sparkle:after {
        top: 13px;
        left: 53px;
    }
    .decor-7 {
        width: 119px;
        height: 113px;
        margin: 619px 0 0 340px;
    }
    .decor-7.sparkle:after {
        top: 7px;
        left: 39px;
    }
    .decor-8 {
        width: 192px;
        height: 224px;
        margin: -75px 0 0 362px;
    }
    .decor-8.sparkle:after {
        top: 24px;
        left: 100px;
    }
    .decor-9 {
        width: 90px;
        height: 100px;
        margin: 574px 0 0 -610px;
    }
    .decor-10 {
        width: 234px;
        height: 259px;
        margin: 641px 0 0 -618px;
    }
    .decor-11 {
        width: 138px;
        height: 141px;
        margin: 17px 0 0 341px;
    }
    .decor-11.sparkle:after {
        top: -20px;
        left: 18px;
        width: 100px;
        height: 100px;
    }
    .decor-12 {
        width: 61px;
        height: 61px;
        margin: 162px 0 0 512px;
    }
    .decor-13 {
        width: 80px;
        height: 83px;
        margin: 565px 0 0 470px;
    }
    .decor-14 {
        width: 255px;
        height: 262px;
        margin: 636px 0 0 375px;
    }
    .decor-14.sparkle:after {
        top: 105px;
        left: 21px;
        width: 100px;
        height: 100px;
    }
    .decor-15 {
        width: 80px;
        height: 77px;
        margin: 729px 0 0 -601px;
    }
    .decor-16 {
        width: 160px;
        height: 196px;
        margin: 800px 0 0 -568px;
    }
    .decor-16.sparkle:after {
        top: 55px;
        left: 17px;
        width: 100px;
        height: 100px;
    }
    .decor-17 {
        width: 86px;
        height: 85px;
        margin: 1229px 0 0 392px;
    }
    .decor-17.sparkle:after {
        top: 22px;
        left: 33px;
        width: 50px;
        height: 50px;
    }
    .decor-18 {
        width: 87px;
        height: 77px;
        margin: 1177px 0 0 -516px;
    }
}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {
    .decor-2 {
        width: 127px;
        height: 154px;
        margin: 74px 0 0 -286px;
    }
    .decor-2.sparkle:after {
        top: 54px;
        left: 15px;
    }
    .decor-3 {
        width: 155px;
        height: 167px;
        margin: 27px 0 0 145px;
    }
    .decor-3.sparkle:after {
        top: 13px;
        left: 65px;
    }
    .decor-4 {
        width: 99px;
        height: 98px;
        margin: 323px 0 0 212px;
    }
    .decor-5 {
        width: 64px;
        height: 68px;
        margin: 355px 0 0 -272px;
    }
    .decor-6 {
        width: 119px;
        height: 104px;
        margin: 844px 0 0 -322px;
    }
    .decor-6.sparkle:after {
        top: 13px;
        left: 53px;
    }
    .decor-7 {
        width: 95px;
        height: 100px;
        margin: 856px 0 0 240px;
    }
    .decor-7.sparkle:after {
        top: 1px;
        left: 24px;
    }
    .decor-8 {
        width: 183px;
        height: 179px;
        margin: -100px 0 0 112px;
    }
    .decor-8.sparkle:after {
        top: 24px;
        left: 90px;
    }
    .decor-9 {
        width: 69px;
        height: 69px;
        margin: 626px 0 0 -212px;
    }
    .decor-10 {
        width: 177px;
        height: 192px;
        margin: 629px 0 0 -355px;
    }
    .decor-11 {
        width: 122px;
        height: 129px;
        margin: 4px 0 0 142px;
    }
    .decor-11.sparkle:after {
        top: -13px;
        left: 20px;
        width: 80px;
        height: 80px;
    }
    .decor-12 {
        width: 41px;
        height: 43px;
        margin: 80px 0 0 289px;
    }
    .decor-13 {
        width: 80px;
        height: 83px;
        margin: 1230px 0 0 -113px;
    }
    .decor-14 {
        width: 235px;
        height: 242px;
        margin: 1184px 0 0 -328px;
    }
    .decor-14.sparkle:after {
        top: 90px;
        left: 15px;
        width: 100px;
        height: 100px;
    }
    .decor-15 {
        display: none;
    }
    .decor-16 {
        display: none;
    }
    .decor-17 {
        width: 86px;
        height: 85px;
        margin: 1305px 0 0px 237px;
    }
    .decor-18 {
        display: none;
    }
}
@media (max-width: 768px) {}
@media (max-width: 576px) {}
.btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    background: #ffac00 url(../images/btn-xxl.png) 50% 0 no-repeat;
    width: 321px;
    height: 79px;
    color: #140C61;
    font-size: 28px;
    line-height: 79px;
    box-shadow: 0px 10px 17px rgba(5, 3, 23, 0.4);
    border-radius: 13px;
    position: relative;
}
.btn:before,
.btn:after {
    display: block;
    content: '';
    background: url(../images/sparkle.png);
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: contain;
    -webkit-animation: twinkle 2s linear infinite both;
    animation: twinkle 2s linear infinite both;
    z-index: 1;
}
.btn:before {
    top: 0;
    left: 50%;
    margin: -20px 0 0 40px;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.btn:after {
    width: 60px;
    height: 60px;
    bottom: 0;
    left: 50%;
    margin: 0 0 -30px -60px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.btn:hover {
    box-shadow: 0px 10px 17px rgba(5, 3, 23, 0.5);
}
@media (max-width: 1440px) {
    .btn {
        background-image: url(../images/btn-xl.png);
        width: 265px;
        height: 65px;
        line-height: 64px;
        font-size: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {
    .btn {
        background-image: url(../images/btn-sm.png);
        width: 297px;
        height: 73px;
        line-height: 73px;
        font-size: 24px;
        border-radius: 20px;
    }
}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    .btn {
        background-image: url(../images/btn-xxs.png);
        width: 321px;
        height: 56px;
        line-height: 56px;
        font-size: 17px;
        border-radius: 16px;
    }
}
@media (max-width: 390px) {
    .btn {
        background-size: cover;
        width: 100%;
    }
}
.footer {
    background-color: #020629;
    padding: 50px 0;
}
.footer .main {
    max-width: 1660px;
}
.footer .footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer .copy {
    font-size: 20px;
    line-height: 126.69%;
    letter-spacing: 0.01em;
    color: #fff;
    opacity: 0.5;
}
.footer .copy br {
    display: none;
}
.footer .footer-menu {
    color: #fff;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 500px;
}
.footer .footer-menu li {
    margin: 5px 0;
}
.footer .footer-menu li:nth-child(odd) {
    width: 185px;
}
.footer .footer-menu li:nth-child(even) {
    width: 290px;
}
.footer .footer-menu li a {
    color: inherit;
    opacity: 0.5;
    text-decoration: none;
}
.list-social {
    display: flex;
    align-items: center;
    margin: 0 17px;
}
.list-social .item {}
.list-social .item-link {
    width: 38px;
    height: 38px;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
    opacity: 0.5;
    margin: 0 17px;
}
.list-social .item-link-fb {
    background-image: url(../images/footer/fb.svg);
}
.list-social .item-link-tw {
    background-image: url(../images/footer/tw.svg);
}
.list-social .item-link-in {
    background-image: url(../images/footer/in.svg);
}
@media (max-width: 1440px) {
    .footer {
        font-size: 16px;
    }
    .footer .copy {
        font-size: 16px;
    }
    .footer .footer-menu li:nth-child(odd) {
        width: 155px;
    }
    .footer .footer-menu {
        width: 460px;
    }
}
@media (max-width: 1240px) {
    .footer .footer-inner {
        flex-wrap: wrap;
    }
    .footer .copy {
        order: 2;
    }
    .footer .footer-menu {
        order: 3;
    }
    .footer .list-social {
        order: 1;
        width: 100%;
        justify-content: center;
        margin: 0 0 47px;
    }
}
@media (max-width: 1024px) {
    .footer {
        padding: 75px 0;
    }
    .footer .footer-menu {
        width: 100%;
        order: 2;
        margin: 0 0 40px;
        text-align: center;
    }
    .footer .footer-menu li {
        margin: 5px 0 9px;
    }
    .footer .copy {
        order: 3;
        width: 100%;
        text-align: center;
    }
    .footer .footer-menu li:nth-child(odd) {
        width: 50%;
    }
    .footer .footer-menu li:nth-child(even) {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .footer .main {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .footer .footer-menu li:nth-child(odd) {
        width: 100%;
    }
    .footer .footer-menu li:nth-child(even) {
        width: 100%;
    }
}
@media (max-width: 420px) {
    .footer .copy br {
        display: inline;
    }
}
.section-features {
    text-align: center;
    color: #fff;
    padding: 86px 0 175px;
    position: relative;
}
.section-features:before {
    display: block;
    content: '';
    background: url(../images/divider.png) 50% 0 repeat-x;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
}
.section-features .main {}
.section-features .intro {
    font-size: 32px;
    line-height: 128.69%;
    margin: 0 0 51px;
}
.section-features .features {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}
.section-features .item {
    width: 240px;
    background: #310098;
    box-shadow: 0px 0px 31px rgba(222, 18, 171, 0.9), 0px 0px 30px rgba(255, 223, 242, 0.78), inset 0px 0px 2px #FF00C6;
    border-radius: 15px;
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    box-sizing: border-box;
    padding: 18px 25px 37px;
}
.section-features .item:nth-child(2),
.section-features .item:nth-child(4) {
    top: 45px;
}
.section-features .item:nth-child(3) {
    top: 80px;
}
.section-features .item-pic {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
    justify-content: center;
    height: 208px;
}
.section-features .item-pic img {
    -webkit-animation: glow 0.2s ease-in-out infinite alternate;
    animation: glow 0.2s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.8;
    }
}
@keyframes glow {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.8;
    }
}
.section-features .item-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 135%;
}
@media (max-width: 1440px) {
    .section-features {
        padding: 72px 0 168px;
    }
    .section-features .intro {
        font-size: 24px;
        margin: 0 0 46px;
    }
    .section-features .item {
        width: 188px;
        padding: 18px 12px 30px;
    }
    .section-features .item:nth-child(2),
    .section-features .item:nth-child(4) {
        top: 34px;
    }
    .section-features .item:nth-child(3) {
        top: 63px;
    }
    .section-features .item-text {
        font-size: 16px;
    }
    .section-features .item-pic {
        height: 170px;
    }
    .section-features .item-pic img {
        max-width: 125px;
        max-height: 125px;
    }
}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {
    .section-features {
        padding: 85px 0 45px;
    }
    .section-features .main {
        padding: 0 20px;
    }
    .section-features .intro {
        margin: 0 0 20px;
    }
    .section-features .features .item {
        top: 0;
        margin-left: 5px;
        margin-right: 5px;
        min-height: 380px;
    }
    .features.slick-initialized {
        display: block;
        padding: 0 40px;
    }
    .section-features .item {}
    .section-features .slick-list {
        padding: 40px 0;
        overflow: initial;
    }
    .section-features .item:not(.slick-active) {
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }
}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    .section-features {}
    .section-features .decor {
        display: none;
    }
    .section-features:before {
        display: none;
    }
    .section-features .intro {
        font-size: 19px;
        margin: 0 0 13px;
        line-height: 130%;
    }
    .section-features .features .item {
        min-height: 355px;
    }
    .section-features .slick-arrow {
        top: 40%;
        background-size: contain;
        width: 57px;
        height: 70px;
    }
    .section-features .features.slick-slider .slick-list {
        padding-bottom: 25px;
    }
    .section-features .slick-dots {
        margin: 0 -20px;
        width: auto;
    }
}
.section-instructions {
    color: #fff;
    padding: 226px 0 17px;
    position: relative;
}
.section-instructions:before {
    display: block;
    content: '';
    background: url(../images/divider.png) 50% 0 repeat-x;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
}
.section-instructions .main {
    max-width: 1480px;
    padding: 0 50px;
}
.section-instructions .section-title {
    font-weight: 900;
    font-size: 46px;
    line-height: 126.69%;
    text-align: center;
    letter-spacing: 0.01em;
    text-shadow: 0px 0px 17px #2699FF;
    margin: 0 0 36px;
}
.tabs {}
@media (min-width: 576.2px) {
    .tabs .tabs-nav-bottom {
        display: none;
    }
}
@media (min-width: 1024.2px) {
    .tabs .tabs-nav.tabs-nav-bottom {
        display: none;
    }
    .tabs .tabs-nav {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        border-bottom: 2px solid #7B80B8;
    }
    .tabs .tabs-nav-link {
        display: block;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 24px;
        line-height: 128.69%;
        padding: 19px 40px 15px;
        border: 2px solid transparent;
        text-decoration: none;
        color: #fff;
        position: relative;
        bottom: -2px;
        min-width: 180px;
        text-align: center;
    }
    .tabs .tabs-nav-link.active {
        background: #550D8F;
        border: 2px solid #7B80B8;
        box-shadow: 0px 0px 26px #F018D4;
        border-radius: 20px 20px 0px 0px;
    }
}
@media (max-width: 1440px) {
    .tabs .tabs-nav-link {
        font-size: 18px;
        min-width: 0;
        padding: 17px 30px 23px;
    }
}
@media (max-width: 1024px) {
    .tabs .tabs-nav {
        border: 2px solid #686B91;
        box-sizing: border-box;
        box-shadow: 0px 0px 26px #F018D4;
        border-radius: 4px 4px 0px 0px;
        max-width: 490px;
        margin: 0 auto;
    }
    .tabs .tabs-nav:after {
        display: block;
        content: '';
        position: absolute;
        top: 100%;
        left: -60px;
        right: -60px;
        margin: 8px 0 0;
        border-bottom: 2px solid #686B91;
    }
    .tabs .tabs-nav-link {
        background: #542679;
        font-weight: bold;
        font-size: 22px;
        line-height: 128.69%;
        text-align: center;
        color: #fff;
        text-shadow: 0px 0px 26px #F018D4;
        text-decoration: none;
        padding: 12px 30px 12px;
    }
    .tabs .slick-arrow {
        background: #542679 url(../images/arr-simle-left.svg) 50% 50% no-repeat;
        background-size: 9px 18px;
        width: 49px;
        height: 54px;
    }
    .tabs .slick-prev {
        left: -60px;
        border-radius: 20px 4px 0 0;
    }
    .tabs .slick-next {
        background-image: url(../images/arr-simle-right.svg);
        border-radius: 4px 20px 0px 0px;
        right: -60px;
        transform: translate(0, -50%);
    }
}
@media (max-width: 576px) {
    .tabs .tabs-nav {
        margin: 0 60px;
    }
    .tabs .tabs-nav:after {
        display: none;
    }
    .tabs .tabs-nav-link {
        font-size: 20px;
        padding: 12px 10px 12px;
    }
    .tabs .tabs-nav-bottom .slick-prev {
        border-radius: 0 0 4px 20px;
    }
    .tabs .tabs-nav-bottom .slick-next {
        border-radius: 0 4px 20px 0;
    }
}
.section-instructions .tabs-container {
    min-height: 1115px;
}
.section-instructions .tab {
    padding: 80px 0;
    display: none;
}
.section-instructions .tab.active {
    display: block;
}
.section-instructions .tab-1 {}
.section-instructions .stepline {}
.section-instructions .stepline-1 {}
.section-instructions .step {
    margin: 0 auto -20px;
}
.section-instructions .step-1 {
    margin-left: 95px;
}
.section-instructions .step-number {}
.section-instructions .step-2 {
    margin-left: 340px;
}
.section-instructions .step-3 {
    margin-left: 95px;
}
.section-instructions .step-2 .step-inner {
    padding: 40px 150px 40px 393px;
}
.stepline-3 .step-2 .step-inner {
    padding-left: 440px;
}
.section-instructions .stepline-2 {}
.section-instructions .stepline-3 {}
.section-instructions .stepline-4 {}
.section-instructions .stepline-5 {}
@media (max-width: 1440px) {
    .section-instructions {
        padding: 150px 0 17px;
    }
    .section-instructions .section-title {
        font-size: 42px;
        margin-bottom: 29px;
    }
    .section-instructions .main {
        max-width: 1080px;
    }
    .section-instructions .tabs-container {
        min-height: 1020px;
    }
}
@media (max-width: 1024px) {
    .section-instructions {
        padding: 130px 0 20px;
    }
    .section-instructions .section-title {
        font-size: 34px;
        margin-bottom: 33px;
    }
    .section-instructions .tabs-container {
        min-height: 1155px;
    }
}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    .section-instructions {
        padding: 20px 0 60px;
    }
    .section-instructions:before {
        display: none;
    }
    .section-instructions .section-title {
        font-size: 26px;
        letter-spacing: 0.01em;
        margin-bottom: 26px;
    }
    .section-instructions .decor {
        display: none;
    }
    .section-instructions .main {
        padding: 0 15px;
    }
    .section-instructions .tabs-container {
        min-height: 0;
    }
    .section-instructions .tab {
        padding: 53px 0;
    }
}
.stepline {}
.stepline .step {
    width: 940px;
    height: 338px;
    position: relative;
}
.stepline .step:before {
    display: block;
    content: '';
    background: url(../images/instructions/border.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    transition: opacity 0.2s ease-in-out;
    z-index: -1;
}
.stepline .step:hover:before {
    opacity: 1;
}
.stepline .step-inner {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 40px 388px 40px 166px;
    box-sizing: border-box;
}
.stepline .step-number {
    font-weight: 900;
    font-size: 52px;
    line-height: 126.69%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin-right: 23px;
}
.stepline .step-level {
    display: block;
    position: relative;
    padding-left: 49px;
    padding-top: 10px;
}
.stepline .step-level::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 14px;
    background: url(../images/instructions/ic-arrow.svg) no-repeat center/contain;
    width: 21px;
    height: 19px;
}
.stepline .step-level-3 {
    margin-left: 59px;
}
.stepline .step-1 .step-text {}
.stepline .step-2 .step-text {}
.stepline .step-3 .step-text {}
.stepline .step-pic {
    display: block;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-position: 0 0;
    transform: translate(0, -50%);
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}
.stepline .step-1 .step-pic {
    right: 0;
}
.stepline .step-2 .step-pic {
    left: 0;
}
.stepline .step-3 .step-pic {
    right: 0;
}
.stepline-tv .step .step-pic {
    width: 462px;
    height: 280px;
}
.stepline-1 .step-1 .step-pic {
    background-image: url(../images/instructions/1/1.png);
    margin: 0 -215px 0 0;
}
.stepline-1 .step-2 .step-pic {
    background-image: url(../images/instructions/1/2.png);
    margin: 6px 0 0 -209px;
}
.stepline-1 .step-3 .step-pic {
    background-image: url(../images/instructions/1/3.png);
    margin: 0 -215px 0 0;
}
.stepline-2 .step-1 .step-pic {
    background-image: url(../images/instructions/2/1.png);
    margin: 0 -165px 0 0;
}
.stepline-2 .step-2 .step-pic {
    background-image: url(../images/instructions/2/2.png);
    margin: 6px 0 0 -181px;
}
.stepline-2 .step-3 .step-pic {
    background-image: url(../images/instructions/2/3.png);
    margin: 0 -164px 0 0;
}
.stepline-3 .step-1 .step-pic {
    background-image: url(../images/instructions/3/1.png);
    margin: 0 -187px 0 0;
}
.stepline-3 .step-2 .step-pic {
    background-image: url(../images/instructions/3/2.png);
    margin: 0 0 0 -191px;
}
.stepline-3 .step-3 .step-pic {
    background-image: url(../images/instructions/3/3.png);
    margin: 0 -180px 0 0;
}
.stepline-4 .step-1 .step-pic {
    background-image: url(../images/instructions/4/1.png);
    margin: -2px -164px 0 0;
}
.stepline-4 .step-2 .step-pic {
    background-image: url(../images/instructions/4/2.png);
    margin: -2px 0 0 -173px;
}
.stepline-4 .step-3 .step-pic {
    background-image: url(../images/instructions/4/3.png);
    margin: -5px -191px 0 0;
}
.stepline-5 .step-1 .step-pic {
    background-image: url(../images/instructions/5/1.png);
    width: 256px;
    height: 423px;
    margin: 0 -82px 0 0;
}
.stepline-5 .step-2 .step-pic {
    background-image: url(../images/instructions/5/2.png);
    width: 334px;
    height: 460px;
    margin: -37px 0 0 -113px;
}
.stepline-5 .step-3 .step-pic {
    background-image: url(../images/instructions/5/3.png);
    width: 486px;
    height: 347px;
    margin: 19px -194px 0 0;
}
.stepline-6 .step-1 .step-pic {
    background-image: url(../images/instructions/6/1.png);
    width: 359px;
    height: 443px;
    margin: 0 -42px 0 0;
}
.stepline-6 .step-2 .step-pic {
    background-image: url(../images/instructions/6/2.png);
    width: 438px;
    height: 441px;
    margin: 63px 0 0 -83px;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .stepline-1 .step-1 .step-pic {
        background-image: url(../images/instructions/1/1@2x.png);
    }
    .stepline-1 .step-2 .step-pic {
        background-image: url(../images/instructions/1/2@2x.png);
    }
    .stepline-1 .step-3 .step-pic {
        background-image: url(../images/instructions/1/3@2x.png);
    }
    .stepline-2 .step-1 .step-pic {
        background-image: url(../images/instructions/2/1@2x.png);
    }
    .stepline-2 .step-2 .step-pic {
        background-image: url(../images/instructions/2/2@2x.png);
    }
    .stepline-2 .step-3 .step-pic {
        background-image: url(../images/instructions/2/3@2x.png);
    }
    .stepline-3 .step-1 .step-pic {
        background-image: url(../images/instructions/3/1@2x.png);
    }
    .stepline-3 .step-2 .step-pic {
        background-image: url(../images/instructions/3/2@2x.png);
    }
    .stepline-3 .step-3 .step-pic {
        background-image: url(../images/instructions/3/3@2x.png);
    }
    .stepline-4 .step-1 .step-pic {
        background-image: url(../images/instructions/4/1@2x.png);
    }
    .stepline-4 .step-2 .step-pic {
        background-image: url(../images/instructions/4/2@2x.png);
    }
    .stepline-4 .step-3 .step-pic {
        background-image: url(../images/instructions/4/3@2x.png);
    }
    .stepline-5 .step-1 .step-pic {
        background-image: url(../images/instructions/5/1@2x.png);
    }
    .stepline-5 .step-2 .step-pic {
        background-image: url(../images/instructions/5/2@2x.png);
    }
    .stepline-5 .step-3 .step-pic {
        background-image: url(../images/instructions/5/3@2x.png);
    }
    .stepline-6 .step-1 .step-pic {
        background-image: url(../images/instructions/6/1@2x.png);
    }
    .stepline-6 .step-2 .step-pic {
        background-image: url(../images/instructions/6/2@2x.png);
    }
    .stepline-6 .step-3 .step-pic {
        background-image: url(../images/instructions/6/3@2x.png);
    }
}
@media (max-width: 1440px) {
    .stepline .step-inner {
        padding-right: 364px;
    }
    .stepline .step-number {
        font-size: 48px;
    }
    .stepline .step .step-text {
        font-size: 16px;
    }
    .section-instructions .step-1 {
        margin-left: 0;
    }
    .stepline .step {
        width: 872px;
        height: 298px;
    }
    .stepline .step:before {
        background-image: url(../images/instructions/border-xl.svg);
    }
    .section-instructions .step-1 {
        margin-left: -30px;
    }
    .section-instructions .step-2 {
        margin-left: 150px;
    }
    .section-instructions .step-3 {
        margin-left: -30px;
    }
    .stepline .step .step-pic {
        transform: translate3d(0, -50%, 0) scale(0.9);
    }
    .stepline-1 .step-3 .step-pic {
        margin: -6px -180px 0 0;
    }
    .stepline-2 .step-3 .step-pic {
        margin: -6px -180px 0 0;
    }
    .stepline-3 .step-3 .step-pic {
        margin: -6px -180px 0 0;
    }
}
@media (max-width: 1160px) {
    .section-instructions .step-1 {
        margin-left: -60px;
    }
    .section-instructions .step-2 {
        margin-left: 60px;
    }
    .section-instructions .step-3 {
        margin-left: -60px;
    }
    .stepline-1 .step-1 .step-pic {
        margin: 0 -166px 0 0;
    }
    .stepline-1 .step-2 .step-pic {
        margin: 6px 0 0 -109px;
    }
    .stepline-1 .step-3 .step-pic {
        margin: -6px -100px 0 0;
    }
    .stepline-2 .step-2 .step-pic {
        margin: 6px 0 0 -103px;
    }
    .stepline-2 .step-3 .step-pic {
        margin: -6px -100px 0 0;
    }
    .stepline-3 .step-1 .step-pic {
        margin: 0 -156px 0 0;
    }
    .stepline-3 .step-2 .step-pic {
        margin: 0 0 0 -108px;
    }
    .stepline-3 .step-3 .step-pic {
        margin: -6px -100px 0 0;
    }
    .stepline-4 .step-2 .step-pic {
        margin: -7px 0 0 -104px;
    }
    .stepline-4 .step-3 .step-pic {
        margin: -5px -158px 0 0;
    }
    .stepline-5 .step-3 .step-pic {
        margin: 19px -74px 0 0;
    }
    .stepline .step-inner {
        padding: 40px 380px 40px 95px;
    }
    .stepline-5 .step-1 .step-pic {
        margin: 0 78px 0 0;
    }
    .stepline-5 .step-2 .step-pic {
        margin: -37px 0 0 57px;
    }
}
@media (max-width: 1024px) {
    .stepline .step {
        width: 715px;
        height: 336px;
    }
    .stepline .step:before {
        background-image: url(../images/instructions/border-sm.svg);
    }
    .stepline .step-number {
        font-size: 52px;
        margin-top: -20px;
    }
    .stepline .step-inner {
        padding: 40px 252px 40px 67px;
    }
    .section-instructions .step-2 .step-inner {
        padding: 40px 75px 40px 265px;
    }
    .section-instructions .step-3 .step-inner {
        padding: 40px 334px 40px 67px;
    }
    .stepline .step .step-text {
        font-size: 20px;
        line-height: 135%;
    }
    .section-instructions .tab {
        padding: 45px 0;
        max-width: 710px;
        margin: 0 auto;
    }
    .section-instructions .step-1 {
        margin-left: -40px;
    }
    .section-instructions .step-2 {
        margin-left: 0;
    }
    .section-instructions .step-3 {
        margin-left: -40px;
    }
    .stepline .step .step-pic {
        transform: translate3d(0, -50%, 0);
    }
    .stepline-1 .step-1 .step-pic {
        margin: 0 -216px 0 0;
    }
    .stepline-1 .step-2 .step-pic {
        margin: 6px 0 0 -206px;
    }
    .stepline-1 .step-3 .step-pic {
        margin: -6px -142px 0 0;
    }
    .stepline-2 .step-1 .step-pic {
        margin: 0 -183px 0 0;
    }
    .stepline-2 .step-2 .step-pic {
        margin: 6px 0 0 -206px;
    }
    .stepline-3 .step-1 .step-pic {
        margin: 0 -188px 0 0;
    }
    .stepline-3 .step-2 .step-pic {
        margin: 0 0 0 -197px;
    }
    .stepline-3 .step-3 .step-pic {
        margin: -6px -125px 0 0;
    }
    .stepline-4 .step-2 .step-pic {
        margin: -7px 0 0 -216px;
    }
    .stepline-5 .step-1 .step-pic {
        background-image: url(../images/instructions/5/1-sm.png);
        width: 222px;
        height: 308px;
        margin: -4px -2px 0 0;
    }
    .stepline-5 .step-2 .step-pic {
        background-image: url(../images/instructions/5/2-sm.png);
        width: 324px;
        height: 328px;
        margin: 12px 0 0 -18px;
    }
    .stepline-5 .step-3 .step-pic {
        background-image: url(../images/instructions/5/3-sm.png);
        width: 332px;
        height: 241px;
        margin: 25px -6px 0 0;
    }
    .stepline-6 .step-1 {
        margin-left: -10px;
    }
    .stepline-6 .step-2 {
        margin-left: -50px;
    }
    .stepline-6 .step-1 .step-inner {
        padding: 40px 65px 40px 285px;
    }
    .stepline-6 .step-2 .step-inner {
        padding: 40px 355px 40px 75px;
    }
    .stepline-6 .step-1 .step-pic {
        background-image: url(../images/instructions/6/1-sm.png);
        width: 324px;
        height: 328px;
        margin: 8px 0 0 -13px;
        right: auto;
        left: 0;
    }
    .stepline-6 .step-2 .step-pic {
        background-image: url(../images/instructions/6/2-sm.png);
        width: 332px;
        height: 241px;
        margin: 23px -12px 0 0;
        left: auto;
        right: 0;
    }
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .stepline-5 .step-1 .step-pic {
            background-image: url(../images/instructions/5/1-sm@2x.png);
        }
        .stepline-5 .step-2 .step-pic {
            background-image: url(../images/instructions/5/2-sm@2x.png);
        }
        .stepline-5 .step-2 .step-pic {
            background-image: url(../images/instructions/5/2-sm@2x.png);
        }
        .stepline-6 .step-1 .step-pic {
            background-image: url(../images/instructions/6/1-sm@2x.png);
        }
        .stepline-6 .step-2 .step-pic {
            background-image: url(../images/instructions/6/2-sm@2x.png);
        }
        .stepline-6 .step-2 .step-pic {
            background-image: url(../images/instructions/6/2-sm@2x.png);
        }
    }
}
@media (max-width: 767px) {
    .stepline .step-level {
        padding-left: 30px;
    }
    .stepline .step-level::before {
        left: -2px;
        top: 7px;
        width: 24px;
        height: 22px;
    }
    .stepline .step-level-3 {
        margin-left: 0;
    }
    .stepline .step {
        width: 375px;
        height: 336px;
        margin: 0 auto 10px;
    }
    .stepline-tv .step {
        height: 534px;
        margin-bottom: 0;
    }
    .stepline-tv .step-2 {
        margin-top: -40px;
    }
    .stepline .step:before {
        background-image: url(../images/instructions/border-xs.svg);
    }
    .stepline-tv .step::before {
        background-image: url(../images/instructions/border-xs-horizontal.svg);
        background-position: center;
    }
    .stepline .step-number {
        font-size: 48px;
        margin-top: 0;
        position: absolute;
    }
    .stepline .step-inner {
        align-items: flex-start;
    }
    .stepline .step-1 .step-inner {
        padding: 160px 70px 50px 60px;
    }
    .stepline .step-2 .step-inner {
        padding: 196px 50px 50px 60px;
    }
    .stepline .step-3 .step-inner {
        padding: 123px 50px 70px 60px;
    }
    .stepline .step-1 .step-number {
        top: 52px;
        left: 60px;
    }
    .stepline .step-2 .step-number {
        top: 52px;
        right: 34px;
    }
    .stepline .step-3 .step-number {
        top: 52px;
        left: 60px;
    }
    .stepline-tv .step .step-inner {
        padding: 390px 36px 50px 93px;
    }
    .stepline-tv .step-2 .step-inner {
        padding-top: 409px;
    }
    .stepline-2 .step-2 .step-inner {
        padding-top: 419px;
    }
    .stepline-2 .step-3 .step-inner {
        padding-top: 423px;
    }
    .stepline-3 .step-3 .step-inner,
    .stepline-4 .step-3 .step-inner {
        padding-top: 414px;
    }
    .stepline-tv .step .step-number {
        top: 382px;
        left: 33px;
        right: inherit;
    }
    .stepline-tv .step-3 .step-number {
        top: 408px;
    }
    .stepline-tv .step-2 .step-number {
        top: 402px;
    }
    .stepline-1 .step-3 .step-number {
        top: 382px;
    }
    .stepline-tv .step .step-pic {
        width: 521px;
        height: 320px;
    }
    .stepline-tv .step-1 .step-pic {
        margin: -56px -178px 0 0;
    }
    .stepline-tv .step-2 .step-pic {
        margin: -41px 0 0 33px;
    }
    .stepline-tv .step-3 .step-pic {
        margin: -55px -69px 0 0;
    }
    .stepline-5 .step-1 .step-inner {
        padding-top: 190px;
    }
    .stepline-5 .step-1 .step-pic {
        background-image: url(../images/instructions/5/1-xs.png);
        width: 95px;
        height: 196px;
        margin: -91px 44px 0 0;
    }
    .stepline-5 .step-2 .step-pic {
        background-image: url(../images/instructions/5/2-xs.png);
        width: 124px;
        height: 196px;
        margin: -90px 0 0 47px;
    }
    .stepline-5 .step-3 .step-pic {
        background-image: url(../images/instructions/5/3-xs.png);
        width: 278px;
        height: 160px;
        margin: 92px 15px 0 0;
    }
    .stepline-6 .step-1 .step-inner {
        padding-top: 190px;
    }
    .stepline-6 .step-1 .step-pic {
        background-image: url(../images/instructions/6/1-xs.png);
        width: 150px;
        height: 198px;
        margin: -91px 44px 0 0;
    }
    .stepline-6 .step-2 .step-pic {
        background-image: url(../images/instructions/6/2-xs.png);
        width: 188px;
        height: 191px;
        margin: -90px 0 0 47px;
    }
    .stepline .step .step-text {
        font-size: 17px;
        line-height: 135%;
    }
    .section-instructions .tab {
        padding: 55px 0 43px;
    }
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .stepline-5 .step-1 .step-pic {
            background-image: url(../images/instructions/5/1-xs@2x.png);
        }
        .stepline-5 .step-2 .step-pic {
            background-image: url(../images/instructions/5/2-xs@2x.png);
        }
        .stepline-5 .step-2 .step-pic {
            background-image: url(../images/instructions/5/2-xs@2x.png);
        }
        .stepline-6 .step-1 .step-pic {
            background-image: url(../images/instructions/6/1-xs@2x.png);
        }
        .stepline-6 .step-2 .step-pic {
            background-image: url(../images/instructions/6/2-xs@2x.png);
        }
        .stepline-6 .step-2 .step-pic {
            background-image: url(../images/instructions/6/2-xs@2x.png);
        }
    }
}
@media (max-width: 400px) {
    .stepline .step {
        margin-left: -15px;
    }
}
@media (max-width: 374px) {
    .tabs .tabs-nav-link {
        font-size: 16px;
    }
    .stepline .step {
        width: auto;
    }
    .stepline .step-number {
        font-size: 42px;
    }
    .stepline .step:before {
        background-size: 100% auto;
        background-position: 50% 100%;
    }
    .stepline .step .step-text {
        font-size: 16px;
    }
    .stepline .step-1 .step-number,
    .stepline .step-2 .step-number {
        top: 95px;
    }
    .stepline .step-3 .step-number {
        top: 90px;
    }
    .stepline .step-3 .step-inner {
        padding-top: 150px;
    }
    .stepline .step-3 .step-pic {
        margin-top: 135px;
    }
    .stepline .step-1 .step-inner {
        padding: 180px 55px 50px 60px;
    }
}