.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(https://ninjapromo.io/wp-content/themes/ninjapromo/build/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {

    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {

    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes wobble {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes wobble {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    to {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    to {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@-webkit-keyframes marquee-y {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    12.5% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-1));
        transform: translateY(calc(var(--hero-slider-height)*-1))
    }

    25%,
    75% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-2));
        transform: translateY(calc(var(--hero-slider-height)*-2))
    }

    37.5%,
    62.5% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-3));
        transform: translateY(calc(var(--hero-slider-height)*-3))
    }

    50% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-4));
        transform: translateY(calc(var(--hero-slider-height)*-4))
    }

    87.5% {
        -webkit-transform: translateY(var(--hero-slider-height));
        transform: translateY(var(--hero-slider-height))
    }
}

@keyframes marquee-y {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    12.5% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-1));
        transform: translateY(calc(var(--hero-slider-height)*-1))
    }

    25%,
    75% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-2));
        transform: translateY(calc(var(--hero-slider-height)*-2))
    }

    37.5%,
    62.5% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-3));
        transform: translateY(calc(var(--hero-slider-height)*-3))
    }

    50% {
        -webkit-transform: translateY(calc(var(--hero-slider-height)*-4));
        transform: translateY(calc(var(--hero-slider-height)*-4))
    }

    87.5% {
        -webkit-transform: translateY(var(--hero-slider-height));
        transform: translateY(var(--hero-slider-height))
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.flipInX,
.flipInY,
.flipOutX,
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX,
.flipOutY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.flipOutX,
.flipOutY {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 400;
    src: local(""), url(../font/dm-sans-v6-latin-regular.woff2) format("woff2"), url(../font/dm-sans-v6-latin-regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 500;
    src: local(""), url(../font/dm-sans-v6-latin-500.woff2) format("woff2"), url(../font/dm-sans-v6-latin-500.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 700;
    src: local(""), url(../font/dm-sans-v6-latin-700.woff2) format("woff2"), url(../font/dm-sans-v6-latin-700.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 400;
    src: local(""), url(../font/dm-sans-v6-latin-italic.woff2) format("woff2"), url(../font/dm-sans-v6-latin-italic.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 500;
    src: local(""), url(../font/dm-sans-v6-latin-500italic.woff2) format("woff2"), url(../font/dm-sans-v6-latin-500italic.woff);
    font-display: swap
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 700;
    src: local(""), url(../font/dm-sans-v6-latin-700italic.woff2) format("woff2"), url(../font/dm-sans-v6-latin-700italic.woff) format("woff");
    font-display: swap
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    transition: all 0s
}

*,
.tns-slider>.tns-item,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after,
.tns-t-ct:after {
    content: "";
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-gallery,
.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: opacity 0s, -webkit-transform 0s;
    transition: opacity 0s, -webkit-transform 0s;
    transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s, -webkit-transform 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    -webkit-transition: all .25s;
    transition: all .25s
}

.tns-autowidth,
.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    z-index: 0
}

.tns-fadeOut,
.tns-normal {
    opacity: 0;
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333333%;
    width: calc(100%*70/3);
    position: absolute;
    right: 0
}

.tns-t-ct>div {
    width: 1.4285714286%;
    width: calc(100%/70);
    height: 10px;
    float: left
}

:root {
    --z-index-modal: 101;
    --z-index-header: 100;
    --blue-color: #3C39C6;
    --blue-accent-color: #181692;
    --red-color: #F3454F;
    --green-color: #4CBE9E;
    --dark-color: #121212;
    --hero-slider-height: 4.75rem;
    font-size: 16px
}

@media (min-width:1000px) and (max-width:1918px) {
    :root {
        font-size: 13px
    }
}

@media (max-width:1000px) {
    :root {
        --hero-slider-height: 2.25rem
    }
}

body {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    font-family: "DM Sans", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4;
    color: #212121;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.container {
    max-width: 98.125rem;
    margin: 0 auto;
    padding: 0 1.25rem
}

.screen-reader-text,
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important
}

img {
    max-width: 100%;
    height: auto
}

ul {
    list-style: none;
    padding: 0
}

.article-main figure,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
ul {
    margin: 0
}

.is-fixed {
    overflow: hidden
}

.logo {
    width: 8.125rem;
    height: 2.875rem
}

@media screen and (max-width:768px) {
    .logo {
        width: 7.9375rem;
        height: 2.8125rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500
}

h1,
h2 {
    font-size: 4.25rem;
    line-height: 1
}

@media screen and (max-width:1000px) {

    h1,
    h2 {
        font-size: 2.125rem
    }
}

h3 {
    font-size: 2.875rem
}

@media screen and (max-width:1000px) {
    h3 {
        font-size: 1.25rem
    }
}

h4 {
    font-size: 2.25rem
}

@media screen and (max-width:1000px) {
    h4 {
        font-size: 1.25rem
    }
}

h5 {
    font-size: 1.875rem
}

@media screen and (max-width:1000px) {
    h5 {
        font-size: 1.25rem
    }
}

h6 {
    font-size: 1.625rem
}

@media screen and (max-width:1000px) {
    h6 {
        font-size: 1.125rem
    }
}

input {
    background: 0 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    font-family: inherit;
    color: inherit
}

.contacts-form__select select:focus,
input:focus {
    outline: 0
}

.wow {
    visibility: hidden
}

.scroll-block__wrapper {
    overflow: hidden
}

.scroll-block {
    margin-bottom: 5.625rem;
    margin-left: -10.78%;
    font-weight: 500;
    font-size: 7rem;
    line-height: 1.01;
    text-transform: lowercase;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    opacity: .2
}

.scroll-block::after {
    content: attr(data-title)
}

.scroll-block_authority {
    margin-bottom: 6.625rem;
    color: var(--blue-color)
}

.scroll-block_blog {
    margin-bottom: 4.375rem;
    color: #ff9ad1
}

.scroll-block_faq {
    margin-bottom: 3.75rem;
    color: rgba(255, 154, 209, .87)
}

.scroll-block_contacts {
    margin-bottom: 4.375rem
}

.scroll-block_bl-cases,
.scroll-block_cases,
.scroll-block_services {
    margin-bottom: 3.75rem;
    color: var(--blue-color)
}

.scroll-block_bl-cases {
    margin-bottom: 6.875rem
}

.scroll-block_case-content {
    margin-bottom: 5rem
}

@media screen and (max-width:768px) {
    .scroll-block {
        margin-bottom: 2.8125rem;
        font-size: 3.125rem
    }

    .scroll-block_authority {
        margin-bottom: 2.625rem
    }

    .scroll-block_case-content,
    .scroll-block_contacts,
    .scroll-block_faq {
        margin-bottom: 2.5rem
    }
}

.awards-section {
    padding-top: 5rem;
    padding-bottom: 10.625rem;
    background: var(--dark-color)
}

@media screen and (max-width:768px) {
    .awards-section {
        padding-top: 3.75rem;
        padding-bottom: 6.25rem
    }
}

.awards-section__subtitle {
    margin-bottom: 3.9375rem;
    color: #fff;
    font-size: 2.25rem;
    line-height: 1
}

@media screen and (max-width:768px) {
    .awards-section__subtitle {
        margin-bottom: 1.375rem;
        font-size: 1.25rem
    }
}

.awards-section__items {
    margin-bottom: 5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(22.5rem, 1fr));
    grid-gap: 3.75rem 1.875rem
}

.awards-section__items:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:1000px) {
    .awards-section__items {
        margin-right: .625rem
    }
}

@media screen and (max-width:768px) {
    .awards-section__items {
        margin-bottom: 2.5rem;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2.625rem 1.9375rem
    }
}

.award-item {
    padding: .875rem .8125rem .875rem .875rem;
    border: .125rem solid rgba(255, 255, 255, .2);
    border-radius: 30px 0;
    position: relative;
    text-decoration: none
}

.award-item::after {
    content: "";
    position: absolute;
    top: -1.75rem;
    right: -1.625rem;
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

@media screen and (max-width:768px) {
    .award-item {
        padding: .5rem;
        border-radius: .9375rem 0
    }

    .award-item::after {
        width: 1.375rem;
        height: 1.3125rem;
        top: -.875rem;
        right: -.8125rem
    }
}

.award-item__img {
    display: block;
    height: 100%;
    margin: 0;
    padding: .9375rem .75rem 1.3125rem .6875rem;
    border: .125rem dashed rgba(255, 255, 255, .2);
    border-radius: 18px 0
}

.award-item__img span {
    margin-bottom: .75rem;
    width: 19.375rem;
    height: 4.375rem;
    display: block
}

.award-item__img span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:768px) {
    .award-item__img {
        padding: .4375rem .1875rem .6875rem;
        border-radius: .625rem 0
    }

    .award-item__img span {
        height: 1.875rem;
        width: 100%;
        margin-bottom: .25rem
    }
}

.award-item__desc {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.13;
    font-weight: 500;
    text-align: center
}

@media screen and (max-width:768px) {
    .award-item__desc {
        font-size: .875rem
    }
}

.team-section {
    padding-top: 10rem;
    padding-bottom: 12rem;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .team-section {
        padding-top: 5.625rem;
        padding-bottom: 8.9375rem
    }
}

.team-section__title {
    margin-bottom: 3.9375rem
}

@media screen and (max-width:768px) {
    .team-section__title {
        margin-bottom: 3.125rem
    }
}

.team-section__slider {
    padding-left: calc(50vw - 95.625rem/2)
}

@media screen and (max-width:1280px) {
    .team-section__slider {
        padding-left: 1.25rem
    }
}

.team-section__slider-arrows {
    margin-top: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    outline: 0
}

.team-section__slider-arrows>button+button {
    margin-left: 2.625rem
}

@media screen and (max-width:768px) {
    .team-section__slider-arrows {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 2.5rem
    }

    .team-section__slider-arrows>button+button {
        margin-left: 1.25rem
    }
}

.team-item {
    width: 22.5rem
}

@media screen and (max-width:768px) {
    .team-item {
        width: 10.625rem
    }
}

.team-item__img {
    width: 100%;
    height: 22.5rem;
    margin-bottom: 1.25rem
}

.team-item__img img {
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (max-width:768px) {
    .team-item__img {
        margin-bottom: .9375rem;
        height: 0;
        padding-bottom: 100%;
        position: relative
    }

    .team-item__img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.team-item__name {
    margin-bottom: 1.25rem;
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1
}

@media screen and (max-width:768px) {
    .team-item__name {
        margin-bottom: .9375rem;
        font-size: 1.25rem
    }
}

.team-item__position {
    font-size: 1rem
}

.about-links {
    margin-bottom: 16.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:1000px) {
    .about-links {
        display: -ms-grid;
        display: grid;
        grid-gap: 1.875rem
    }
}

@media screen and (max-width:768px) {
    .about-links {
        margin-bottom: 12rem
    }
}

.about-links__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    border-radius: 30px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.about-links__item:first-child {
    margin-right: 1.875rem;
    width: calc(41.667% - .9375rem);
    padding: 3.5rem 5.5625rem 3.4375rem 3.375rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%)
}

.about-links__item:first-child::after {
    content: "";
    position: absolute;
    right: -2.4375rem;
    top: -2rem;
    display: block;
    width: 6.625rem;
    height: 6.625rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

.about-links__item:nth-child(2) {
    width: calc(58.33% - .9375rem);
    margin-top: 11.25rem;
    padding: 3.625rem 4.125rem 3.625rem 4.1875rem;
    border: 2px solid var(--dark-color);
    background: #fff;
    z-index: 2
}

.about-links__item:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 30px 0
}

.about-links__item:nth-child(2)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6.5625rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -2;
    display: block;
    width: 11.94625rem;
    height: 14.5625rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

.about-links__item:nth-child(3) {
    width: calc(66.667% - .9375rem);
    margin-top: 1.875rem;
    margin-left: 8.0625rem;
    padding: 3.4375rem 3.6875rem 3.4375rem 3.25rem;
    background: #d8d7f4
}

.about-links__item:nth-child(4) {
    width: calc(41.667% - .9375rem);
    margin-top: 1.875rem;
    margin-left: auto;
    padding: 3.1875rem 4.75rem 2.5rem 3.5rem;
    border: 2px solid var(--dark-color);
    background: #fff
}

.about-links__item:nth-child(4)::before {
    content: "";
    position: absolute;
    left: -10rem;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    display: block;
    width: 30.625rem;
    height: 10.90125rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

.about-links__item:nth-child(4)::after {
    content: "";
    position: absolute;
    right: 2.5rem;
    bottom: -2.625rem;
    display: block;
    width: 5.9375rem;
    height: 5.3125rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

@media screen and (max-width:1000px) {
    .about-links__item:first-child {
        width: 100%;
        margin-right: 0;
        z-index: 0
    }

    .about-links__item:first-child::after {
        width: 4.0625rem;
        height: 4.0625rem;
        right: 1.0625rem;
        top: -2.0625rem
    }

    .about-links__item:nth-child(2) {
        width: 100%;
        margin-top: 0;
        background: #fff
    }

    .about-links__item:nth-child(2)::after {
        width: 5.435rem;
        height: 6.625rem;
        left: auto;
        right: 1.2525rem;
        top: -4.125rem;
        -webkit-transform: none;
        transform: none
    }

    .about-links__item:nth-child(3) {
        width: 100%;
        margin: 0;
        z-index: 2
    }

    .about-links__item:nth-child(3)::before {
        content: "";
        position: absolute;
        top: -4.0625rem;
        right: 1.0625rem;
        display: block;
        width: 8.8125rem;
        height: 3.136875rem;
        background: url(../image/sprite.svg) no-repeat center/contain
    }

    .about-links__item:nth-child(4) {
        width: 100%;
        margin: 0
    }

    .about-links__item:nth-child(4)::before {
        display: none
    }

    .about-links__item:nth-child(4)::after {
        width: 4.0625rem;
        height: 3.625rem;
        right: 2.625rem;
        top: auto;
        bottom: -2rem
    }
}

@media screen and (max-width:768px) {

    .about-links__item:first-child,
    .about-links__item:nth-child(2),
    .about-links__item:nth-child(3),
    .about-links__item:nth-child(4) {
        padding: 1.875rem 1.25rem
    }
}

.about-links__title {
    margin-bottom: 1.875rem
}

@media screen and (max-width:768px) {
    .about-links__title {
        margin-bottom: 1.25rem
    }
}

.about-links__desc {
    margin-bottom: 1.875rem;
    font-size: 1.125rem
}

@media screen and (max-width:768px) {
    .about-links__desc {
        margin-bottom: 1.25rem;
        font-size: 1rem
    }
}

.formats-section {
    padding-top: 11.875rem;
    padding-bottom: 14.375rem
}

@media screen and (max-width:768px) {
    .formats-section {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.formats-section__container {
    max-width: 66.67%
}

@media screen and (max-width:1000px) {
    .formats-section__container {
        max-width: 100%
    }
}

.formats-section__title {
    margin-bottom: 4.375rem;
    text-align: center
}

@media screen and (max-width:1000px) {
    .formats-section__title {
        margin-bottom: 4.6875rem;
        text-align: left
    }
}

.formats-section__items {
    margin-bottom: 3.75rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.0625rem
}

@media screen and (max-width:1000px) {
    .formats-section__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1.875rem;
        margin-bottom: 2.8125rem
    }
}

.formats-section__item {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%);
    border-radius: 30px 0;
    text-align: center;
    line-height: 6.25rem;
    font-weight: 500;
    font-size: 2.25rem;
    position: relative
}

.formats-section__item::before {
    content: "";
    position: absolute;
    display: block
}

.formats-section__item:first-child::before {
    width: 8.50375rem;
    height: 6.203125rem;
    left: -5.0625rem;
    top: -3.875rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

.formats-section__item:first-child::after {
    content: "";
    position: absolute;
    display: block;
    width: 2.47rem;
    height: 2.464375rem;
    left: -2.045625rem;
    top: -1.606875rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

.formats-section__item:last-child::before {
    width: 6.15625rem;
    height: 6.15375rem;
    right: -2.46875rem;
    bottom: -2.21625rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

@media screen and (max-width:1000px) {
    .formats-section__item:first-child::before {
        width: 4.4375rem;
        height: 3.236875rem;
        left: 1.875rem;
        top: -2.1875rem
    }

    .formats-section__item:first-child::after {
        width: 1.28875rem;
        height: 1.28625rem;
        left: 3.44375rem;
        top: -1.00375rem
    }

    .formats-section__item:last-child::before {
        width: 3.68875rem;
        height: 3.6875rem;
        right: 1.6875rem;
        bottom: -1.75rem
    }
}

@media screen and (max-width:768px) {
    .formats-section__item {
        font-size: 1.25rem;
        line-height: 4.375rem
    }
}

.formats-section__list {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 5.6875rem;
    -webkit-column-gap: 5.6875rem;
    column-gap: 5.6875rem;
    list-style: disc;
    padding-left: 1.875rem;
    font-size: 1.625rem;
    line-height: 1.4
}

.formats-section__list li+li {
    margin-top: .5em
}

@media screen and (max-width:768px) {
    .formats-section__list {
        display: block;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 3.125rem;
        -webkit-column-gap: 3.125rem;
        column-gap: 3.125rem;
        font-size: 1.25rem
    }

    .formats-section__list li+li {
        margin-top: 1em
    }
}

.video-prod-section {
    padding-bottom: 12.5rem
}

@media screen and (max-width:768px) {
    .video-prod-section {
        padding-top: 5.625rem;
        padding-bottom: 6.875rem;
        overflow: hidden
    }
}

.video-prod-section__title {
    margin-bottom: 5rem;
    text-align: center
}

@media screen and (max-width:768px) {
    .video-prod-section__title {
        margin-bottom: 3.125rem;
        text-align: left
    }
}

.video-prod-section__slider {
    padding-left: calc(50vw - 95.625rem/2)
}

.video-prod-section__slider .tns-item:last-child {
    padding-right: 0 !important
}

.video-prod-section__slider .tns-item:last-child .video-step {
    margin-right: calc(50vw - 95.625rem/2 - 30px)
}

.video-prod-section__slider .tns-item:last-child .video-step::after {
    display: none
}

@media screen and (max-width:768px) {
    .video-prod-section__slider {
        padding: 0 1.25rem
    }

    .video-prod-section__slider>div {
        display: -ms-grid;
        display: grid;
        grid-gap: 2.1875rem
    }

    .video-prod-section__slider .video-step__wrapper:last-child .video-step::after {
        display: none
    }
}

.video-prod-section__slider-arrows {
    margin-top: 7.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    outline: 0
}

.video-prod-section__slider-arrows>button+button {
    margin-left: 2.5rem
}

@media screen and (max-width:768px) {
    .video-prod-section__slider-arrows {
        display: none
    }
}

.video-step {
    width: 22.5rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.video-step::before {
    content: "";
    margin-bottom: 2.5rem;
    width: .625rem;
    height: .625rem;
    background-color: var(--blue-color);
    background-clip: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 50%;
    padding: 1.25rem;
    -webkit-box-shadow: 0 0 0 .125rem var(--dark-color);
    box-shadow: 0 0 0 .125rem var(--dark-color)
}

.video-step::after {
    content: "";
    width: calc(100% + 30px);
    height: .125rem;
    background-color: #d8d7f4;
    position: absolute;
    top: 1.5625rem;
    left: 50%;
    z-index: -1
}

@media screen and (max-width:768px) {
    .video-step {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 3.125rem;
        width: 100%
    }

    .video-step::before {
        position: absolute;
        left: 0;
        top: .125rem;
        width: .375rem;
        height: .375rem;
        padding: .75rem;
        margin-bottom: 0
    }

    .video-step::after {
        width: .125rem;
        height: calc(100% + 2.1875rem);
        left: .875rem;
        top: 1rem
    }
}

.video-step__title {
    margin-bottom: 1.25rem;
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.4;
    color: var(--blue-color)
}

@media screen and (max-width:768px) {
    .video-step__title {
        font-size: 1.5rem;
        line-height: 1.22
    }
}

.video-step__desc {
    font-size: 1.125rem;
    color: #141414
}

@media screen and (max-width:768px) {
    .video-step__desc {
        font-size: 1rem
    }
}

.cases-section {
    padding-top: 5rem;
    padding-bottom: 11.875rem
}

@media screen and (max-width:768px) {
    .cases-section {
        padding-top: 3.75rem;
        padding-bottom: 5.625rem
    }
}

.cases-section__title {
    margin-bottom: 2.5rem;
    max-width: 50.625rem
}

@media screen and (max-width:768px) {
    .cases-section__title {
        display: none
    }
}

.cases-section__desc {
    max-width: 42%;
    margin-bottom: 3.75rem;
    font-size: 1.25rem
}

@media screen and (max-width:768px) {
    .cases-section__desc {
        display: none
    }
}

.case {
    text-decoration: none;
    color: #121212
}

.case:hover .case__img {
    border-radius: 30px 0
}

.case:hover .case__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.case__img {
    margin-bottom: 1.25rem;
    overflow: hidden;
    -webkit-transition: border-radius .3s ease;
    transition: border-radius .3s ease;
    display: block
}

.case__img-wrapper {
    position: relative;
    height: 0;
    display: block;
    padding-bottom: 100%;
    overflow: hidden
}

.case__img-wrapper img,
.fill-btn::after {
    position: absolute;
    top: 0;
    display: block;
    height: 100%
}

.case__img-wrapper img {
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.case__cats {
    background: var(--dark-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-left: 1.75rem;
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    line-height: 1.875rem;
    text-transform: lowercase;
    white-space: nowrap
}

.case__cats span+span {
    margin-left: 1.25rem
}

@media screen and (max-width:768px) {
    .case__cats {
        padding-left: 1.25rem
    }
}

.case__title {
    display: block;
    margin-bottom: 1.25rem;
    font-weight: 500;
    font-size: 1.625rem
}

.case__desc {
    max-width: 22.5rem;
    font-size: 1rem
}

.btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-weight: 400;
    font-size: 18px;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    background: 0 0;
    color: #fff;
    cursor: pointer
}

.fill-btn {
    width: 100%;
    font-size: 1.25rem;
    line-height: 4.375rem;
    font-weight: 700;
    background: var(--blue-color);
    position: relative;
    z-index: 2;
    overflow: hidden
}

.fill-btn::after {
    content: "";
    background: var(--blue-accent-color);
    right: -20%;
    z-index: -1;
    width: 0%;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.fill-btn:hover::after {
    left: 0;
    right: auto;
    width: 150%
}

@media screen and (max-width:768px) {
    .fill-btn {
        line-height: 3.125rem;
        font-size: 1rem
    }
}

.arrow-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.5rem;
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.5rem;
    position: relative
}

.arrow-btn::after,
.arrow-btn::before {
    content: "";
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.arrow-btn::before {
    position: absolute;
    top: .875rem;
    right: .84375rem;
    background: var(--blue-color);
    -webkit-mask-image: url(../image/arrow-right.svg);
    mask-image: url(../image/arrow-right.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: .84375rem;
    height: .75rem
}

.arrow-btn::after {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .9375rem;
    background: #fff;
    border-radius: 50%
}

.arrow-btn:hover::before,
.arrow-btn_blue::before,
.play-btn span:hover::before {
    background-color: #fff
}

.arrow-btn:hover::after,
.arrow-btn_blue::after,
.modal__slider .tns-controls button:hover::after,
.play-btn span:hover::after {
    background-color: var(--blue-color)
}

.arrow-btn:disabled {
    color: #565656;
    cursor: default
}

.arrow-btn:disabled::before,
.arrow-btn:disabled:hover::before {
    background-color: #141414
}

.arrow-btn:disabled::after,
.arrow-btn:disabled:hover::after {
    background-color: #565656
}

.arrow-btn_blue {
    color: #121212
}

.arrow-btn_blue:hover::after {
    background-color: var(--blue-accent-color)
}

.arrow-btn_blue:disabled::before,
.arrow-btn_blue:disabled:hover::before {
    background-color: #fff
}

@media screen and (max-width:768px) {
    .arrow-btn {
        height: 1.875rem;
        line-height: 1.875rem;
        font-size: 1rem
    }

    .arrow-btn::before {
        top: .65625rem;
        right: .633125rem;
        width: .6325rem;
        height: .5625rem
    }

    .arrow-btn::after {
        width: 1.875rem;
        height: 1.875rem;
        margin-left: .3125rem
    }
}

.play-btn {
    margin-bottom: 1.25rem;
    height: 2.5rem;
    text-align: left;
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 2.5rem;
    white-space: normal
}

.play-btn span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.play-btn span::after,
.play-btn span::before {
    content: "";
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.play-btn span::before {
    position: absolute;
    top: calc(50% - .5625rem);
    right: .5rem;
    background: var(--blue-color);
    -webkit-mask-image: url(../image/arrow-play.svg);
    mask-image: url(../image/arrow-play.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1.125rem;
    height: 1.125rem
}

.play-btn span::after {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .9375rem;
    background: #fff;
    border-radius: 50%
}

.play-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.play-btn:hover::before {
    opacity: 1
}

@media screen and (max-width:1000px) {
    .play-btn {
        margin-bottom: 0;
        font-size: 1.25rem;
        line-height: 1.25;
        height: auto;
        background: 0 0
    }

    .play-btn span {
        position: static
    }

    .play-btn span::after,
    .play-btn span::before {
        margin: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .play-btn span::before {
        z-index: 2;
        width: 1.9375rem;
        height: 1.9375rem;
        -webkit-transform: translate(-.625rem, -50%);
        transform: translate(-.625rem, -50%)
    }

    .play-btn span::after {
        width: 3.75rem;
        height: 3.75rem;
        opacity: .7
    }
}

.slider-btn {
    text-indent: -9999px;
    background: #fff;
    -webkit-mask-image: url(../image/arrow-slider.svg);
    mask-image: url(../image/arrow-slider.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 1.875rem;
    height: 1.875rem
}

.slider-btn.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-btn:disabled {
    background-color: #565656;
    cursor: default
}

.slider-btn_dark {
    background: var(--dark-color)
}

.faq-btn {
    padding: .625rem 1.625rem;
    width: 100%;
    background: #eaefff;
    line-height: 2.5rem;
    font-size: 1.625rem;
    font-weight: 500;
    text-align: left;
    white-space: normal;
    color: #232a33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.faq-btn::after {
    content: "";
    background: url(../image/faq.svg) no-repeat center/contain;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media screen and (max-width:768px) {
    .faq-btn {
        padding: .625rem 1.473125rem;
        font-size: 1.125rem;
        line-height: 1.25
    }

    .faq-btn::after {
        margin-left: .3125rem;
        width: 1.875rem;
        height: 1.875rem
    }
}

.help-section {
    padding-top: 9.375rem;
    padding-bottom: 11.875rem
}

@media screen and (max-width:768px) {
    .help-section {
        padding-top: 5.625rem;
        padding-bottom: 6.875rem
    }
}

.help-section__title {
    margin-bottom: 2.1875rem
}

@media screen and (max-width:768px) {
    .help-section__title {
        margin-bottom: 1.875rem
    }
}

.help-section__desc {
    font-size: 1.25rem;
    max-width: 38.6875rem;
    margin-bottom: 4.375rem
}

@media screen and (max-width:768px) {
    .help-section__desc {
        font-size: 1rem;
        margin-bottom: 2.5rem
    }
}

.help-section__btns {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30.625rem, 1fr));
    grid-gap: 1.875rem
}

@media screen and (max-width:768px) {
    .help-section__btns {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1.25rem
    }
}

.help-section__btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%);
    border-radius: 30px 0;
    line-height: 9.9375rem;
    font-size: 2.25rem;
    font-weight: 500;
    color: var(--dark-color)
}

@media screen and (max-width:768px) {
    .help-section__btn {
        line-height: 6.25rem;
        font-size: 1.5rem
    }
}

.bl-services-section {
    padding-bottom: 11.25rem
}

@media screen and (max-width:768px) {
    .bl-services-section {
        padding-bottom: 5.625rem
    }
}

.bl-services-section__title {
    max-width: 57.5rem;
    margin-bottom: 5.6875rem
}

@media screen and (max-width:768px) {
    .bl-services-section__title {
        margin-bottom: 3.125rem
    }
}

.bl-services-section__items {
    margin-bottom: 5.75rem;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 4.375rem;
    -webkit-column-gap: 4.375rem;
    column-gap: 4.375rem
}

@media screen and (max-width:1000px) {
    .bl-services-section__items {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }
}

@media screen and (max-width:768px) {
    .bl-services-section__items {
        margin-bottom: 0;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1
    }
}

.bl-services-section__item {
    margin-bottom: 4.375rem
}

.bl-services-section__item img {
    margin-bottom: 1.25rem;
    width: 2.3125rem;
    height: 2.3125rem;
    display: block
}

.bl-services-section__item h3 {
    margin-bottom: 1.25rem;
    font-size: 1.625rem;
    text-transform: capitalize
}

.bl-services-section__item ul {
    font-size: 1.25rem;
    line-height: 1.3;
    list-style: disc;
    padding-left: 1.5625rem
}

.bl-services-section__item ul li+li {
    margin-top: 1.25rem
}

@media screen and (max-width:768px) {
    .bl-services-section__item {
        margin-bottom: 2.5rem
    }

    .bl-services-section__item:last-child {
        margin-bottom: 0
    }

    .bl-services-section__item h3,
    .bl-services-section__item img {
        margin-bottom: .9375rem
    }
}

.bl-services-section__btn {
    max-width: 22.5rem
}

@media screen and (max-width:768px) {
    .bl-services-section__btn {
        display: none
    }
}

.bl-cases-section {
    padding-bottom: 16.6875rem
}

@media screen and (max-width:768px) {
    .bl-cases-section {
        padding-bottom: 23.4375rem
    }
}

.bl-cases-section__container {
    display: -ms-grid;
    display: grid;
    grid-gap: 16.25rem
}

@media screen and (max-width:768px) {
    .bl-cases-section__container {
        grid-gap: 19.875rem
    }
}

.bl-case {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bl-case:nth-child(2) .bl-case__phone {
    right: 0
}

.bl-case:nth-child(2) .bl-case__phone img {
    max-height: 40.5625rem;
    margin-left: auto
}

@media screen and (max-width:1280px) {
    .bl-case {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bl-case:nth-child(2) .bl-case__phone {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .bl-case:nth-child(2) .bl-case__phone img {
        max-height: 20.125rem
    }

    .bl-case:nth-child(3) .bl-case__key {
        padding-bottom: 13.75rem
    }
}

.bl-case__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33% - .9375rem);
    flex: 0 0 calc(33% - .9375rem)
}

@media screen and (max-width:1280px) {
    .bl-case__info {
        margin-bottom: 3.125rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.bl-case__title {
    margin-bottom: 1.875rem;
    font-size: 2.25rem;
    text-transform: capitalize;
    color: var(--bl-case-accent-color, #3c39c6)
}

.bl-case__title:nth-of-type(2) {
    margin-top: 3.125rem
}

@media screen and (max-width:1000px) {
    .bl-case__title {
        margin-bottom: .9375rem;
        font-size: 1.25rem
    }

    .bl-case__title:nth-of-type(2) {
        margin-top: 1.25rem
    }
}

.bl-case__img {
    max-width: 17.1875rem;
    display: block;
    margin-bottom: 1.875rem
}

@media screen and (max-width:1000px) {
    .bl-case__img {
        max-width: 10.9375rem;
        margin-bottom: 1.25rem
    }
}

.bl-case__desc {
    margin-bottom: 3.75rem;
    font-size: 1.25rem;
    line-height: 1.65
}

@media screen and (max-width:1000px) {
    .bl-case__desc {
        margin-bottom: 1.25rem;
        font-size: 1rem;
        line-height: 1.56
    }
}

.bl-case__list {
    font-size: 1.25rem;
    line-height: 1.3;
    list-style: disc;
    padding-left: 1.5625rem
}

.bl-case__list li+li {
    margin-top: 1em
}

@media screen and (max-width:1000px) {
    .bl-case__list {
        font-size: 1rem
    }
}

.bl-case__key,
.bl-case__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bl-case__logos img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 3.9375rem
}

.bl-case__logos img+img {
    margin-left: 1.875rem
}

@media screen and (max-width:1000px) {
    .bl-case__logos img {
        max-height: 3.125rem;
        height: auto;
        min-width: 0
    }

    .bl-case__logos img+img {
        margin-left: .9375rem
    }
}

.bl-case__key {
    padding: 4.8125rem 8.125rem 3.625rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(58.33% - .9375rem);
    flex: 0 0 calc(58.33% - .9375rem);
    border-radius: 30px 0;
    position: relative
}

@media screen and (max-width:1280px) {
    .bl-case__key {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }
}

@media screen and (max-width:1000px) {
    .bl-case__key {
        padding: 2.0625rem 1.25rem 10.125rem
    }
}

.bl-case__phone {
    position: absolute;
    right: -4.375rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bl-case__phone img {
    width: auto;
    height: 100%;
    max-height: 45.1875rem;
    display: block
}

@media screen and (max-width:1280px) {
    .bl-case__phone {
        top: 100%;
        right: 0;
        left: 0
    }

    .bl-case__phone img {
        max-height: 26.75rem;
        margin-left: auto
    }
}

.bl-case__result {
    font-size: 1.25rem;
    line-height: 1.25
}

.bl-case__result span {
    display: block;
    margin-bottom: .625rem;
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.15;
    text-transform: capitalize
}

.bl-case__result+.bl-case__result {
    margin-top: 3.75rem
}

@media screen and (max-width:1000px) {
    .bl-case__result {
        font-size: 1rem
    }

    .bl-case__result+.bl-case__result {
        margin-top: 1.25rem
    }

    .bl-case__result .bl-case__title {
        font-size: 1.5rem
    }
}

.hero-section.error-page {
    padding-top: 15.375rem
}

@media screen and (max-width:768px) {
    .hero-section.error-page {
        padding-top: 13.9375rem;
        padding-bottom: 7.25rem
    }
}

.error-page__main {
    position: relative;
    max-width: 63.75rem
}

.error-page__title {
    margin-bottom: 3.125rem;
    color: transparent;
    -webkit-text-stroke-width: .125rem;
    -webkit-text-stroke-color: #fff;
    font-size: 18.75rem;
    line-height: .85;
    text-align: center
}

@media screen and (max-width:768px) {
    .error-page__title {
        margin-bottom: 1.875rem;
        font-size: 7.5rem
    }
}

.error-page__desc {
    max-width: 25.3125rem;
    margin: 0 auto 3.125rem;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.4;
    text-align: center
}

@media screen and (max-width:768px) {
    .error-page__desc {
        margin-bottom: 4.375rem
    }
}

.error-page__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.5rem
}

.error-page__list a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 4.375rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: hidden
}

.error-page__list a::before {
    content: "";
    position: absolute;
    left: .0625rem;
    top: .0625rem;
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    border: .125rem solid #fff
}

.error-page__list a::after {
    content: "";
    position: absolute;
    left: -3.125rem;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(286.73deg, #f3454f 23.48%, #3c39c6 81.61%);
    background-size: 25rem;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.case-hero__btn:hover::after,
.error-page__list a:hover::after {
    width: calc(100% + 6.25rem)
}

.case-hero__btn span,
.error-page__list a span {
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .error-page__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1.25rem
    }

    .error-page__list a::after {
        background-size: calc(100vw + 3.125rem)
    }
}

.case-hero {
    padding-top: 7.8125rem;
    min-height: 33.75rem;
    background: var(--dark-color);
    color: #fff
}

@media screen and (max-width:768px) {
    .case-hero {
        padding-top: 10.625rem
    }
}

.case-hero__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

@media screen and (max-width:1000px) {
    .case-hero__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.case-hero__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-bottom: 2.25rem
}

@media screen and (max-width:1000px) {
    .case-hero__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-bottom: 4.25rem
    }
}

.case-hero__logo {
    max-width: 14.875rem;
    margin-bottom: 1.875rem
}

.case-hero__logo img {
    height: 100%;
    max-height: 5.6875rem;
    width: auto;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

@media screen and (max-width:768px) {
    .case-hero__logo {
        height: 4.5625rem
    }
}

.case-hero__info {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.875rem;
    -ms-grid-columns: 4fr 2fr;
    grid-template-columns: 4fr 2fr
}

@media screen and (max-width:768px) {
    .case-hero__info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.case-hero__desc {
    margin-bottom: 2.5rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4
}

@media screen and (max-width:768px) {
    .case-hero__desc {
        margin-bottom: 1.875rem;
        font-size: 1.125rem
    }
}

.case-hero__btn {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 3.125rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    max-width: 14.3125rem;
    position: relative;
    overflow: hidden
}

.case-hero__btn::before {
    content: "";
    position: absolute;
    left: .0625rem;
    top: .0625rem;
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    border: 2px solid #fff
}

.case-hero__btn::after {
    content: "";
    position: absolute;
    left: -3.125rem;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(286.73deg, #f3454f 23.48%, #3c39c6 81.61%);
    background-size: 25rem;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

@media screen and (max-width:768px) {
    .case-hero__btn {
        max-width: 10.625rem
    }
}

.case-hero__hashes {
    display: block
}

.case-hero__hashes a {
    font-size: 1rem;
    color: var(--blue-color);
    text-decoration: none;
    display: inline-block
}

.case-hero__hashes li+li {
    margin-top: 1.25rem
}

.case-hero__hashes_mobile {
    display: none
}

@media screen and (max-width:768px) {
    .case-hero__hashes {
        display: none
    }

    .case-hero__hashes_mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1.875rem
    }

    .case-hero__hashes li:not(:last-child) {
        margin-right: 1.25rem
    }

    .case-hero__hashes li+li {
        margin-top: 0
    }
}

.case-hero__img {
    margin-bottom: -26.4375rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .9375rem);
    flex: 0 0 calc(50% - .9375rem);
    width: 100%;
    height: 0;
    padding-bottom: calc(50% - .9375rem);
    position: relative
}

.case-hero__img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1000px) {
    .case-hero__img {
        margin-bottom: -50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-bottom: 100%
    }
}

.case-results {
    min-height: 36.4375rem;
    padding-top: 3.75rem;
    padding-bottom: 10rem
}

@media screen and (max-width:1000px) {
    .case-results {
        min-height: auto;
        padding-top: calc(50vw - 1.25rem + 3.125rem)
    }
}

@media screen and (max-width:768px) {
    .case-results {
        padding-bottom: 4.375rem
    }
}

.case-results__items {
    width: 50%;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.125rem 1.875rem
}

@media screen and (max-width:768px) {
    .case-results__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
        grid-gap: 2.5rem 1.25rem;
        width: 100%
    }
}

.case-results__item {
    font-size: 1rem
}

.case-results__item:nth-child(3):last-child,
.case-results__item:nth-child(3):nth-last-child(2) {
    -ms-grid-column: 2;
    grid-column: 2
}

.case-results__item:nth-child(4):last-child {
    -ms-grid-row: 2;
    grid-row: 2
}

.case-results__item span {
    display: block;
    font-size: 2.25rem;
    line-height: 1.2;
    font-weight: 500
}

.case-main-result__item span::after,
.case-results__item span::after {
    content: "";
    width: 2.5rem;
    height: .125rem;
    display: block;
    margin: .625rem 0;
    background: var(--blue-color)
}

@media screen and (max-width:768px) {
    .case-results__item:nth-child(3):last-child {
        -ms-grid-column: 1;
        grid-column: 1
    }

    .case-results__item span {
        font-size: 1.5rem
    }
}

.case-ask {
    padding-bottom: 11.875rem
}

@media screen and (max-width:768px) {
    .case-ask {
        padding-bottom: 4.375rem
    }
}

.case-ask__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:1000px) {
    .case-ask__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.case-ask__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .9375rem);
    flex: 0 0 calc(50% - .9375rem)
}

.case-ask__img img,
.case-content__video::before {
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1000px) {
    .case-ask__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 3.125rem;
        height: 0;
        position: relative;
        padding-bottom: 61.1%
    }

    .case-ask__img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.case-ask__main {
    margin-left: 1.875rem
}

@media screen and (max-width:1000px) {
    .case-ask__main {
        margin-left: 0
    }
}

.case-ask__title {
    margin-bottom: 2.5rem;
    font-size: 2.875rem;
    line-height: 1.2
}

@media screen and (max-width:768px) {
    .case-ask__title {
        font-size: 1.5rem
    }
}

.case-ask__list {
    font-size: 1.25rem;
    line-height: 1.4;
    list-style: disc;
    padding-left: 1.5625rem
}

.case-ask__list li+li {
    margin-top: 1em
}

@media screen and (max-width:768px) {
    .case-ask__list {
        font-size: 1rem
    }
}

.case-challenges {
    padding-bottom: 11.875rem
}

@media screen and (max-width:768px) {
    .case-challenges {
        padding-bottom: 9.3125rem
    }
}

.case-challenges__title {
    margin-bottom: 3.75rem;
    font-size: 2.875rem;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width:768px) {
    .case-challenges__title {
        margin-bottom: 1.875rem;
        text-align: left;
        font-size: 1.5rem
    }
}

.case-challenges__items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(22.5rem, 1fr));
    grid-gap: 1.875rem
}

@media screen and (max-width:768px) {
    .case-challenges__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.25rem
    }
}

.case-challenges__item {
    border: 2px solid #121212;
    border-radius: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.875rem 2rem 2.25rem;
    font-size: 1rem;
    text-align: center
}

.case-challenges__item img {
    display: block;
    margin-bottom: 1.25rem;
    width: 3.125rem;
    height: 3.125rem
}

@media screen and (max-width:768px) {
    .case-challenges__item {
        padding: 1.0625rem .625rem .8125rem
    }

    .case-challenges__item img {
        margin-bottom: .9375rem;
        width: 1.5625rem;
        height: 1.5625rem
    }
}

.case-solution {
    background: var(--dark-color);
    padding-top: 10rem;
    padding-bottom: 6.25rem;
    color: #fff
}

@media screen and (max-width:768px) {
    .case-solution {
        padding-top: 4.5625rem;
        padding-bottom: 3.125rem
    }
}

.case-solution__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:1000px) {
    .case-solution__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.case-solution__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .9375rem);
    flex: 0 0 calc(50% - .9375rem)
}

.case-solution__img img {
    display: block
}

@media screen and (max-width:1000px) {
    .case-solution__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 2.5rem;
        height: 0;
        position: relative;
        padding-bottom: 61.1%
    }

    .case-solution__img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.case-solution__main {
    margin-right: 1.875rem
}

@media screen and (max-width:1000px) {
    .case-solution__main {
        margin-right: 0
    }
}

.case-solution__title {
    margin-bottom: 2.5rem;
    font-size: 2.875rem;
    line-height: 1.2
}

@media screen and (max-width:768px) {
    .case-solution__title {
        margin-bottom: 3.1875rem;
        font-size: 1.5rem
    }
}

.case-solution__list {
    font-size: 1.25rem;
    line-height: 1.4
}

.case-solution__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.case-solution__list li::before {
    content: "";
    -webkit-mask-image: url(../image/sprite.svg);
    mask-image: url(../image/sprite.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    background: #fff;
    width: 1.25rem;
    height: 1.625rem;
    margin-right: .8125rem;
    margin-top: -.1875rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.case-solution__list li+li {
    margin-top: 2.5rem
}

@media screen and (max-width:768px) {
    .case-solution__list {
        font-size: 1rem
    }

    .case-solution__list li+li {
        margin-top: 1.875rem
    }
}

.case-content {
    background: var(--dark-color);
    padding-top: 3.75rem;
    padding-bottom: 10.625rem;
    color: #fff
}

@media screen and (max-width:768px) {
    .case-content {
        padding-top: 3.125rem;
        padding-bottom: 6.25rem
    }
}

.case-content__video {
    position: relative
}

.case-content__video::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

.case-content__video::after {
    content: "";
    display: block;
    width: 3.06375rem;
    height: 3.06375rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../image/sprite.svg) no-repeat center/cover
}

.case-content__video img {
    display: block
}

@media screen and (max-width:768px) {
    .case-content__video::after {
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #fff;
        border-radius: 50%
    }
}

.case-content__items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30.625rem, 1fr));
    grid-gap: 1.875rem
}

.case-content__items.big-imgs,
.case-content__items.videos {
    grid-template-columns: repeat(auto-fill, minmax(46.875rem, 1fr))
}

.case-content__items.videos {
    margin-bottom: 5rem
}

.case-content__items.big-imgs {
    margin-top: 1.875rem
}

@media screen and (max-width:768px) {
    .case-content__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.25rem
    }

    .case-content__items.videos {
        margin-bottom: 2.5rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .case-content__items.big-imgs {
        margin-top: 1.25rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.case-content__img img {
    display: block;
    height: 100%
}

.case-partners {
    background: var(--dark-color);
    padding-bottom: 8.75rem;
    color: #fff
}

@media screen and (max-width:768px) {
    .case-partners {
        padding-bottom: 5.3125rem
    }
}

.case-partners__title {
    margin-bottom: 3.75rem;
    text-align: center;
    font-size: 2.875rem;
    line-height: 1.2
}

@media screen and (max-width:768px) {
    .case-partners__title {
        margin-bottom: 3.375rem;
        text-align: left;
        font-size: 1.5rem
    }
}

.case-partners__items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(22.5rem, 1fr));
    grid-gap: 5rem 10rem
}

@media screen and (max-width:768px) {
    .case-partners__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1.875rem
    }
}

.case-partner img {
    display: block;
    margin-bottom: 1.25rem;
    width: 3.75rem;
    height: 3.75rem
}

@media screen and (max-width:768px) {
    .case-partner img {
        margin-bottom: .9375rem
    }
}

.article-main h3,
.case-partner__title {
    margin-bottom: 1.25rem;
    font-size: 1.625rem
}

@media screen and (max-width:768px) {
    .case-partner__title {
        margin-bottom: .9375rem;
        font-size: 1.25rem
    }
}

.case-partner__desc {
    margin-bottom: 1.25rem;
    font-size: 1rem
}

@media screen and (max-width:768px) {
    .case-partner__desc {
        margin-bottom: .9375rem
    }
}

.case-partner__followers {
    font-weight: 700;
    font-size: 1.25rem
}

.case-main-result {
    padding-top: 8.125rem;
    padding-bottom: 8.125rem
}

@media screen and (max-width:768px) {
    .case-main-result {
        padding-top: 5rem;
        padding-bottom: 5.625rem
    }
}

.case-main-result__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1000px) {
    .case-main-result__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.case-main-result__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(16.67% - .9375rem);
    flex: 0 0 calc(16.67% - .9375rem);
    margin-right: 10rem;
    font-size: 2.875rem;
    line-height: 1.2
}

@media screen and (max-width:1000px) {
    .case-main-result__title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0;
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width:768px) {
    .case-main-result__title {
        font-size: 1.5rem
    }
}

.case-main-result__items {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.75rem 10rem
}

@media screen and (max-width:768px) {
    .case-main-result__items {
        width: 100%;
        grid-auto-flow: row;
        grid-gap: 2.5rem 1.25rem;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.case-main-result__item {
    font-size: 1rem
}

.case-main-result__item:nth-child(3):last-child,
.case-main-result__item:nth-child(3):nth-last-child(2) {
    -ms-grid-column: 2;
    grid-column: 2
}

.case-main-result__item:nth-child(4):last-child {
    -ms-grid-row: 2;
    grid-row: 2
}

.case-main-result__item span {
    display: block;
    font-size: 3.125rem;
    line-height: 1.2;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .case-main-result__item:nth-child(3):last-child {
        -ms-grid-column: 1;
        grid-column: 1
    }

    .case-main-result__item span {
        font-size: 1.5rem
    }
}

.contacts-section {
    padding-top: 2.5rem;
    padding-bottom: 5.875rem;
    background: #3c39c6 url(../image/contacts-bg.jpg) no-repeat center/cover;
    color: #fff
}

.contacts-section_page {
    padding-top: 10.375rem;
    padding-bottom: 5.8125rem;
    min-height: 100vh
}

@media screen and (max-width:768px) {
    .contacts-section {
        padding-top: 2.5rem;
        padding-bottom: 5.3125rem;
        background-image: url(../image/contacts-bg-mob.jpg)
    }

    .contacts-section_page {
        padding-top: 9.375rem;
        padding-bottom: 5rem
    }
}

.contacts-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1000px) {
    .contacts-section__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.contacts-section__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: calc(50% - .9375rem);
    width: 100%;
    margin-right: 1.875rem
}

@media screen and (max-width:768px) {
    .contacts-section__info {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 2.5rem
    }
}

.contacts-section__title {
    margin-bottom: 3.125rem;
    font-size: 4.25rem;
    line-height: 1.1
}

@media screen and (max-width:1000px) {
    .contacts-section__title {
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width:768px) {
    .contacts-section__title {
        font-size: 2.125rem
    }
}

.contacts-section__subtitle {
    margin-bottom: 1.875rem;
    font-size: 2.25rem;
    line-height: 1
}

.contacts-section__subtitle:nth-of-type(2) {
    margin-top: auto
}

@media screen and (max-width:1000px) {
    .contacts-section__subtitle {
        margin-bottom: 1.25rem
    }
}

@media screen and (max-width:768px) {
    .contacts-section__subtitle {
        font-size: 1.25rem
    }
}

.contacts-section__list {
    margin-bottom: 2.5rem;
    max-width: 36.25rem
}

.contacts-section__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.25rem;
    line-height: 1
}

.contacts-section__list li::before {
    content: "";
    background: url(../image/sprite.svg) no-repeat center/cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.625rem;
    height: 1.125rem;
    margin-right: 1.25rem
}

.contacts-section__list li+li {
    margin-top: 1.875rem
}

@media screen and (max-width:768px) {
    .contacts-section__list li {
        font-size: 1rem
    }

    .contacts-section__list li::before {
        width: 1.25rem;
        height: .865625rem;
        margin-right: .625rem
    }

    .contacts-section__list li+li {
        margin-top: 1.25rem
    }
}

.contacts-section__companies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts-section__companies img {
    height: 2.3125rem;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.contacts-section__companies img:not(:last-child) {
    margin-right: 3.125rem
}

@media screen and (max-width:768px) {
    .contacts-section__companies {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .contacts-section__companies img {
        height: 1.5rem
    }

    .contacts-section__companies img:not(:last-child) {
        margin-right: .625rem
    }
}

.contacts-section__form {
    max-width: calc(50% - .9375rem);
    width: 100%
}

@media screen and (max-width:1000px) {
    .contacts-section__form {
        max-width: 100%
    }
}

.contacts-form {
    padding: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    border-radius: 30px 0;
    color: var(--dark-color)
}

.contacts-form input {
    margin-bottom: 2.5rem;
    width: 100%;
    padding-bottom: .3125rem;
    border-bottom: .125rem solid var(--dark-color);
    font-size: calc(1rem + 1px);
    line-height: 1
}

.contacts-form input::-moz-placeholder {
    color: rgba(18, 18, 18, .4);
    text-transform: capitalize
}

.contacts-form input:-ms-input-placeholder {
    color: rgba(18, 18, 18, .4);
    text-transform: capitalize
}

.contacts-form input::-webkit-input-placeholder {
    color: rgba(18, 18, 18, .4);
    text-transform: capitalize
}

.contacts-form input::-ms-input-placeholder {
    color: rgba(18, 18, 18, .4);
    text-transform: capitalize
}

.contacts-form input::placeholder {
    color: rgba(18, 18, 18, .4);
    text-transform: capitalize
}

.contacts-form input.hidden {
    display: none
}

@media screen and (max-width:768px) {
    .contacts-form {
        padding: 2.5rem 1.25rem;
        border-radius: 0
    }

    .contacts-form input {
        margin-bottom: 2.5rem
    }
}

.contacts-form__fieldset {
    margin: 0;
    margin-bottom: 2.5rem;
    padding: 0;
    border: 0
}

.contacts-form__fieldset legend {
    padding: 0;
    margin-bottom: .9375rem;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1
}

.contacts-form__fieldset>div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.125rem 2.5rem
}

@media screen and (max-width:768px) {
    .contacts-form__fieldset {
        margin-bottom: 1.875rem
    }

    .contacts-form__fieldset legend {
        margin-bottom: .9375rem;
        max-width: 12.1875rem;
        font-size: 1rem
    }

    .contacts-form__fieldset>div {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.25rem
    }
}

.contacts-form__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

.contacts-form__checkbox:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.contacts-form__checkbox-normal {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    border: .125rem solid var(--dark-color);
    margin-right: .6875rem;
    position: relative
}

.contacts-form__checkbox-normal::before {
    content: "";
    background: url(../image/sprite.svg) no-repeat center/cover;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: .9375rem;
    height: .75rem;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.contacts-form__checkbox-label {
    font-size: 1rem;
    line-height: 1.21
}

.contacts-form__checkbox input:checked~.contacts-form__checkbox-normal::before {
    opacity: 1
}

.contacts-form__select {
    margin-bottom: 2.5rem;
    position: relative;
    display: block;
    width: 100%
}

.contacts-form__select::after {
    content: "";
    position: absolute;
    right: 1.375rem;
    bottom: 1.1875rem;
    display: block;
    width: 1.1875rem;
    height: .6875rem;
    -webkit-mask-image: url(../image/arrow-down-select.svg);
    mask-image: url(../image/arrow-down-select.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--dark-color);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.contacts-form__select:focus::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.contacts-form__select span {
    margin-bottom: .9375rem;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1
}

.contacts-form__select select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .125rem solid var(--dark-color);
    background: 0 0;
    padding: 0 1.375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.625rem;
    color: var(--dark-color);
    text-transform: capitalize
}

@media screen and (max-width:768px) {
    .contacts-form__select {
        margin-bottom: 1.875rem
    }

    .contacts-form__select::after {
        right: .9375rem;
        bottom: 1.0625rem
    }

    .contacts-form__select span {
        margin-bottom: .625rem;
        max-width: 14.1875rem;
        font-size: 1rem;
        line-height: 1.01
    }

    .contacts-form__select select {
        padding: 0 .9375rem
    }
}

.contacts-form__btn {
    margin-bottom: .9375rem;
    padding: 0 5.78125rem;
    background: var(--blue-color);
    line-height: 3.125rem;
    font-weight: 500;
    font-size: 1.125rem;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.contacts-form__btn:hover {
    background-color: var(--blue-accent-color)
}

@media screen and (max-width:768px) {
    .contacts-form__btn {
        margin-bottom: .625rem;
        padding: 0;
        width: 100%;
        line-height: 3.125rem;
        font-size: 1rem
    }
}

.contacts-form__label {
    font-size: 1rem;
    line-height: 1;
    color: rgba(18, 18, 18, .4)
}

@media screen and (max-width:768px) {
    .contacts-form__label {
        font-size: .875rem;
        line-height: 1.01
    }
}

.tactics-section {
    padding-bottom: 10.625rem
}

.tactics-section__title {
    margin-bottom: 3.125rem
}

.tactics-section__list {
    padding: 2.5rem 1.875rem 2.5rem 1.25rem;
    border: 2px solid var(--dark-color);
    border-radius: 30px 0;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 5rem;
    -webkit-column-gap: 5rem;
    column-gap: 5rem;
    font-size: 1.625rem;
    font-weight: 500;
    position: relative
}

.tactics-section__list::after,
.tactics-section__list::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.tactics-section__list::before {
    width: 3.4375rem;
    height: 3.4375rem;
    right: 34.4375rem;
    top: -1.6875rem;
    background-image: url(../image/sprite.svg)
}

.tactics-section__list::after {
    width: 6.4375rem;
    height: 6.4375rem;
    right: 2.754375rem;
    bottom: -3.99875rem;
    background-image: url(../image/sprite.svg)
}

.tactics-section__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tactics-section__list li::before {
    content: "";
    margin-left: 1.0625rem;
    margin-right: 1.0625rem;
    margin-top: .875rem;
    width: 7px;
    height: 7px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--dark-color);
    border-radius: 50%
}

.tactics-section__list li+li {
    margin-top: 1em
}

.seo-process-section {
    padding-top: 3.75rem;
    margin-bottom: 12.1875rem
}

.seo-process-section__title {
    margin: 0 auto;
    margin-bottom: 4.375rem;
    max-width: 63.375rem;
    text-align: center
}

.seo-process-section__items {
    grid-gap: 1.875rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr)
}

.seo-process-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.seo-process-item__ico {
    width: 2.3125rem;
    height: 2.3125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: .9375rem
}

.author-hero__img img,
.seo-process-item__ico img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.seo-process-item__title {
    margin-bottom: .9375rem;
    font-size: 2.25rem;
    font-weight: 500;
    white-space: nowrap
}

.seo-process-item__desc {
    font-size: 1.125rem
}

.seo-process-item__desc p+p {
    margin-top: .9375rem
}

.author-hero {
    background: #3c39c6 url(../image/blog-hero-bg.jpg) no-repeat center/cover;
    padding-top: 13rem;
    position: relative;
    color: #fff
}

.author-hero::after {
    content: "";
    background: url(../image/blog-hero-img.svg) no-repeat center/cover;
    opacity: .4;
    display: block;
    width: 52.3125rem;
    height: 33.125rem;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none
}

@media all and (max-width:768px) {
    .author-hero {
        padding-top: 10.0625rem;
        background-image: url(../image/blog-hero-bg-mob.jpg)
    }

    .author-hero::after {
        display: none
    }
}

.author-hero__title {
    margin-bottom: 1.25rem;
    font-size: 4.25rem
}

@media all and (max-width:768px) {
    .author-hero__title {
        margin-bottom: 1.875rem;
        font-size: 2.125rem
    }
}

.author-hero__position {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, .7)
}

@media all and (max-width:768px) {
    .author-hero__position {
        margin-bottom: 1.875rem;
        font-size: 1rem
    }
}

.author-hero__topics-title {
    margin-bottom: .1875rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4
}

@media all and (max-width:768px) {
    .author-hero__topics-title {
        margin-bottom: .625rem;
        font-size: 1.25rem
    }
}

.author-hero__topics {
    margin-bottom: 2.5rem;
    font-size: 1.25rem
}

@media all and (max-width:768px) {
    .author-hero__topics {
        margin-bottom: 1.875rem;
        font-size: 1.25rem
    }
}

.author-hero__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

@media all and (max-width:1000px) {
    .author-hero__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.author-hero__main {
    padding-bottom: 5.8125rem;
    margin-right: 7.0625rem
}

@media all and (max-width:1000px) {
    .author-hero__main {
        margin-right: 0;
        padding-bottom: 3.125rem
    }
}

.author-hero__img {
    margin-bottom: -6.125rem;
    width: 30.625rem;
    height: 30.625rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.author-hero__img img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media all and (max-width:768px) {
    .author-hero__img {
        margin-bottom: -5rem;
        position: absolute;
        bottom: 0;
        right: 1.25rem;
        width: 10.625rem;
        height: 10.625rem
    }
}

.author-hero__socials {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (2.625rem)[2];
    grid-template-columns: repeat(2, 2.625rem);
    grid-gap: 1.25rem
}

.author-hero__socials a {
    width: 100%;
    height: 2.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.author-hero__socials a::after {
    content: "";
    position: absolute;
    left: .0625rem;
    top: .0625rem;
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    border: 2px solid #fff;
    border-radius: 50%
}

.author-hero__socials a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(135deg, #3c39c6 26.87%, #f3454f 90.63%);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.author-hero__socials a:hover::before,
.menu-mobile__spoilers.not-active .menu-mobile__btn {
    opacity: 1
}

.author-hero__socials a svg,
.footer__socials a svg {
    max-width: 40%;
    position: relative;
    z-index: 2
}

@media all and (max-width:768px) {
    .author-hero__socials {
        grid-gap: .9375rem
    }
}

.author-main {
    padding-top: 12.375rem;
    padding-bottom: 11.9375rem;
    max-width: 63.125rem;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .author-main {
        padding-top: 7.6875rem;
        padding-bottom: 8.125rem
    }
}

.author-main blockquote {
    margin: 0;
    margin-top: 9.8125rem;
    padding: 3.125rem 4.375rem;
    width: 100%;
    border: .125rem solid #000;
    border-radius: 1.875rem 0;
    font-weight: 700;
    position: relative
}

.author-main blockquote::after,
.author-main blockquote::before {
    content: "";
    width: 4.375rem;
    height: 3rem;
    position: absolute;
    background: url(../image/sprite.svg) no-repeat center/cover
}

.author-main blockquote::before {
    left: 4.875rem;
    top: -1.875rem
}

.author-main blockquote::after {
    right: 3.9375rem;
    bottom: -1.875rem;
    background-image: url(../image/sprite.svg)
}

@media screen and (max-width:768px) {
    .author-main blockquote {
        margin-top: 5.625rem;
        padding: 2.5rem 1.25rem;
        font-size: 1.125rem
    }

    .author-main blockquote::before {
        left: 2rem
    }

    .author-main blockquote::after {
        right: 2.375rem
    }
}

.author-main__title {
    margin-bottom: 2.5rem
}

@media screen and (max-width:768px) {
    .author-main__title {
        margin-bottom: 1.25rem
    }
}

.author-publications {
    padding-top: .625rem;
    padding-bottom: 13.1875rem
}

@media screen and (max-width:768px) {
    .author-publications {
        padding-top: 0;
        padding-bottom: 4.375rem
    }
}

.author-publications__title {
    margin-bottom: 3.0625rem;
    text-align: center;
    line-height: 1.2
}

@media screen and (max-width:768px) {
    .author-publications__title {
        margin-bottom: 2.875rem;
        text-align: left
    }
}

.author-publications__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1000px) {
    .author-publications__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: -.840625rem
    }
}

.author-publications__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.375rem
}

.author-publications__img:not(:last-child) {
    margin-right: 3.5rem
}

.author-publications__img img {
    max-height: 100%;
    width: auto;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:1000px) {
    .author-publications__img {
        margin-top: .840625rem
    }

    .author-publications__img:not(:last-child) {
        margin-right: 1.3175rem
    }
}

@media screen and (max-width:768px) {
    .author-publications__img {
        height: 2.3125rem
    }
}

.menu {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

@media screen and (max-width:1000px) {
    .menu {
        display: none
    }
}

.menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menu__list>li+li {
    margin-left: 3.75rem
}

.menu__list>li,
.menu__list>li>a {
    height: 100%
}

.menu__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.38;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.footer-menu__list-inner a:hover,
.menu__list a:hover,
.sub-menu .current-menu-item a {
    color: var(--blue-color)
}

.menu__list li.menu-item-has-children>a::after {
    content: "";
    background: url(../image/arrow-down.svg) no-repeat center/cover;
    width: .875rem;
    height: .5625rem;
    margin-left: .625rem
}

.menu__list li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
    transition: opacity .4s ease-in-out, visibility .4s ease-in-out
}

.sub-menu {
    position: absolute;
    top: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    background-color: #121212;
    min-width: 8.125rem;
    overflow: hidden;
    margin-left: -1.5625rem;
    padding: .625rem 1.5625rem 1.5625rem
}

.menu-cta,
.sub-menu li+li {
    margin-top: .9375rem
}

.sub-menu a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.01
}

.menu-cta {
    margin-bottom: .9375rem;
    padding: 0 3.15625rem;
    line-height: 2.75rem;
    font-weight: 700;
    font-size: 1.125rem;
    border: .1875rem solid #fff;
    -webkit-transition: border-color .4s ease, background-color .4s ease;
    transition: border-color .4s ease, background-color .4s ease
}

@media screen and (max-width:1000px) {
    .menu-cta {
        display: none
    }

    .menu-cta_mobile {
        margin: 0;
        display: block;
        border: 0;
        background-color: var(--blue-color);
        padding: 0 .625rem;
        line-height: 3.125rem;
        font-size: .875rem
    }
}

.menu-btn {
    text-indent: -9999px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    background: #121212;
    border-radius: .9375rem 0
}

.menu-btn::before {
    content: "";
    background: url(../image/sprite.svg) no-repeat center/cover;
    width: 1.875rem;
    height: 1.3125rem;
    display: block
}

.menu-btn.is-active::before {
    background-image: url(../image/sprite.svg);
    width: 1.5rem;
    height: 1.5rem
}

@media screen and (max-width:1000px) {
    .menu-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.menu-mobile {
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 30rem;
    width: 100%;
    padding: 1.625rem 0;
    height: calc(100vh - 3.75rem);
    overflow-y: auto;
    background-color: #121212;
    display: none
}

.menu-mobile.is-active {
    display: block
}

.menu-mobile__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.25rem
}

.menu-mobile__spoilers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.faq-section__answer-inner ul li+li,
.menu-mobile__spoilers>*+* {
    margin-top: 1.25rem
}

.menu-mobile__btn {
    font-weight: 500;
    font-size: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .2;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.menu-mobile__btn::after {
    content: "";
    background-color: #fff;
    -webkit-mask-image: url(../image/arrow-spoiler.svg);
    mask-image: url(../image/arrow-spoiler.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: .6875rem;
    height: 1.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .625rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.menu-mobile__btn.active {
    opacity: 1
}

.menu-mobile__btn.active::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu-mobile__item:not(.active) {
    display: none
}

.menu-mobile__list {
    display: -ms-grid;
    display: grid;
    grid-gap: .9375rem
}

.menu-mobile__list a {
    display: block;
    font-size: 1rem;
    line-height: 1.01;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--z-index-header);
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.header.is-active .menu-cta,
.header.is-scrolled .menu-cta {
    border-color: var(--blue-color);
    background-color: var(--blue-color)
}

.header.is-scrolled {
    background-color: rgba(18, 18, 18, .5)
}

.header.is-active {
    background-color: #121212
}

@media screen and (min-width:1000px) {
    .header:hover {
        background-color: #121212
    }

    .header:hover .menu-cta {
        border-color: var(--blue-color);
        background-color: var(--blue-color)
    }
}

@media screen and (max-width:1000px) {
    .header {
        padding: 1.25rem 0
    }
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hero-section {
    background: #0a0f38 url(../image/hero-bg.jpg) no-repeat center/cover;
    padding-bottom: 5.22875rem;
    padding-top: 12.4375rem;
    position: relative;
    min-height: 100vh
}

.hero-section_front {
    background-image: url(../image/hero-bg-front.jpg);
    overflow: hidden
}

.hero-section_about {
    padding-top: 16.5rem;
    background-image: url(../image/hero-bg-about.jpg);
    overflow: hidden
}

.hero-section_about .arrow-btn,
.hero-section_about .hero-section__awards {
    display: none
}

.hero-section_about .hero-section__desc {
    max-width: 30.625rem;
    font-size: 1.25rem
}

.hero-section_video {
    background-image: url(../image/hero-bg-video.jpg)
}

.hero-section_cases {
    background-image: url(../image/hero-bg-cases.jpg)
}

.hero-section_blockchain {
    background-image: url(../image/hero-bg-blockchain.jpg)
}

.hero-section_careers,
.hero-section_portfolio,
.hero-section_services {
    overflow: hidden;
    min-height: auto;
    padding-top: 12.375rem;
    padding-bottom: 8.9375rem
}

.hero-section_portfolio .hero-section__awards {
    display: none
}

.hero-section_portfolio .hero-section__btns {
    margin-bottom: 0
}

.hero-section_careers,
.hero-section_services {
    background-image: url(../image/hero-bg-front.jpg);
    padding-bottom: 5rem
}

.hero-section_careers .hero-section__awards,
.hero-section_careers .hero-section__btns {
    display: none
}

.hero-section_careers .hero-section__desc {
    margin-bottom: 0
}

.hero-section_services {
    background-image: url(../image/hero-bg-services.jpg);
    padding-top: 12.6875rem;
    padding-bottom: 4.3125rem
}

.hero-section_services .hero-section__awards,
.hero-section_services .hero-section__desc {
    display: none
}

.hero-section_services .hero-section__btns {
    margin-bottom: 0
}

@media screen and (max-width:1000px) {
    .hero-section_smm .hero-section__title {
        display: none
    }

    .hero-section_smm .hero-section__title_mobile {
        display: block;
        font-size: 1.875rem
    }
}

.hero-section_seo {
    background-image: url(../image/hero-bg-seo.jpg)
}

.hero-section_seo .hero-section__desc {
    max-width: 46.8125rem;
    font-size: 1.25rem
}

@media screen and (min-width:1918px) {
    .hero-section {
        padding-bottom: 14.9375rem
    }
}

@media screen and (max-width:1000px) {
    .hero-section {
        min-height: auto;
        padding-top: 14.1875rem;
        padding-bottom: 3.75rem
    }

    .hero-section_about {
        padding-top: 10.625rem;
        padding-bottom: 19.3125rem
    }

    .hero-section_about .hero-section__btns {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 10.625rem
    }
}

@media screen and (max-width:768px) {
    .hero-section_video {
        background-image: url(../image/hero-bg-video-mob.jpg)
    }

    .hero-section_services {
        padding-bottom: 13.6875rem
    }

    .hero-section_cases .hero-section__title {
        min-height: auto
    }
}

.hero-section__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100vh;
    opacity: 0
}

.hero-section__bg.is-loaded {
    opacity: 1;
    -webkit-transition: opacity 1.8s ease-in 50ms;
    transition: opacity 1.8s ease-in 50ms
}

.hero-section__bg.front {
    --gradient-color-1: #181692;
    --gradient-color-2: #FFB494;
    --gradient-color-3: #FF9AD1;
    --gradient-color-4: #6C35E1
}

.hero-section__bg.smm {
    --gradient-color-1: #F3454F;
    --gradient-color-2: #AA90F4;
    --gradient-color-3: #0A0F38;
    --gradient-color-4: #3C39C6
}

.hero-section__bg.blog {
    --gradient-color-1: #6C35E1;
    --gradient-color-2: #296C7C;
    --gradient-color-3: #4CBE9E;
    --gradient-color-4: #AA90F4
}

.hero-section__bg.about {
    --gradient-color-1: #0D115A;
    --gradient-color-2: #FFB494;
    --gradient-color-3: #FF9AD1;
    --gradient-color-4: #6C35E1
}

.hero-section__bg.video {
    --gradient-color-1: #3C39C6;
    --gradient-color-2: #FFB494;
    --gradient-color-3: #F3454F;
    --gradient-color-4: #AA90F4
}

.hero-section__bg.cases {
    --gradient-color-1: #F3454F;
    --gradient-color-2: #181692;
    --gradient-color-3: #3C39C6;
    --gradient-color-4: #AA90F4
}

.hero-section__bg.blockchain {
    --gradient-color-1: #181692;
    --gradient-color-2: #3C39C6;
    --gradient-color-3: #AA90F4;
    --gradient-color-4: #FF9AD1
}

.hero-section__bg.portfolio {
    --gradient-color-1: #F3454F;
    --gradient-color-2: #AA90F4;
    --gradient-color-3: #181692;
    --gradient-color-4: #3C39C6
}

.hero-section__bg.careers {
    --gradient-color-1: #181692;
    --gradient-color-2: #FFB494;
    --gradient-color-3: #FF9AD1;
    --gradient-color-4: #6C35E1
}

.hero-section__bg.services {
    --gradient-color-1: #181692;
    --gradient-color-2: #3C39C6;
    --gradient-color-3: #AA90F4;
    --gradient-color-4: #FF9AD1
}

.hero-section__bg.author,
.hero-section__bg.seo {
    --gradient-color-1: #3C39C6;
    --gradient-color-2: #4CBE9E;
    --gradient-color-3: #7FE1DA;
    --gradient-color-4: #296C7C
}

.hero-section__bg.author {
    min-height: 0
}

.hero-section__container {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.hero-section__title {
    margin-bottom: 3.125rem;
    max-width: 79.15%;
    color: #fff
}

.hero-section__title_mobile {
    display: none
}

@media screen and (max-width:1000px) {
    .hero-section__title {
        margin-bottom: 1.875rem;
        max-width: 100%;
        min-height: 6.9375rem;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .hero-section__title_mobile {
        display: block
    }

    .hero-section__title_mobile .ovh {
        overflow: hidden;
        display: inline-block;
        line-height: 1.2
    }

    .hero-section__title_mobile .wow {
        display: inline;
        -webkit-animation-duration: 1.5s !important;
        animation-duration: 1.5s !important
    }

    .hero-section__title br {
        display: none
    }
}

.hero-slider {
    vertical-align: middle;
    display: inline-block;
    height: var(--hero-slider-height);
    width: 22.875rem;
    overflow: hidden;
    padding: 0 .75rem;
    background: var(--blue-color);
    position: relative;
    z-index: -1
}

.hero-slider__words {
    position: relative;
    -webkit-animation: marquee-y 20s infinite;
    animation: marquee-y 20s infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.hero-slider__words li {
    height: var(--hero-slider-height)
}

@media screen and (max-width:1000px) {
    .hero-slider {
        width: 11.25rem;
        padding: 0 .3125rem
    }

    .hero-slider__words li {
        height: 2.25rem
    }
}

.hero-section__desc {
    margin-bottom: 3.125rem;
    max-width: 45%;
    color: #fff;
    font-size: 1.5rem
}

@media screen and (max-width:1000px) {
    .hero-section__desc {
        margin-bottom: 1.875rem;
        max-width: 100%;
        font-size: 1.125rem
    }
}

.hero-section__btns {
    margin-bottom: 7.5rem;
    display: -ms-inline-grid;
    display: inline-grid;
    grid-gap: 4.1875rem;
    -ms-grid-columns: 22.5rem auto;
    grid-template-columns: 22.5rem auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .hero-section__btns {
        margin-bottom: 12.8125rem;
        grid-gap: 1.25rem;
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
        justify-items: start
    }

    .hero-section__btns .fill-btn {
        padding: 0 .625rem;
        max-width: 13.125rem
    }
}

.hero-section__awards {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 4.25rem
}

@media screen and (max-width:768px) {
    .hero-section__awards {
        margin-top: -.75rem;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: 0
    }
}

.hero-section__award {
    margin: 0;
    max-height: 3.4375rem;
    height: 100%;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero-section__award img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

@media screen and (max-width:768px) {
    .hero-section__award {
        margin-top: .75rem;
        margin-right: .625rem;
        max-height: 100%;
        height: 1.75rem
    }

    .hero-section__award:last-child {
        margin-right: 0
    }
}

.hero-section__text {
    position: absolute;
    top: 10.1875rem;
    right: -3%;
    z-index: 2;
    font-size: 7.6875rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .4;
    color: transparent;
    -webkit-text-stroke-width: .125rem;
    -webkit-text-stroke-color: #fff
}

.hero-section__text p:nth-child(2) {
    margin-left: 9.375rem
}

@media screen and (max-width:768px) {
    .hero-section__text {
        display: none
    }
}

.hero-section__video-btn {
    width: 16.875rem;
    height: 16.875rem;
    position: absolute;
    top: 28.25rem;
    left: 50%;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hero-section__video-btn svg {
    width: 100%;
    height: 100%;
    display: block
}

@media screen and (max-width:1000px) {
    .hero-section__video-btn {
        width: 10rem;
        height: 10rem;
        top: auto;
        bottom: 5.5625rem
    }
}

.authority-section {
    padding-top: 5.75rem;
    padding-bottom: 14.875rem
}

@media screen and (max-width:768px) {
    .authority-section {
        padding-top: 3.875rem;
        padding-bottom: 6.25rem
    }
}

.authority-section_seo {
    padding-bottom: 12.5rem
}

.authority-section__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .9375rem);
    flex: 0 0 calc(50% - .9375rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.authority-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.authority-section__container:first-child .authority-section__img img {
    width: 24.375rem
}

.authority-section__container:not(:last-child) {
    margin-bottom: 9.375rem
}

.authority-section__container:nth-child(2) .authority-section__title {
    max-width: 100%
}

.authority-section__container:nth-child(2) .authority-section__img img {
    width: 32.5rem
}

.authority-section__container:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width:1000px) {

    .authority-section__container,
    .authority-section__container:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .authority-section__container:not(:last-child) {
        margin-bottom: 3.125rem
    }
}

.authority-section__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .9375rem);
    flex: 0 0 calc(50% - .9375rem)
}

@media screen and (max-width:1000px) {
    .authority-section__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 2.5rem
    }
}

.authority-section__title {
    max-width: 34.375rem;
    margin-bottom: 2.5rem
}

@media screen and (max-width:768px) {
    .authority-section__title {
        margin-bottom: 1.25rem
    }
}

.authority-section__main-desc {
    margin-bottom: 2.5rem;
    max-width: 39rem;
    color: var(--dark-color);
    font-size: 1.625rem;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .authority-section__main-desc {
        margin-bottom: 1.25rem;
        max-width: 25.5rem;
        font-size: 1.125rem
    }
}

.authority-section__desc {
    margin-bottom: 2.5rem;
    font-size: 1.25rem
}

@media screen and (max-width:768px) {
    .authority-section__desc {
        margin-bottom: 0;
        font-size: 1rem
    }
}

.authority-section__btn {
    max-width: 22.5rem
}

.authority-section__btn_mobile {
    display: none
}

@media screen and (max-width:1000px) {
    .authority-section__btn {
        display: none
    }

    .authority-section__btn_mobile {
        display: block;
        max-width: 100%;
        width: 100%
    }
}

.authority-section__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 1.25rem);
    flex: 0 0 calc(50% - 1.25rem);
    padding: 4.0625rem 6.25rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%);
    border-radius: 30px 0
}

@media screen and (max-width:1000px) {
    .authority-section__info {
        margin-bottom: 1.25rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media screen and (max-width:768px) {
    .authority-section__info {
        padding: 1.5625rem 2.1875rem 1.5625rem 1.5625rem
    }
}

.authority-section__info-title {
    margin-bottom: 3.125rem
}

@media screen and (max-width:768px) {
    .authority-section__info-title {
        margin-bottom: 1.875rem
    }
}

.authority-section__list li {
    font-weight: 500;
    font-size: 1.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.authority-section__list li::before {
    content: "";
    background: url(../image/sprite.svg) no-repeat center/cover;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .9375rem
}

.authority-section__list li+li {
    margin-top: 1.875rem
}

@media screen and (max-width:768px) {
    .authority-section__list li {
        font-size: 1rem;
        line-height: 1.1
    }

    .authority-section__list li::before {
        width: 1.25rem;
        height: 1.25rem
    }

    .authority-section__list li+li {
        margin-top: 1.25rem
    }
}

.authority-section__seo-list li {
    font-weight: 500;
    font-size: 1.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.authority-section__seo-list li img {
    margin-right: 1.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 3.125rem;
    height: 3.125rem
}

.authority-section__seo-list li+li {
    margin-top: 2.5rem
}

.care-section {
    padding-bottom: 15.625rem
}

@media screen and (max-width:1000px) {
    .care-section {
        overflow: hidden
    }
}

@media screen and (max-width:768px) {
    .care-section {
        padding-bottom: 5.625rem
    }
}

.care-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:1280px) {
    .care-section__container {
        display: block
    }
}

.care-section__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.care-section__title {
    margin-bottom: 1.5625rem
}

@media screen and (max-width:1000px) {
    .care-section__title {
        text-align: center
    }
}

.care-section__desc {
    margin-bottom: 2.5rem;
    max-width: 83%;
    font-size: 1.25rem
}

@media screen and (max-width:1000px) {
    .care-section__desc {
        display: none
    }
}

.care-section__items>div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.875rem 2.0625rem
}

@media screen and (max-width:1000px) {
    .care-section__items {
        width: 100vw;
        margin-left: -1.25rem
    }

    .care-section__items>div {
        display: block
    }

    .care-section__items .tns-slider {
        padding-left: .9375rem
    }

    .care-section__items .tns-controls {
        margin-top: 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        outline: 0
    }

    .care-section__items .tns-controls button {
        text-indent: -9999px;
        background: #121212;
        -webkit-mask-image: url(../image/arrow-slider.svg);
        mask-image: url(../image/arrow-slider.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease;
        width: 1.875rem;
        height: 1.875rem
    }

    .care-section__items .tns-controls button:disabled {
        background-color: #565656;
        cursor: default
    }

    .care-section__items .tns-controls button+button {
        margin-left: 1.25rem;
        -webkit-transform: none;
        transform: none
    }
}

.care-section__elements {
    position: relative;
    width: 100%;
    margin-left: 4.875rem;
    margin-top: 4.3125rem
}

@media screen and (max-width:1280px) {
    .care-section__elements {
        display: none
    }
}

.care-section__element {
    position: absolute;
    width: 17.4375rem;
    height: 17.4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.care-section__element::before {
    content: "";
    border: 2px solid #212121;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.care-section__element:hover::before {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.care-section__element svg {
    margin-bottom: .4375rem;
    width: 2.8125rem;
    height: 2.8125rem
}

.care-section__element p {
    width: 8.875rem;
    line-height: 1.25;
    font-weight: 500;
    font-size: 1.625rem;
    text-align: center
}

.care-section__element:first-child {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.care-section__element:nth-child(2) {
    right: 0;
    top: 7.6875rem
}

.care-section__element:nth-child(3) {
    right: 0;
    top: 22.375rem
}

.care-section__element:nth-child(4) {
    bottom: -2.3125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.care-section__element:nth-child(5) {
    left: 0;
    top: 22.375rem
}

.care-section__element:last-child {
    left: 0;
    top: 7.6875rem
}

.care-item {
    min-height: 11rem;
    padding: 1.1875rem 1.0625rem 1.3125rem 1.1875rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%);
    border-radius: 30px 0;
    color: #141414
}

@media screen and (max-width:1000px) {
    .care-item {
        width: 17.5rem;
        height: 17.5rem;
        padding: 1.75rem 2.6875rem 2.1875rem;
        margin-left: -1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: 0 0;
        border-radius: 50%;
        border: 2px solid #121212
    }

    .care-item::before {
        content: "";
        width: 1.5625rem;
        height: 1.5625rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: .4375rem;
        background: url(../image/sprite.svg) no-repeat center/cover
    }

    .care-item.production::before {
        background-image: url(../image/sprite.svg)
    }

    .care-item.influence::before {
        background-image: url(../image/sprite.svg)
    }

    .care-item.targeting::before {
        background-image: url(../image/sprite.svg)
    }

    .care-item.strategy::before {
        background-image: url(../image/sprite.svg)
    }

    .care-item.animation::before {
        background-image: url(../image/sprite.svg)
    }
}

.care-item__title {
    margin-bottom: .625rem
}

@media screen and (max-width:1000px) {
    .care-item__title {
        margin-bottom: .375rem;
        text-align: center;
        font-size: 1.25rem
    }
}

.care-item__desc {
    font-size: 1rem
}

@media screen and (max-width:1000px) {
    .care-item__desc {
        text-align: center
    }
}

.content-section {
    padding-top: 3.125rem;
    padding-bottom: 10.625rem;
    background: #121212
}

.content-section_page {
    padding-bottom: 0
}

.content-section_page .content-tabs__item.active:not(.videos) {
    padding-bottom: 5.625rem
}

@media screen and (max-width:768px) {
    .content-section {
        padding-top: 2.6875rem;
        padding-bottom: 5.3125rem
    }
}

.content-section__all-btn {
    margin-top: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:768px) {
    .content-section__all-btn {
        margin-top: 2.125rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.content-section__select {
    display: none
}

@media screen and (max-width:1280px) {
    .content-section__select {
        margin: 0 1.25rem;
        margin-bottom: 2.625rem;
        display: block;
        position: relative
    }

    .content-section__select::after {
        content: "";
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        display: block;
        width: .75rem;
        height: .375rem;
        pointer-events: none;
        background: url(../image/sprite.svg) no-repeat center/cover
    }

    .content-section__select select {
        width: 100%;
        padding-left: .9375rem;
        padding-right: 1.75rem;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: linear-gradient(286.73deg, #f3454f 23.48%, #3c39c6 81.61%);
        border-radius: 30px;
        border: 0;
        line-height: 2.5rem;
        font-size: 1.25rem;
        font-family: inherit;
        font-weight: 400;
        color: #fff
    }

    .content-section__select select:focus {
        outline: 0
    }
}

.content-tabs__nav {
    margin-bottom: 4.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1280px) {
    .content-tabs__nav {
        display: none
    }
}

.content-tabs__btn {
    border-radius: 30px;
    min-width: 17.6875rem;
    color: #fff;
    line-height: 3.75rem;
    font-size: 1.625rem;
    position: relative;
    overflow: hidden
}

.content-tabs__btn::before {
    content: "";
    position: absolute;
    left: .0625rem;
    top: .0625rem;
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    border: .125rem solid #fff;
    border-radius: 30px
}

.content-tabs__btn::after {
    content: "";
    position: absolute;
    left: -1.25rem;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(286.73deg, #f3454f 23.48%, #3c39c6 81.61%);
    background-size: 20.1875rem;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.content-tabs__btn.active::after,
.content-tabs__btn:hover::after {
    width: calc(100% + 2.5rem)
}

.content-tabs__btn span {
    position: relative;
    z-index: 2
}

.content-tabs__btn+.content-tabs__btn {
    margin-left: 1.75rem
}

.content-tabs__item {
    display: none
}

.content-tabs__item.active {
    display: -ms-grid;
    display: grid
}

.content-tabs__item.active:not(.videos) {
    max-width: 98.125rem;
    margin: 0 auto;
    padding: 0 1.25rem
}

.content-tabs__item.active.videos {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.content-tabs__item.active.masonry {
    display: block;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    -moz-column-gap: 1.875rem;
    -webkit-column-gap: 1.875rem;
    column-gap: 1.875rem
}

.content-tabs__item.active.images,
.content-tabs__item.active.square {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.875rem
}

@media screen and (max-width:768px) {
    .content-tabs__item.active.videos {
        display: -ms-grid;
        display: grid;
        grid-gap: 0;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0 1.25rem
    }

    .content-tabs__item.active.images,
    .content-tabs__item.active.masonry,
    .content-tabs__item.active.square {
        display: -ms-grid;
        display: grid;
        grid-gap: 1.25rem;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        padding: 0 1.25rem
    }
}

.content-item {
    position: relative
}

.content-item::before {
    content: "";
    height: 0;
    display: inline-block;
    padding-top: 49.79%;
    width: 1px;
    position: relative
}

.content-item:hover .content-item__info {
    opacity: 1
}

.content-item_square::before {
    padding-top: 100%
}

.content-item_images::before {
    padding-top: 50.13%
}

.content-item_masonry {
    margin-bottom: 1.875rem
}

.content-item_masonry::before {
    display: none
}

.content-item_masonry .content-item__img {
    position: static;
    width: 100%
}

.content-item_masonry .content-item__img img {
    height: auto
}

@media screen and (max-width:768px) {
    .content-item_masonry {
        margin-bottom: 0
    }

    .content-item_masonry::before {
        display: inline-block
    }

    .content-item_masonry .content-item__img {
        position: absolute
    }

    .content-item_masonry .content-item__img img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.content-item__img,
.content-item__info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.content-item__img img,
.content-item__img video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.content-item__img video {
    width: 100%
}

@media screen and (max-width:768px) {
    .content-item__img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.content-item__info {
    padding: 4.25rem 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media screen and (max-width:1000px) {
    .content-item__info {
        padding: 1.25rem;
        opacity: 1;
        background: 0 0
    }
}

.content-item__desc {
    position: relative;
    z-index: 2;
    pointer-events: none;
    max-width: 24.1875rem;
    font-size: 1.25rem
}

@media screen and (max-width:1000px) {
    .content-item__desc {
        display: none
    }
}

.reviews-section {
    padding-bottom: 8.75rem;
    background: var(--dark-color);
    color: #fff;
    overflow: hidden
}

.reviews-section_mt {
    padding-top: 8.75rem
}

.reviews-section_white {
    background-color: #fff
}

.reviews-section_white .reviews-item__author {
    color: rgba(18, 18, 18, .5)
}

.reviews-section_white,
.reviews-section_white .reviews-item__btn {
    color: var(--dark-color)
}

.reviews-section_white .slider-btn {
    background-color: var(--dark-color)
}

.reviews-section_white .reviews-section__slider .tns-item:not(:last-child) .reviews-item {
    border-color: var(--dark-color)
}

@media screen and (max-width:768px) {
    .reviews-section {
        padding-bottom: 5rem
    }

    .reviews-section_mt {
        padding-top: 5rem
    }
}

.reviews-section__title {
    margin-bottom: 2.5rem
}

@media screen and (max-width:768px) {
    .reviews-section__title {
        margin-bottom: 3.125rem
    }
}

.reviews-section__slider {
    padding-left: calc(50vw - 95.625rem/2)
}

.reviews-section__slider .tns-item:not(:last-child) .reviews-item {
    border-right: .125rem solid #fff;
    padding-right: 5.0625rem;
    width: 37.8125rem
}

@media screen and (max-width:1280px) {
    .reviews-section__slider {
        padding-left: 1.25rem
    }
}

@media screen and (max-width:768px) {
    .reviews-section__slider .tns-item:not(:last-child) .reviews-item {
        border-right: .125rem solid #fff;
        padding-right: 2.5625rem;
        width: 19.9375rem
    }
}

.reviews-section__slider-nav {
    margin-top: 3.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:768px) {
    .reviews-section__slider-nav {
        margin-top: 2.3125rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.reviews-section__slider-btn {
    max-width: 22.4375rem
}

@media screen and (max-width:768px) {
    .reviews-section__slider-btn {
        max-width: 100%;
        width: 100%
    }
}

.reviews-section__slider-arrows {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.625rem;
    outline: 0
}

@media screen and (max-width:768px) {
    .reviews-section__slider-arrows {
        grid-gap: 1.25rem;
        margin-bottom: 2.1875rem
    }
}

.reviews-section__subtitle {
    margin-top: 8.125rem;
    margin-bottom: 3.5rem;
    text-align: center
}

@media screen and (max-width:1000px) {
    .reviews-section__subtitle {
        text-align: left;
        font-size: 1.875rem
    }
}

@media screen and (max-width:768px) {
    .reviews-section__subtitle {
        margin-top: 4.0625rem;
        margin-bottom: 2.5rem;
        max-width: 23.4375rem
    }
}

.reviews-section__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1000px) {
    .reviews-section__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: -2.1875rem
    }
}

.reviews-section__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.375rem
}

.reviews-section__item:not(:last-child) {
    margin-right: 5rem
}

.reviews-item__logo img,
.reviews-section__item img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.reviews-section__item img {
    max-height: 100%
}

@media screen and (max-width:1000px) {
    .reviews-section__item {
        margin-top: 2.1875rem
    }

    .reviews-section__item:not(:last-child) {
        margin-right: 2.1875rem
    }
}

@media screen and (max-width:768px) {
    .reviews-section__item {
        height: 2.375rem
    }
}

@media screen and (max-width:1000px) {
    .reviews-section__item {
        height: 2.375rem;
        margin-top: 2.1875rem
    }

    .reviews-section__item:not(:last-child) {
        margin-right: 2.1875rem
    }
}

.reviews-item {
    padding-top: 2.8125rem;
    padding-bottom: 2.375rem;
    width: 32.625rem;
    display: -ms-grid;
    display: grid;
    justify-items: start;
    grid-gap: 1.875rem
}

@media screen and (max-width:768px) {
    .reviews-item {
        padding-top: 0;
        padding-bottom: 0;
        width: 17.25rem;
        grid-gap: 1.25rem
    }
}

.reviews-item__logo {
    width: 14.6875rem;
    height: 1.875rem
}

.reviews-item__logo img {
    height: 100%;
    width: auto
}

@media screen and (max-width:768px) {
    .reviews-item__logo {
        width: 7.8125rem;
        height: 1.5rem
    }
}

.reviews-item__title {
    font-size: 1.625rem;
    max-width: 30.75rem
}

@media screen and (max-width:768px) {
    .reviews-item__title {
        font-size: 1.25rem
    }
}

.reviews-item__desc {
    font-size: 1.25rem
}

@media screen and (max-width:768px) {
    .reviews-item__desc {
        font-size: 1rem
    }
}

.reviews-item__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-style: italic;
    color: rgba(255, 255, 255, .5)
}

.reviews-item__author img {
    width: 3.125rem;
    height: 3.125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .9375rem
}

.reviews-item__author-name {
    font-weight: 700
}

@media screen and (max-width:768px) {
    .reviews-item__author {
        font-size: .875rem
    }
}

.reviews-item__btn {
    text-transform: capitalize
}

@media screen and (max-width:768px) {
    .reviews-item__btn {
        font-size: 1.25rem
    }
}

.cta-section {
    padding-top: 10.625rem;
    padding-bottom: 10.625rem;
    background: url(../image/cta-bg.jpg) no-repeat center/cover;
    position: relative;
    overflow: hidden
}

.cta-section_front {
    background: url(../image/cta-bg-front.jpg) no-repeat center/cover
}

.cta-section_blockchain {
    background: url(../image/cta-bg-blockchain.jpg) no-repeat center/cover
}

.cta-section_article {
    position: absolute;
    left: 0;
    right: 0;
    width: 100vw;
    margin: 0;
    padding-top: 7.1875rem;
    padding-bottom: 6.75rem;
    background: url(../image/cta-bg-article.jpg) no-repeat center/cover
}

.cta-section_article .cta-section__title,
.cta-section_video .cta-section__title {
    margin-bottom: 1.875rem
}

.cta-section_video {
    padding-top: 12.5rem;
    padding-bottom: 8.9375rem;
    background: url(../image/cta-bg-video.jpg) no-repeat center/cover
}

.cta-section_video .cta-section__arrow {
    position: absolute;
    right: 4.625rem;
    left: auto;
    top: 0;
    display: block;
    width: 42.3125rem;
    height: 37.375rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform 2s .2s ease;
    transition: -webkit-transform 2s .2s ease;
    transition: transform 2s .2s ease;
    transition: transform 2s .2s ease, -webkit-transform 2s .2s ease;
    transition: transform 2s .2s ease, -webkit-transform 2s .2s ease;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 1
}

.cta-section__arrow img,
.cta-section_video .cta-section__arrow img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: none;
    transition: none
}

.cta-section_video .cta-section__arrow.hidden {
    -webkit-transform: translateX(120%) rotate(180deg);
    transform: translateX(120%) rotate(180deg)
}

@media screen and (max-width:768px) {
    .cta-section_video .cta-section__arrow {
        display: none
    }
}

.cta-section_mobile {
    display: none
}

.cta-section_seo {
    background: url(../image/cta-bg-seo.jpg) no-repeat center/cover
}

.cta-section_cases {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%)
}

.cta-section_cases .cta-section__title,
.faq-section__desc a {
    color: var(--dark-color)
}

.cta-section_case {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    background: var(--dark-color)
}

.cta-section_case .cta-section__scroll {
    display: none
}

@media screen and (max-width:768px) {
    .cta-section {
        padding-top: 4.6875rem;
        padding-bottom: 4.6875rem;
        background-image: url(../image/cta-bg-mob.jpg)
    }

    .cta-section_front {
        background-image: url(../image/cta-bg-front-mob.jpg)
    }

    .cta-section_article {
        padding-top: 4.6875rem;
        padding-bottom: 4.6875rem;
        background-image: url(../image/cta-bg-article-mob.jpg)
    }

    .cta-section_article .cta-section__title {
        margin-bottom: 1.875rem
    }

    .cta-section_mobile {
        display: block
    }

    .cta-section_article .cta-section__desc,
    .cta-section_video {
        display: none
    }

    .cta-section_cases {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
        background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%)
    }

    .cta-section_cases .cta-section__title {
        color: var(--dark-color)
    }

    .cta-section_case {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        background: var(--dark-color)
    }
}

.cta-section__wrapper {
    height: 29.8125rem;
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

@media screen and (max-width:768px) {
    .cta-section__wrapper {
        height: 18.625rem
    }
}

.cta-section__scroll {
    position: absolute;
    left: -.5rem;
    top: -.6875rem;
    font-weight: 500;
    font-size: 7rem;
    line-height: .84;
    text-transform: lowercase;
    color: rgba(255, 255, 255, .2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:768px) {
    .cta-section__scroll {
        display: none
    }
}

.cta-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.cta-section__arrow {
    position: absolute;
    left: 0;
    top: -3.4375rem;
    display: block;
    width: 100%;
    height: 23.9375rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform 2s .2s ease;
    transition: -webkit-transform 2s .2s ease;
    transition: transform 2s .2s ease;
    transition: transform 2s .2s ease, -webkit-transform 2s .2s ease;
    transition: transform 2s .2s ease, -webkit-transform 2s .2s ease;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.cta-section__arrow img {
    -webkit-transition: -webkit-transform 2s .2s ease;
    transition: -webkit-transform 2s .2s ease;
    transition: transform 2s .2s ease;
    transition: transform 2s .2s ease, -webkit-transform 2s .2s ease;
    transition: transform 2s .2s ease, -webkit-transform 2s .2s ease
}

.cta-section__arrow.hidden {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.cta-section__arrow.hidden img {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@media screen and (max-width:768px) {
    .cta-section__arrow {
        display: none
    }
}

.cta-section__title {
    margin-bottom: 3.125rem;
    color: #fff;
    text-align: center
}

@media screen and (max-width:768px) {
    .cta-section__title {
        margin-bottom: 1.875rem;
        max-width: 23.875rem
    }

    .cta-section__title br {
        display: none
    }
}

.cta-section__desc {
    margin-bottom: 1.875rem;
    max-width: 46.875rem;
    font-size: 1.25rem;
    text-align: center;
    color: #fff
}

.cta-section__btn {
    max-width: 22.4375rem;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .cta-section__btn {
        max-width: 17.5rem
    }
}

.faq-section {
    padding-top: 3.125rem;
    padding-bottom: 10rem
}

.faq-section .faq-section_careers .faq-section__title {
    margin-bottom: 2.3125rem
}

@media screen and (max-width:768px) {
    .faq-section {
        padding-top: 3.75rem;
        padding-bottom: 5rem
    }

    .faq-section .faq-section_careers {
        padding-top: 2.5rem
    }

    .faq-section .faq-section_careers .faq-section__title {
        margin-bottom: .9375rem
    }
}

.faq-section__title {
    margin-bottom: 3.125rem;
    text-align: center
}

@media screen and (max-width:768px) {
    .faq-section__title {
        margin-bottom: 1.875rem;
        text-align: left
    }
}

.faq-section__desc {
    max-width: 38.75rem;
    margin: 0 auto 3.75rem;
    font-size: 1.25rem;
    line-height: 1.4;
    text-align: center
}

.faq-section__desc a {
    text-decoration: none;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .faq-section__desc {
        margin: 0;
        margin-bottom: 2.5rem;
        text-align: left
    }
}

.faq-section__items {
    max-width: 63.125rem;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    grid-gap: 1.25rem
}

@media screen and (max-width:768px) {
    .faq-section__items {
        grid-gap: .9375rem
    }
}

.faq-section__item.active .faq-btn::after {
    -webkit-transform: translateZ(0) rotate(45deg);
    transform: translateZ(0) rotate(45deg)
}

.faq-section__answer {
    padding-left: 1.6875rem;
    padding-right: 3.4375rem;
    font-size: 1.25rem;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
    transition: max-height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

@media screen and (max-width:768px) {
    .faq-section__answer {
        padding-left: 0;
        padding-right: 0;
        font-size: 1rem
    }
}

.faq-section__answer-inner {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media screen and (max-width:768px) {
    .faq-section__answer-inner {
        padding-top: .9375rem;
        padding-bottom: .9375rem
    }
}

.faq-section__answer-inner p+p {
    margin-top: 1em
}

.faq-section__answer-inner ul {
    margin: 1.25rem 0;
    font-size: 1.25rem;
    line-height: 1.3;
    list-style: disc;
    padding-left: 1.5625rem
}

.clients-section {
    margin-bottom: 9.375rem
}

.clients-section_mt {
    margin-top: 9.375rem
}

@media screen and (max-width:768px) {
    .clients-section {
        margin-bottom: 5rem
    }

    .clients-section_mt {
        margin-top: 6.1875rem
    }
}

.clients-section__title {
    margin-bottom: 4.375rem;
    text-align: center
}

@media screen and (max-width:768px) {
    .clients-section__title {
        margin-bottom: 1.875rem;
        text-align: left
    }
}

.clients-section__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr)
}

@media screen and (max-width:1000px) {
    .clients-section__items {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

.clients-section__item {
    border-top: .125rem solid #c2c2c2;
    border-left: .125rem solid #c2c2c2;
    height: 9.8125rem;
    padding: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.clients-section__item:nth-child(-n+6) {
    border-top: none
}

.clients-section__item:nth-child(6n+1) {
    border-left: none
}

.clients-section__item:nth-child(4) img {
    max-height: 100%
}

.clients-section__item img,
.footer__logo img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.clients-section__item img {
    max-height: 6.875rem
}

.clients-section__item-inner {
    opacity: .7;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.clients-section__item-inner:hover,
.footer__socials a:hover::before {
    opacity: 1
}

@media screen and (max-width:1000px) {
    .clients-section__item:nth-child(-n+6) {
        border-top: .125rem solid #c2c2c2
    }

    .clients-section__item:nth-child(6n+1) {
        border-left: .125rem solid #c2c2c2
    }

    .clients-section__item:nth-child(-n+3) {
        border-top: none
    }

    .clients-section__item:nth-child(3n+1) {
        border-left: none
    }
}

@media screen and (max-width:768px) {
    .clients-section__item {
        height: 5.4375rem;
        padding: .3125rem
    }
}

.footer {
    background-color: #121212;
    padding-top: 7.5rem;
    padding-bottom: 6.25rem
}

@media screen and (max-width:768px) {
    .footer {
        padding-top: 4.25rem;
        padding-bottom: 2.125rem
    }
}

.footer__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 0 1.875rem
}

@media screen and (max-width:1280px) {
    .footer__container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:768px) {
    .footer__container {
        grid-gap: 1.875rem 0
    }
}

.footer__nav {
    margin-bottom: 5.625rem;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1/9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.875rem
}

@media screen and (max-width:1000px) {
    .footer__nav {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.875rem 1.25rem;
        margin-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .footer__nav {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.footer__nav-btn {
    display: none
}

@media screen and (max-width:768px) {
    .footer__nav-btn {
        grid-column: 1/-1;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 2.375rem;
        font-size: 1.25rem;
        font-weight: 500;
        text-align: left
    }

    .footer__nav-btn::after {
        content: "";
        display: block;
        width: 1.1875rem;
        height: .6875rem;
        background: url(../image/sprite.svg) no-repeat center/cover;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        -webkit-transform-origin: 50%;
        transform-origin: 50%
    }
}

.active>.footer__nav-btn::after,
.sidebar__spoiler.active .sidebar__spoiler-btn::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer__nav-block_mobile {
    display: none
}

@media screen and (max-width:768px) {
    .footer__nav-block {
        border-bottom: .125rem solid #fff
    }

    .footer__nav-block .footer__subtitle,
    .footer__nav-block_desktop {
        display: none
    }

    .footer__nav-block_mobile {
        display: block
    }
}

@media screen and (max-width:1000px) {
    .footer__logo-wrapper {
        grid-column: 1/-1
    }
}

.footer__links {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9/13;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

@media screen and (max-width:1280px) {
    .footer__links {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3
    }
}

.footer__logo {
    width: 11.3125rem;
    height: 4rem;
    display: block
}

.footer__logo img {
    width: 100%;
    height: 100%
}

@media screen and (max-width:768px) {
    .footer__logo {
        width: 8.25rem;
        height: 2.9375rem
    }
}

.footer__subtitle {
    margin-bottom: 1.875rem;
    font-size: 1.5rem;
    line-height: 1.01;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize
}

.footer__subtitle_mb {
    margin-bottom: 1.25rem
}

@media screen and (max-width:768px) {
    .footer__subtitle {
        font-size: 1.25rem
    }

    .footer__subtitle,
    .footer__subtitle_mb {
        margin-bottom: .9375rem
    }

    .footer__subtitle_mb br {
        display: none
    }

    .footer-menu__list {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .6s ease, padding .6s ease;
        transition: max-height .6s ease, padding .6s ease
    }
}

.footer-menu__list-inner {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-menu__list-inner li+li {
    margin-top: .9375rem
}

.footer-menu__list-inner a {
    font-size: 1.125rem;
    line-height: 1.01;
    display: inline-block;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media screen and (max-width:768px) {
    .footer-menu__list-inner {
        padding-bottom: .9375rem;
        padding-top: .625rem
    }

    .footer-menu__list-inner a {
        font-size: 1rem
    }
}

.footer__contacts {
    margin-bottom: 3.75rem;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8;
    grid-column: 3/11;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3fr;
    grid-template-columns: 1fr 3fr;
    grid-gap: 1.875rem
}

@media screen and (max-width:1280px) {
    .footer__contacts {
        grid-column: 1/-1
    }
}

@media screen and (max-width:1000px) {
    .footer__contacts {
        grid-column: 1/-1;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1.25rem
    }
}

@media screen and (max-width:768px) {
    .footer__contacts {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 3.125rem;
        margin-bottom: 1.875rem
    }
}

.footer__info {
    max-width: 12.1875rem
}

.footer__info a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1.125rem;
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .footer__info {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        max-width: 100%
    }

    .footer__info a+a {
        margin-top: .5em
    }
}

.footer__info-block:not(:first-child) {
    margin-top: 2.5rem
}

.footer__offices-addresses {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.5rem 1.875rem
}

@media screen and (max-width:1000px) {
    .footer__offices-addresses {
        grid-template-columns: repeat(auto-fit, minmax(14.375rem, 1fr));
        grid-gap: 1.25rem
    }
}

@media screen and (max-width:768px) {
    .footer__offices-addresses {
        grid-gap: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .6s ease, margin .6s ease;
        transition: max-height .6s ease, margin .6s ease
    }

    .footer__offices {
        border-bottom: .125rem solid #fff
    }
}

.footer__address {
    max-width: 14.375rem;
    color: #fff;
    font-size: 1.125rem
}

.footer__address-title {
    margin-bottom: .9375rem;
    line-height: 1.01
}

.footer__address-main {
    line-height: 1.3;
    color: rgba(255, 255, 255, .6)
}

.footer__address img {
    margin-bottom: .9375rem;
    height: 1.875rem;
    display: block
}

@media screen and (max-width:768px) {
    .footer__address {
        font-size: 1rem;
        margin-bottom: 1.5625rem
    }

    .footer__address:nth-of-type(1) {
        margin-top: 1.25rem
    }

    .footer__address:last-child {
        margin-bottom: 1.25rem
    }

    .footer__address img {
        display: none
    }

    .footer__address-title {
        margin-bottom: .625rem
    }
}

.footer__follow {
    margin-top: 5.4375rem;
    margin-bottom: 11.5rem
}

@media screen and (max-width:768px) {
    .footer__follow {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

.footer__form {
    position: relative
}

.blog-hero__form input,
.footer__form input {
    width: 100%;
    padding-bottom: .9375rem;
    padding-right: 2.8125rem;
    border-bottom: .125rem solid #fff;
    color: #fff;
    font-size: 1.25rem;
    line-height: .85
}

.footer__form input::-moz-placeholder {
    color: #878787
}

.footer__form input:-ms-input-placeholder {
    color: #878787
}

.footer__form input::-webkit-input-placeholder {
    color: #878787
}

.footer__form input::-ms-input-placeholder {
    color: #878787
}

.footer__form input::placeholder {
    color: #878787
}

.footer__btn {
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer__btn::before {
    top: .65625rem;
    right: .65625rem;
    width: .6325rem;
    height: .5625rem
}

.footer__btn::after {
    width: 1.875rem;
    height: 1.875rem
}

.footer__socials {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (2.625rem)[6];
    grid-template-columns: repeat(6, 2.625rem);
    grid-gap: .9375rem
}

.footer__socials a,
.modal__slider .tns-controls button {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__socials a {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 2.625rem
}

.footer__socials a::after {
    content: "";
    position: absolute;
    left: .0625rem;
    top: .0625rem;
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    border: 2px solid #fff;
    border-radius: 50%
}

.footer__socials a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(135deg, #3c39c6 26.87%, #f3454f 90.63%);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media screen and (max-width:768px) {
    .footer__socials {
        -ms-grid-columns: (2.5rem)[5];
        grid-template-columns: repeat(5, 2.5rem);
        grid-gap: 1.25rem
    }

    .footer__socials a:nth-child(3) {
        display: none
    }
}

.footer__copy,
.footer__copy ul a {
    font-size: .875rem;
    line-height: 1.2857;
    color: rgba(255, 255, 255, .3)
}

.footer__copy {
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    grid-column: 3/8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__copy ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__copy ul,
.footer__copy ul li+li {
    margin-left: 1.875rem
}

.footer__copy ul a {
    text-decoration: none
}

@media screen and (max-width:1280px) {
    .footer__copy {
        grid-column: 1/-1
    }
}

@media screen and (max-width:768px) {
    .footer__copy {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .footer__copy ul {
        margin-bottom: 1.25rem;
        margin-left: 0
    }

    .footer__copy ul li+li {
        margin-left: 1.75rem
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-index-modal);
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal.opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal__bg,
.modal__container {
    position: absolute;
    left: 0;
    top: 0
}

.modal__bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    pointer-events: all;
    outline: 0
}

.modal__container {
    right: 0
}

.modal__close {
    position: absolute;
    right: 0;
    top: 2.5rem;
    z-index: 3;
    outline: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../image/sprite.svg) no-repeat center/cover;
    pointer-events: all
}

@media screen and (max-width:1280px) {
    .modal__close {
        right: 1.25rem
    }
}

.modal__wrap {
    height: 100%;
    max-height: calc(100vh - 5rem);
    max-width: calc(100% - 2.5rem);
    position: relative;
    z-index: 2;
    pointer-events: none
}

.modal__video {
    height: 100%;
    max-width: 91.25rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: all
}

.modal__slider img,
.modal__video video {
    height: auto;
    max-height: 100%;
    display: block
}

.modal__video video {
    width: 100%
}

.modal__slider,
.modal__slider div {
    height: 100%
}

.modal__slider .slide,
.modal__slider .tns-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__slider img {
    margin: auto;
    max-width: 100%
}

.modal__slider .slide {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__slider .tns-controls {
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 109.375rem;
    margin: 0 auto;
    padding: 0 1.25rem
}

.modal__slider .tns-controls button {
    border: 0;
    background-color: #fff;
    padding: 0;
    margin: 0;
    pointer-events: all;
    text-indent: -9999px;
    width: 3.125rem;
    height: 3.125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.modal__slider .tns-controls button:first-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal__slider .tns-controls button::after {
    content: "";
    background: #212121;
    -webkit-mask-image: url(../image/arrow-modal.svg);
    mask-image: url(../image/arrow-modal.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: .6875rem;
    height: 1.1875rem
}

.services-section {
    padding-top: 4.375rem;
    padding-bottom: 8.75rem
}

@media (max-width:768px) {
    .services-section {
        padding-top: 3.75rem;
        padding-bottom: 5.625rem
    }
}

.services-section__items {
    display: -ms-grid;
    display: grid;
    grid-gap: 5.5625rem 4.375rem;
    grid-template-columns: repeat(auto-fit, minmax(20.625rem, 1fr))
}

@media (max-width:768px) {
    .services-section__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2.8125rem 1.28125rem
    }
}

.services-section__title {
    margin-bottom: 2.1875rem
}

@media (max-width:768px) {
    .services-section__title {
        margin-bottom: .9375rem
    }
}

.services-section__info {
    margin-bottom: 5.125rem;
    max-width: 38.6875rem
}

@media (max-width:768px) {
    .services-section__info {
        margin-bottom: 3.25rem
    }
}

.services-section__desc {
    font-size: 1.25rem
}

@media (max-width:768px) {
    .services-section__desc {
        font-size: 1.125rem
    }
}

.services-item {
    text-decoration: none;
    color: #121212;
    position: relative
}

.blog-hero::after,
.services-item::before {
    content: "";
    display: block;
    position: absolute
}

.services-item::before {
    left: 0;
    top: -1.375rem;
    z-index: -1;
    width: 100%;
    max-width: 22.4375rem;
    height: calc(100% + 1.375rem + 1.5rem);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%);
    border-radius: 30px 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.services-item__container {
    display: block;
    max-width: 16.875rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.services-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    max-width: 96%;
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.25
}

.services-item__title img {
    width: 2.3125rem;
    height: 2.3125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .9375rem
}

@media (max-width:768px) {
    .services-item__title {
        margin-bottom: .9375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        font-size: 1.25rem
    }

    .services-item__title img {
        width: 1.5625rem;
        height: 1.5625rem;
        margin-right: 0;
        margin-bottom: .9375rem
    }
}

.services-item__desc {
    font-size: 1rem;
    color: #858585;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media (max-width:768px) {
    .services-item__desc {
        text-align: center;
        display: block
    }
}

.blog-section {
    padding-top: .625rem;
    padding-bottom: 8.75rem
}

@media (max-width:768px) {
    .blog-section {
        padding-top: 0;
        padding-bottom: 5.625rem
    }
}

.blog-section__title {
    margin-bottom: 3.125rem
}

@media (max-width:768px) {
    .blog-section__title {
        margin-bottom: 2.375rem
    }
}

.blog-section__items {
    margin-bottom: 3.75rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30.625rem, 1fr));
    grid-gap: 4.375rem 1.875rem
}

@media (max-width:768px) {
    .blog-section__items {
        margin-bottom: 3.125rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 3.125rem
    }
}

.blog-section__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:768px) {
    .blog-section__btn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.blog-item {
    text-decoration: none;
    color: #121212
}

.blog-item:hover .blog-item__img {
    border-radius: 30px 0
}

.blog-item:hover .blog-item__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-item__img {
    margin-bottom: 1.25rem;
    position: relative;
    height: 0;
    display: block;
    padding-bottom: 56.6667%;
    overflow: hidden;
    -webkit-transition: border-radius .3s ease;
    transition: border-radius .3s ease
}

.blog-item__img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

@media (max-width:768px) {
    .blog-item__img {
        margin-bottom: .9375rem;
        padding-bottom: 55.358%
    }
}

.blog-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    color: #212121;
    opacity: .5
}

.blog-item__info span+span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 1.25rem
}

.blog-item__info span+span::before {
    content: "";
    border-radius: 50%;
    background: #212121;
    margin-left: .625rem;
    margin-right: .625rem;
    width: 4px;
    height: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:768px) {
    .blog-item__info {
        margin-bottom: .9375rem
    }
}

.blog-item__title {
    display: block;
    margin-bottom: 1.25rem;
    font-weight: 500;
    font-size: 1.625rem
}

@media (max-width:768px) {
    .blog-item__title {
        margin-bottom: .9375rem;
        font-size: 1.25rem;
        line-height: 1.25
    }
}

.blog-item__desc {
    font-size: 1rem
}

.blog-hero {
    background: #0a0f38 url(../image/blog-hero-bg.jpg) no-repeat center/cover;
    padding-top: 10.6875rem;
    padding-bottom: 7.3125rem;
    position: relative;
    overflow: hidden;
    color: #fff
}

.blog-hero::after {
    background: url(../image/blog-hero-img.svg) no-repeat center/cover;
    opacity: .4;
    width: 52.3125rem;
    height: 33.125rem;
    top: 0;
    right: 0;
    pointer-events: none
}

@media all and (max-width:768px) {
    .blog-hero {
        padding-top: 10.0625rem;
        padding-bottom: 5rem;
        background-image: url(../image/blog-hero-bg-mob.jpg)
    }

    .blog-hero::after {
        display: none
    }
}

.blog-hero__title {
    margin-bottom: 1.875rem
}

.blog-hero__desc {
    font-size: 1.25rem
}

@media all and (max-width:768px) {
    .blog-hero__desc {
        font-size: 1.125rem
    }
}

.blog-hero__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

@media all and (max-width:1000px) {
    .blog-hero__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media all and (max-width:768px) {
    .blog-hero__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media all and (max-width:1000px) {
    .blog-hero__main {
        margin-bottom: 3.75rem
    }
}

.blog-hero__subscribe {
    padding: 4.5625rem 8.125rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c39c6), to(rgba(108, 53, 225, .6)));
    background: linear-gradient(180deg, #3c39c6 0, rgba(108, 53, 225, .6) 100%);
    border-radius: 30px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .9375rem);
    flex: 0 0 calc(50% - .9375rem)
}

@media all and (max-width:768px) {
    .blog-hero__subscribe {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        padding: 2.8125rem 1.25rem
    }
}

.blog-hero__subtitle {
    margin-bottom: 2rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.01;
    text-transform: capitalize
}

@media all and (max-width:768px) {
    .blog-hero__subtitle {
        margin-bottom: 1.875rem;
        line-height: 1.2
    }
}

.blog-hero__form {
    position: relative;
    z-index: 2
}

.blog-hero__form input::-moz-placeholder {
    color: rgba(255, 255, 255, .4)
}

.blog-hero__form input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .4)
}

.blog-hero__form input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .4)
}

.blog-hero__form input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .4)
}

.blog-hero__form input::placeholder {
    color: rgba(255, 255, 255, .4)
}

.blog-hero__btn {
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.blog-hero__btn::before {
    top: .65625rem;
    right: .633125rem;
    width: .6325rem;
    height: .5625rem
}

.blog-hero__btn::after {
    width: 1.875rem;
    height: 1.875rem
}

.layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 23.5% 74.5%;
    grid-template-columns: 23.5% 74.5%;
    grid-gap: 1.875rem
}

.layout_blog {
    padding-top: 6.875rem;
    padding-bottom: 8.75rem
}

.layout_cases .layout__items {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media screen and (max-width:1000px) {
    .layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 3.75rem
    }
}

@media screen and (max-width:768px) {
    .layout_blog {
        padding-top: 3.75rem;
        padding-bottom: 6.875rem
    }

    .layout_cases .layout__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 2.5rem
    }
}

.layout__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.75rem 1.875rem
}

@media screen and (max-width:1000px) {
    .layout__items {
        grid-template-columns: repeat(auto-fit, minmax(22.5rem, 1fr))
    }
}

@media screen and (max-width:768px) {
    .layout__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1.25rem
    }
}

.layout__navigation {
    margin-top: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .layout__navigation {
        margin-top: 3.125rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.breadcrumbs li,
.layout__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layout__pagination *+* {
    margin-left: 1.25rem
}

.layout__pagination a,
.layout__pagination span {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #858585
}

.layout__pagination a.current,
.layout__pagination span.current {
    color: var(--blue-color);
    font-size: 1.625rem
}

.layout__pagination a.active,
.layout__pagination span.active {
    color: var(--blue-color)
}

.layout__pagination a {
    text-decoration: none
}

.layout__pagination.hidden {
    display: none
}

@media screen and (max-width:768px) {
    .layout__pagination {
        margin-top: 1.875rem;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .layout__pagination a,
    .layout__pagination span {
        font-size: 1rem
    }

    .layout__pagination a.current,
    .layout__pagination span.current {
        font-size: 1.25rem
    }
}

.sidebar {
    position: sticky;
    top: 8.75rem
}

.sidebar__search {
    margin-bottom: 3.125rem
}

@media screen and (max-width:1000px) {
    .sidebar__search {
        margin-bottom: 1.875rem
    }
}

.sidebar__list li+li {
    margin-top: 1.25rem
}

.sidebar__filter span,
.sidebar__list a,
.sidebar__list span {
    text-decoration: none;
    color: #858585;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.25;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.sidebar__list a:hover,
.sidebar__list span:hover {
    color: var(--blue-color)
}

.sidebar__list a.active,
.sidebar__list span.active {
    font-weight: 500;
    color: var(--blue-color);
    cursor: default
}

@media screen and (max-width:1000px) {
    .sidebar__list {
        display: none
    }
}

.sidebar__filter {
    display: -ms-grid;
    display: grid
}

.sidebar__filter span:hover {
    color: var(--blue-color)
}

.sidebar__filter span.active {
    font-weight: 500;
    color: var(--blue-color)
}

@media screen and (max-width:1000px) {
    .sidebar__filter {
        display: none
    }
}

.sidebar__filter-list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .6s ease-in-out;
    transition: max-height .6s ease-in-out
}

.sidebar__filter-list ul {
    padding-top: 1.25rem
}

.sidebar__filter-list li+li {
    margin-top: .9375rem
}

.sidebar__filter-list a {
    text-decoration: none;
    color: #858585;
    font-size: 1.25rem;
    line-height: 1;
    text-transform: capitalize
}

.article-main p+p,
.article-toc li+li,
.sidebar__spoiler,
.top-posts li+li {
    margin-top: 1.25rem
}

.sidebar__spoiler-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--dark-color);
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.4
}

.sidebar__spoiler-btn::after {
    content: "";
    -webkit-mask-image: url(../image/arrow-down-select.svg);
    mask-image: url(../image/arrow-down-select.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--dark-color);
    width: 1.1875rem;
    height: .6875rem;
    margin-left: .625rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.sidebar__select {
    display: none
}

@media screen and (max-width:1000px) {
    .sidebar__select {
        display: block;
        position: relative;
        border: .125rem solid var(--dark-color)
    }

    .sidebar__select::after {
        content: "";
        position: absolute;
        right: .8125rem;
        bottom: 1.0625rem;
        display: block;
        width: 1.0625rem;
        height: .5rem;
        pointer-events: none;
        -webkit-mask-image: url(../image/sprite.svg);
        mask-image: url(../image/sprite.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background: var(--dark-color)
    }

    .sidebar__select select {
        width: 100%;
        padding-left: .9375rem;
        padding-right: 1.75rem;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        background: 0 0;
        line-height: 2.875rem;
        font-size: 1rem;
        font-family: inherit;
        font-weight: 400;
        color: var(--blue-color)
    }

    .sidebar__select select:focus {
        outline: 0
    }
}

.search-form {
    position: relative
}

.search-form input {
    width: 100%;
    padding-bottom: .9375rem;
    padding-right: 2.8125rem;
    border-bottom: .125rem solid #121212;
    color: #121212;
    font-size: 1.25rem;
    line-height: .85
}

.search-form input::-moz-placeholder {
    color: rgba(18, 18, 18, .4)
}

.search-form input:-ms-input-placeholder {
    color: rgba(18, 18, 18, .4)
}

.search-form input::-webkit-input-placeholder {
    color: rgba(18, 18, 18, .4)
}

.search-form input::-ms-input-placeholder {
    color: rgba(18, 18, 18, .4)
}

.search-form input::placeholder {
    color: rgba(18, 18, 18, .4)
}

.search-form__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 1.875rem;
    width: 1.875rem;
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.5rem;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px
}

.search-form__btn::after,
.search-form__btn::before {
    content: "";
    position: absolute;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.search-form__btn::before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--blue-color);
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem
}

.search-form__btn::after {
    top: .125rem;
    right: .125rem;
    width: 1.625rem;
    height: 1.625rem;
    background: #fff;
    -webkit-mask-image: url(../image/search.svg);
    mask-image: url(../image/search.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.search-form__btn:hover::before,
.top-posts a:hover::after {
    background-color: var(--blue-accent-color)
}

.subscribe-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%);
    padding-top: 9.4375rem;
    padding-bottom: 10.125rem;
    position: relative;
    overflow: hidden
}

.subscribe-section::before {
    content: "";
    background: url(../image/sprite.svg) no-repeat center/cover;
    display: block;
    width: 58.3125rem;
    height: 37.375rem;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none
}

@media all and (max-width:1000px) {
    .subscribe-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }
}

@media all and (max-width:768px) {
    .subscribe-section.subscribe-section_single {
        display: none
    }

    .subscribe-section::before {
        width: 100%;
        height: 75vw;
        top: auto;
        bottom: 0;
        right: -.625rem;
        background-image: url(../image/sprite.svg)
    }
}

.subscribe-section__scroll {
    position: absolute;
    left: -1.75rem;
    top: -1.3125rem;
    font-weight: 500;
    font-size: 7rem;
    line-height: .94;
    text-transform: lowercase;
    color: rgba(255, 255, 255, .3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media all and (max-width:1000px) {
    .subscribe-section__scroll {
        display: none
    }
}

.subscribe-section__container {
    position: relative;
    z-index: 2
}

.subscribe-section__title {
    text-align: center;
    margin-bottom: 4rem
}

@media all and (max-width:768px) {
    .subscribe-section__title {
        margin-bottom: 2.5rem
    }
}

.subscribe-section__form {
    max-width: 50%;
    margin: 0 auto;
    padding: 3.5rem 8.125rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c39c6), to(rgba(108, 53, 225, .6)));
    background: linear-gradient(180deg, #3c39c6 0, rgba(108, 53, 225, .6) 100%);
    border-radius: 30px 0
}

@media all and (max-width:1000px) {
    .subscribe-section__form {
        max-width: 100%;
        padding: 2.25rem 1.25rem
    }
}

.article-hero {
    padding-top: 7.5625rem;
    background: var(--dark-color) url(../image/article-hero.svg) no-repeat top right;
    color: #fff
}

@media screen and (max-width:768px) {
    .article-hero {
        padding-top: 6.9375rem;
        background: var(--dark-color)
    }
}

.article-hero__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

@media screen and (max-width:1000px) {
    .article-hero__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.article-hero__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-bottom: 3.75rem
}

@media screen and (max-width:1000px) {
    .article-hero__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.article-hero__breadcrumbs {
    margin-bottom: 1.875rem
}

@media screen and (max-width:768px) {
    .article-hero__breadcrumbs {
        margin-bottom: 3.125rem
    }
}

.article-hero__title {
    margin-bottom: 1.875rem
}

@media screen and (max-width:768px) {
    .article-hero__title {
        margin-bottom: 1.25rem
    }
}

.article-hero__row {
    margin-bottom: 2.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:768px) {
    .article-hero__row {
        margin-bottom: 1.25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.article-hero__hashes {
    display: -ms-inline-grid;
    display: inline-grid;
    grid-gap: 1.25rem;
    grid-auto-flow: column
}

.article-hero__hashes a {
    font-size: 1rem;
    color: var(--blue-color);
    text-decoration: none
}

.article-hero__info {
    font-size: 1rem
}

.article-hero__info,
.article-hero__info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-hero__info a::after {
    content: "|";
    margin-left: 1ch;
    margin-right: 1ch;
    color: var(--blue-color)
}

.article-hero__avatar {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .625rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.article-hero__avatar img,
.article-hero__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article-hero__avatar img {
    border-radius: 50%
}

.article-hero__img {
    margin-bottom: -6.125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 100%;
    height: 0;
    padding-bottom: 23.66%;
    position: relative
}

.article-hero__img img {
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width:1000px) {
    .article-hero__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-bottom: 48.05%
    }
}

@media screen and (max-width:768px) {
    .article-hero__img {
        margin-bottom: -5.1875rem
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 400
}

.article-hero__info a,
.breadcrumbs a {
    color: #fff;
    text-decoration: none
}

.breadcrumbs span {
    color: var(--green-color)
}

.breadcrumbs li:not(:last-child)::after {
    content: "";
    background: url(../image/sprite.svg) no-repeat center/cover;
    width: .375rem;
    height: .75rem;
    display: block;
    margin: 0 .625rem
}

.article-container {
    padding-top: 3.75rem;
    padding-bottom: 8.75rem;
    padding-left: 16.67%
}

.article-container_no-toc {
    padding-top: 16.3125rem
}

@media screen and (max-width:1000px) {
    .article-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:768px) {

    .article-container,
    .article-container_no-toc {
        padding-top: 9.3125rem;
        padding-bottom: 5rem
    }
}

.article-toc {
    margin-bottom: 4.375rem;
    max-width: 30.625rem
}

.article-toc a {
    font-size: 1.25rem;
    line-height: 1.25;
    color: var(--blue-color);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.article-toc a:hover {
    color: var(--blue-accent-color);
    text-decoration: none
}

.article-toc__title {
    margin-bottom: 1.875rem;
    font-size: 1.625rem;
    line-height: 1.2
}

.article-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 7fr 3fr;
    grid-template-columns: 7fr 3fr;
    grid-gap: 1.875rem
}

@media screen and (max-width:1000px) {
    .article-layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.article-main {
    font-size: 1.125rem;
    color: #212121
}

.article-main h2:not(.cta-section__title) {
    margin-bottom: 2.5rem;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--dark-color)
}

.article-main h2:not(.cta-section__title):not(:first-of-type) {
    margin-top: 4.375rem
}

.article-main ul {
    margin: 1.25rem 0;
    list-style: disc;
    padding-left: 1.875rem
}

.article-main>div {
    margin: 1.25rem 0
}

.article-main figure img,
.article-main video {
    margin: 1.25rem auto;
    max-width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:768px) {
    .article-main {
        font-size: 1rem
    }

    .article-main h2:not(.cta-section__title) {
        margin-bottom: 1.25rem;
        font-size: 1.5rem
    }
}

@media screen and (max-width:1000px) {
    .article-sidebar {
        display: none
    }
}

.article-sidebar__top {
    margin-bottom: 1.875rem
}

.top-posts {
    padding: 1.875rem 1.625rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d7f4), to(#ffedf7));
    background: linear-gradient(180deg, #d8d7f4 0, #ffedf7 100%);
    border-radius: 30px 0
}

.top-posts a {
    display: inline-block;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.25;
    color: var(--dark-color);
    text-decoration: none
}

.top-posts a::after {
    content: "";
    display: inline-block;
    width: .84375rem;
    height: .75rem;
    margin-left: .9375rem;
    background: var(--blue-color);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-mask-image: url(../image/arrow-right.svg);
    mask-image: url(../image/arrow-right.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.top-posts__title {
    margin-bottom: 1.875rem;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.2
}

.article-like {
    margin-bottom: 10.625rem;
    position: relative
}

@media screen and (max-width:768px) {
    .article-like {
        margin-bottom: 5.9375rem
    }
}

.article-like__title {
    text-align: center;
    margin-bottom: 1.875rem
}

.article-like__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article-like__btn {
    position: relative;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease-in;
    transition: opacity .3s ease, -webkit-transform .3s ease-in;
    transition: opacity .3s ease, transform .3s ease-in;
    transition: opacity .3s ease, transform .3s ease-in, -webkit-transform .3s ease-in
}

.article-like__btn.opacity {
    opacity: .3;
    cursor: default
}

.article-like__btn.voted {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    cursor: default
}

.article-like__btn+.article-like__btn {
    margin-left: 1.875rem
}

.article-like__btn svg {
    width: 4.875rem;
    height: 4.875rem;
    display: block
}

@media screen and (max-width:768px) {
    .article-like__btn+.article-like__btn {
        margin-left: 1.25rem
    }

    .article-like__btn svg {
        width: 2.5rem;
        height: 2.5rem
    }
}

.arrow-up {
    position: absolute;
    left: 0;
    top: calc(100% + .625rem);
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    background: #fff;
    border: .125rem solid #121212;
    border-radius: 20px 0
}

.arrow-up svg {
    width: 1.0625rem;
    height: .9375rem;
    display: block
}

@media screen and (max-width:768px) {
    .arrow-up {
        display: none
    }
}

.star-rating {
    margin-right: 2.25rem;
    display: -ms-grid;
    display: grid;
    grid-gap: .3125rem;
    -ms-grid-columns: (1.25rem)[5];
    grid-template-columns: repeat(5, 1.25rem)
}

.star-rating .star {
    width: 100%;
    height: 1.25rem;
    background: url(../image/sprite.svg) no-repeat center/cover
}

.star-rating .star.star-half {
    background-image: url(../image/sprite.svg)
}

.star-rating .star.star-full {
    background-image: url(../image/sprite.svg)
}

@media screen and (max-width:768px) {
    .star-rating {
        margin-right: 0;
        margin-bottom: 1.25rem
    }
}