/* Start:/local/templates/neverland/libs/animate/animate.min.css?175197353598290*/
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

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

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

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

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

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

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

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

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

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

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

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

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

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

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

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

@keyframes shakeX {

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

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

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

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

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

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

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

@keyframes shakeY {

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

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

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

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

.animate__headShake {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-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(0deg);
        transform: rotate(0deg)
    }
}

@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(0deg);
        transform: rotate(0deg)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

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

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

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

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

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

@-webkit-keyframes jello {

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

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

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

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

.animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

@keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

@keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

@keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

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

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

@keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

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

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

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

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

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

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

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

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

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

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

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

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

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

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

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

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

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

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

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

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

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

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

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

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

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

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

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

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

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

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

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

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

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

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

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

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

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

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

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

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

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

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

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

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

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

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

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

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

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

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

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

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

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

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

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

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

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

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

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

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

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

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

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

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

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

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

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

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

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

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

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

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

@-webkit-keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg)
    }

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

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

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

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg)
    }

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

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

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

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

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

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

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

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

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

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

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

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

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

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

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

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

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

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

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

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

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

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

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

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

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

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

@keyframes rotateOut {
    0% {
        opacity: 1
    }

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

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

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

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

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

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

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

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

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

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

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

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

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

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

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

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

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

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

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

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

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

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

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

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

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

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

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

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

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

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

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

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

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

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

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

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

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

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

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

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

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

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

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

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

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

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

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

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

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

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

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

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
/* End */


/* Start:/local/templates/neverland/styles.css?176552777099245*/
@font-face {
    font-family: "GTWalsheimPro";
    font-weight: 400;
    src: url("/local/templates/neverland/fonts/GTWalsheimPro.woff2") format("woff2"), url("/local/templates/neverland/fonts/GTWalsheimPro.woff") format("woff");
}
@font-face {
    font-family: "GTWalsheimPro";
    font-weight: 500;
    src: url("/local/templates/neverland/fonts/GTWalsheimPro-Medium.woff2") format("woff2"), url("/local/templates/neverland/fonts/GTWalsheimPro-Medium.woff") format("woff");
}
* {
    box-sizing: border-box
}

::-moz-selection {
    background: #f1d9d1
}

::selection {
    background: #f1d9d1
}
body {
    margin: 0;
    background-color: #f4fdff;
    overflow-x: hidden;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
main {
    min-height: calc(100vh - 405px);
    overflow-x: hidden;
}
.nev-block__caption {
    font-size: 48px;
    line-height: 58px;
    font-weight: 500;
    color: #00091c;
    margin: 96px 0 50px;
    text-align: center;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.row_margin-bottom_medium {
    margin-bottom: 130px;
}
.row_margin-bottom_large {
    margin-bottom: 350px;
}
.row_container {
    width: 100%;
    max-width: 1410px;
    -ms-flex-item-align: center;
    align-self: center;
}
.row_space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (max-width: 1024px) {
    .row_margin-bottom_large {
        margin-bottom: 230px;
    }
}
@media screen and (max-width: 768px) {
    .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .row_reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .row_margin-bottom_large {
        margin-bottom: 100px;
    }
}
@media screen and (max-width: 660px) {
    .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }
    .row_reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.col-1-1 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.col-1-2 {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.col_align-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.col_align-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (max-width: 768px) {
    .col_align-right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .col_order-first {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .col_order-second {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.button {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 15px 30px;
    background-color: transparent;
    font-size: 20px;
    line-height: 36px;
    border: 1px solid #00091c;
    text-decoration: none;
    color: #00091c;
    display: inline-block;
    z-index: 10;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
    white-space: nowrap;
}
.button__arrow {
    margin-left: 12px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.15s ease-out;
    transition: -webkit-transform 0.15s ease-out;
    transition: transform 0.15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}
@media screen and (min-width: 1200px) {
    .button:hover,
    .button:focus {
        color: #f4fdff;
        background-color: #306ae0;
        border-color: #306ae0;
    }
    .button:hover .arrow,
    .button:focus .arrow {
        background-position: -36px 0;
    }
    .button:active {
        background-color: #1d53c0;
    }
}
@media screen and (max-width: 1024px) {
    .button {
        font-size: 14px;
        line-height: 30px;
        padding: 10px 20px;
    }
}
.icon__arrow-right {
    display: inline-block;
    width: 15px;
    height: 11px;
    fill: #00091c;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1410px;
}
@media screen and (max-width: 768px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.section-title {
    color: #00091c;
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: 1.2px;
}
@media screen and (max-width: 1024px) {
    .section-title {
        font-size: 32px;
        line-height: 48px;
    }
}
@media screen and (max-width: 660px) {
    .section-title {
        font-size: 28px;
        line-height: 42px;
    }
}
.lead {
    margin-top: 13px;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.75px;
    color: #306ae0;
    max-width: 570px;
}
@media screen and (max-width: 1024px) {
    .lead {
        font-size: 18px;
        line-height: 36px;
    }
}
@media screen and (max-width: 768px) {
    .lead {
        max-width: none;
    }
}
@media screen and (max-width: 660px) {
    .lead {
        font-size: 16px;
        line-height: 32px;
    }
}
.text {
    position: relative;
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.5px;
    color: #00091c;
    max-width: 570px;
    z-index: 20;
}
@media screen and (max-width: 1024px) {
    .text {
        font-size: 14px;
        line-height: 30px;
    }
}
@media screen and (max-width: 768px) {
    .text {
        max-width: none;
    }
}
.arrow {
    display: inline-block;
    width: 14px;
    height: 10px;
    background-image: url("/local/templates/neverland/../img/sprites-arrows.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.datepicker {
    width: 390px;
    background-color: transparent;
    font-size: 20px;
    border-radius: 0;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
.datepicker--cell {
    height: 48px;
    border-radius: 0;
    border-top: 3px solid #f4fdff;
    border-right: 5px solid #f4fdff;
    border-bottom: 3px solid #f4fdff;
    border-left: 5px solid #f4fdff;
}
.datepicker--day-name {
    color: #00091c;
    text-transform: none;
}
.datepicker--cell.-current- {
    color: #74b55f;
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-,
.datepicker--cell.-selected-.-focus- {
    background-color: #74b55f;
    border-top: 3px solid #f4fdff;
    border-right: 5px solid #f4fdff;
    border-bottom: 3px solid #f4fdff;
    border-left: 5px solid #f4fdff;
}
.datepicker--days-names {
    margin: 4px 0 12px;
}
.datepicker--nav-title i {
    color: #00091c;
}
.datepicker--nav {
    padding: 14px;
    border-bottom: none;
}
.datepicker--content {
    padding: 4px 10px;
}
.datepicker--cell-month {
    width: 25%;
}
@media screen and (max-width: 768px) {
    .datepicker {
        width: 100%;
    }
}
.selectric {
    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;
    width: 448px;
    height: 60px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    border-color: #dfe3ea;
    background-color: transparent;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
.selectric .icon__arrow-right {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.selectric .label {
    margin-left: 0;
    font-size: 20px;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
.selectric-open .icon__arrow-right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.selectric-items ul {
    height: 340px;
}
.selectric-items ul,
.selectric-items li {
    min-height: 60px;
    font-size: 20px;
}
.selectric-items {
    background-color: #f4fdff;
    border-color: #dfe3ea;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.selectric-items li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #00091c;
    line-height: 40px;
}
.selectric-items li:not(:last-child) {
    border-bottom: 1px solid #dfe3ea;
}
.selectric-items li:hover {
    background-color: #74b55f;
    color: #f4fdff;
}
.selectric-items li.highlighted {
    background-color: #f0f0f0;
}
.selectric-items li.highlighted:hover {
    background-color: #74b55f;
}
@media screen and (max-width: 768px) {
    .selectric,
    .selectric-wrapper {
        width: 100%;
    }
}
.summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.summary__price {
    margin-right: 60px;
    line-height: 70px;
    font-weight: 500;
    font-size: 48px;
    color: #306ae0;
}
.summary__submit {
    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;
    width: 148px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #306ae0;
    border: 1px solid #306ae0;
    color: #f4fdff;
    font-size: 20px;
    cursor: pointer;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
.summary__submit:hover,
.summary__submit:focus {
    color: #00091c;
    background-color: transparent;
    border-color: #00091c;
}
@media screen and (max-width: 768px) {
    .summary {
        margin-top: 0;
        margin-bottom: 0;
    }
    .summary__submit {
        line-height: 30px;
        width: 120px;
        height: 52px;
        text-align: center;
    }
    .summary__price {
        font-size: 40px;
        line-height: 52px;
    }
}
.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.input.error .input__control,
.input.error .input__label,
.input.error .selectric {
    border-color: #ff0000;
    background-color: rgba(255, 0, 0, 0.05);
}
.input.error .input__warning {
    display: block;
}
.input__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 448px;
}
.input__label {
    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;
    width: 132px;
    height: 58px;
    background-color: #f4fdff;
    border: 1px solid #dfe3ea;
    cursor: pointer;
}
.input__label:hover,
.input__label:focus {
    color: #f4fdff;
    background-color: #74b55f;
    border-color: #74b55f;
}
.input__label:active {
    background-color: #5b9a47;
    border-color: #5b9a47;
}
.input__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: auto;
    cursor: pointer;
}
.input__radio:checked + .input__label {
    color: #f4fdff;
    background-color: #74b55f;
    border-color: #74b55f;
}
.input__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 448px;
    height: 60px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid #dfe3ea;
    font-size: 20px;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
.input__control:focus {
    outline: none;
    border-color: #00091c;
}
.input__warning {
    display: none;
    margin-top: 4px;
    margin-left: 100px;
    font-size: 13px;
    line-height: 19px;
    color: #ff0000;
}
@media screen and (max-width: 768px) {
    .input__title {
        margin-right: 0;
        margin-bottom: 16px;
    }
    .input__inner {
        font-size: 18px;
        width: 100%;
    }
    .input__label {
        width: 30%;
        font-size: 16px;
    }
    .input__control {
        width: 100%;
    }
    .input__warning {
        margin-left: 0;
    }
}
.switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.switch__subtitle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 30px;
    line-height: 38px;
}
.switch__subtitle_before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.switch__subtitle_after {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.switch__label {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    display: inline-block;
    width: 76px;
    height: 38px;
    margin-left: 40px;
    margin-right: 40px;
    border: 1px solid #dfe3ea;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4fdff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.switch__slider::before {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    background-color: #74b55f;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.switch__checkbox:not(:checked) ~ .switch__subtitle_before,
.switch__checkbox:checked ~ .switch__subtitle_after {
    color: #74b55f;
}
.switch__checkbox:checked ~ .switch__label > .switch__slider::before {
    -webkit-transform: translateX(38px);
    transform: translateX(38px);
}
@media screen and (max-width: 1200px) {
    .switch {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (max-width: 1024px) {
    .switch__subtitle {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .switch__label {
        margin-left: 30px;
        margin-right: 30px;
        width: 64px;
        height: 32px;
    }
    .switch__subtitle {
        font-size: 18px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .switch__slider::before {
        width: 32px;
        height: 32px;
    }
    .switch__checkbox:checked ~ .switch__label > .switch__slider::before {
        -webkit-transform: translateX(32px);
        transform: translateX(32px);
    }
}
.section-image__primary {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 2px solid #f4fdff;
    background-color: #3b3b3b;
}
.section-image__primary img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.section-image__secondary {
    width: 64%;
    padding-top: 64%;
    border: 2px solid #f4fdff;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    background-color: #3b3b3b;
}
.section-image__secondary img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    position: absolute;
    width: 100%;
}
.section-image__secondary_position-left-center {
    top: 8.63%;
    left: -50.35%;
}
.section-image__secondary_position-right-center {
    top: 46px;
    right: -50.35%;
}
.section-image__secondary_position-left-top {
    top: -68px;
    left: -61.7%;
}
.section-image__secondary_position-right-baseline {
    top: 0;
    right: -61.7%;
}
.section-image__text {
    position: absolute;
    margin: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 500;
    line-height: 2.08vw;
    letter-spacing: 0.75px;
    padding: 1.7vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #f4fdff;
}
.section-image__lead {
    font-size: 1.6em;
    line-height: 1.6em;
    letter-spacing: 0.04em;
}
.section-image__description {
    width: 100%;
}
.section-image {
    display: inline-block;
    position: relative;
    width: 59.26%;
    height: 93.9%;
}
.section-image_bg-red {
    background-color: #ff0000;
}
.section-image_bg-green {
    background-color: #74b55f;
}
.section-image_bg-orange {
    background-color: #d15112;
}
.section-image_bg-blue {
    background-color: #306ae0;
}
@media screen and (max-width: 768px) {
    .section-image_align-right {
        margin-left: 29.6%;
    }
    .section-image__text {
        font-size: 3vw;
        line-height: 4.78vw;
    }
}
/*
.section-image {
  position: relative;
  display: flex;

  &_position_top_left {
    .section-image__secondary {
      position: absolute;
      top: -16%;
      left: 1%;
    }
  }

  &_position_top_right {
    .section-image__secondary {
      position: absolute;
      top: 0;
      left: 50%;
    }
  }

  &_alignment_right {
    justify-content: flex-end;
  }

  &_alignment_left {
    justify-content: flex-start;
  }
}

.section-image__primary,
.section-image__secondary {
  display: flex;
  box-sizing: border-box;
  border: 2px solid @border-color-light;
  border-radius: 50%;
  z-index: 10;
  overflow: hidden;

  img {
    max-width: 100%;
    height: auto;
  }
}

.section-image__primary {
  width: 66%;
  height: auto;
  background-color: @bg-color_grey;


  &_bg_red {
    background-color: @bg-color_red;
  }

  &_bg_green {
    background-color: @bg-color_green;
  }

  &_bg_orange {
    background-color: @bg-color_orange;
  }

  &_bg_blue {
    background-color: @bg-color_blue;
  }
}

.section-image__secondary {
  width: 45%;
}

.section-image__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
  width: 45%;
  height: 68%;
  color: @text-color_light;
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.75px;
  border-radius: 50%;
  border: 2px solid @border-color-light;

  &_lead {
    display: inline-block;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
  }

  &_description {
    display: inline-block;
    text-align: center;
    max-width: 210px;
  }

  &_position_right {
    position: absolute;
    top: 48px;
    right: 30px;
  }

  &_position_left {
    position: absolute;
    top: 36px;
    right: 390px;
  }

  &_green {
    background-color: @bg-color_green;
  }

  &_orange {
    background-color: @bg-color_orange;
  }

  &_grey {
    background-color: @bg-color_grey;
  }

  &_red {
    background-color: @bg-color_red;
  }

  &_blue {
    background-color: @bg-color_blue;
  }
}

@media screen and (max-width: 1200px) {
  .section-image_position_top_left .section-image__secondary {
    left: 5%;
  }

  .section-image__info {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 40%;
    height: 61%;
  }

  .section-image__info_lead {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 0;
  }

  .section-image__info_description {
    font-size: 20px;
    line-height: 36px;
  }

  .section-image__info_position_right {
    right: 60px;
  }
}

@media screen and (max-width: 1080px) {
  .section-image__info_lead {
    font-size: 28px;
    line-height: 42px;
  }

  .section-image__info_description {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 930px) {
  .section-image__info {
    width: 136px;
    height: 136px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .section-image__info_position_right {
    top: 40px;
    right: 7%;
  }
}

@media screen and (max-width: 840px) {
  .section-image__info {
    width: 136px;
    height: 136px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .section-image__info_position_right {
    top: 2%;
    right: 3%;
  }
}

@media screen and (max-width: 780px) {
  .section-image__info {
    width: 136px;
    height: 136px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .section-image__info_position_right {
    top: 1%;
    right: 0;
  }
}

@media screen and (max-width: 660px) {
  .section-image_alignment_right {
    margin-right: 5%;
  }

  .section-image__info {
    width: 180px;
    height: 180px;
  }

  .section-image__info_position_right {
    top: 5%;
    right: 10d%;
  }
}

@media screen and (max-width: 540px) {
  .section-image__info {
    width: 160px;
    height: 160px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-image__info_position_right {
    right: 4%;
  }
}

@media screen and (max-width: 480px) {
  .section-image__info {
    width: 140px;
    height: 140px;
  }

  .section-image__info_position_right {
    right: 5%;
  }
}

@media screen and (max-width: 390px) {
  .section-image__info_position_right {
    right: -4%;
  }
}
*/
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    list-style-type: none;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1410px;
    z-index: 999;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
}
.breadcrumb__item {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;

}
.breadcrumb__item:not(:last-child)::after {
    content: "/";
}
.breadcrumb__link {
    color: #00091c;
    text-decoration: none;
}
.breadcrumb__item:not(:last-child)::after {
    content: "/";
    margin: 0 8px;
    color: #666;
}
.page-header.active + .breadcrumb{
    z-index: 0;
}

@media screen and (min-width: 1200px) {
    .breadcrumb__link:hover,
    .breadcrumb__link:focus {
        color: #306ae0;
    }
    .breadcrumb__link:active {
        color: #1d53c0;
    }
}
@media screen and (max-width: 768px) {
    .breadcrumb {
        padding-left: 40px;
        padding-right: 40px;
    }
    .breadcrumb__item {
        font-size: 16px;
    }
    .breadcrumb__item:last-child {
        width: 100%;
        margin: 4px 0 0;
    }
    .breadcrumb__item:last-child span {
        white-space: normal;
        word-break: break-word;
    }
}
@media screen and (max-width: 425px) {
    .breadcrumb {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.page-title {
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 1.2px;
    color: #00091c;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1410px;
}
.page-title__development {
    margin: 0;
    padding: 0;
    max-width: auto;
}
@media screen and (max-width: 1024px) {
    .page-title {
        font-size: 32px;
        line-height: 48px;
    }
}
@media screen and (max-width: 768px) {
    .page-title {
        padding-left: 40px;
        padding-right: 40px;
    }
    .page-title__development {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 660px) {
    .page-title {
        font-size: 28px;
        line-height: 42px;
    }
}
@media screen and (max-width: 425px) {
    .page-title {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-title__development {
        padding-left: 0;
        padding-right: 0;
    }
}
.lang-switcher {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.35px;
    color: #00091c;
}
.lang-switcher__button {
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    padding-right: 0;
    padding-left: 0;
    margin-right: -5px;
    height: 100%;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
@media (max-width: 992px) {
    .lang-switcher__button {
        margin-right: 8px;
        margin-left: 8px;
        padding-right: 20px;
        padding-left: 20px;
        height: auto;
    }
    .lang-switcher__button svg {
        display: none;
    }
}
@media (min-width: 993px) {
    .lang-switcher__button:hover,
    .lang-switcher__button:focus {
        color: #306ae0;
    }
    .lang-switcher__button:active {
        opacity: 0.7;
    }
}
.lang-switcher__button svg {
    margin-left: 8px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform-origin: 40% 50%;
    transform-origin: 40% 50%;
}
@media (max-width: 992px) {
    .lang-switcher__button.active {
        background-color: #306ae0;
        color: #ffffff;
    }
}
.lang-switcher__button.active svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.lang-switcher__list {
    position: absolute;
    margin: 0;
    top: 100%;
    left: 0;
    background-color: #f4fdff;
    border: 1px solid #dfe3ea;
    padding: 8px 16px;
    list-style: none;
    display: none;
    z-index: 10;
}
@media (max-width: 992px) {
    .lang-switcher__list {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #ffffff;
        border: none;
        padding: 0;
    }
}
@media (max-width: 992px) {
    .lang-switcher__item {
        margin-right: 8px;
        margin-left: 8px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .lang-switcher__item.active {
        background-color: #306ae0;
        color: #ffffff;
    }
    .lang-switcher__item.active .lang-switcher__link {
        color: #ffffff;
    }
}
.lang-switcher__link {
    color: #00091c;
    text-decoration: none;
}
@media (min-width: 993px) {
    .lang-switcher__link:hover,
    .lang-switcher__link:focus {
        color: #306ae0;
    }
    .lang-switcher__link:active {
        opacity: 0.7;
    }
}
@media (max-width: 992px) {
    .lang-switcher__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 6px;
    border: none;
}
.logo:visited {
    border: none;
}
.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.35px;
    color: #00091c;
}
.contacts__item:not(:last-child) {
    margin-right: 30px;
}
.contacts__link {
    color: #00091c;
    text-decoration: none;
}
@media (min-width: 993px) {
    .contacts__link:hover,
    .contacts__link:focus {
        color: #306ae0;
        text-decoration: underline;
    }
    .contacts__link:active {
        opacity: 0.7;
    }
}
/*
.contacts {
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
  flex: initial;
  margin: 0;
  border-right: @border-default;
  list-style: none;
  font-size: 14px;
}

.contacts__link {
  text-decoration: none;
  color: @text-color_default;
}

@media screen and (min-width: @desktop) {
  .contacts__link {
    &:hover,
    &:focus {
      color: @text-color_accent;
    }
  }
}

@media screen and (max-width: 1366px) {
  .contacts {
    padding-left: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .contacts {
    flex-shrink: 1;
    flex-basis: 200px;
  }

  .contacts__item {
    visibility: hidden;
  }
}
*/
.main-nav {
    width: 700px;
    margin-top: 10px;
}
@media (max-width: 992px) {
    .main-nav {
        position: absolute;
        right: 0;
        left: 0;
        top: 330px;
        width: auto;
        background-color: #ffffff;
        margin-top: 0;
    }
}
.main-nav__list {
    width: 100%;
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
}
@media (max-width: 992px) {
    .main-nav__list {
        -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-bottom: 40px;
    }
}
.main-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
@media (max-width: 992px) {
    .main-nav__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.main-nav__item:not(:last-child) {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.main-nav__item:not(:last-child)::after {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 6px;
    height: 6px;
    margin-right: auto;
    margin-left: auto;
    background-color: #00091c;
    border-radius: 50%;
}
.main-nav__link {
    color: #00091c;
    text-decoration: none;
}
@media (max-width: 992px) {
    .main-nav__link {
        line-height: 46px;
    }
}
@media (min-width: 993px) {
    .main-nav__link:hover,
    .main-nav__link:focus {
        color: #306ae0;
    }
    .main-nav__link:active {
        opacity: 0.7;
    }
}
.main-nav__link_active {
    color: #306ae0;
}
.extra-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    width: 1000px;
}
@media (max-width: 1250px) {
    .extra-nav {
        max-width: 900px;
        width: 900px;
    }
}
@media (max-width: 992px) {
    .extra-nav {
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
        padding-bottom: 40px;
        max-width: none;
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #ffffff;
    }
}
.extra-nav__link {
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.5px;
    color: #306ae0;
    text-decoration: none;
}
@media (max-width: 1024px) {
    .extra-nav__link {
        font-size: 18px;
    }
}
@media (max-width: 992px) {
    .extra-nav__link {
        color: #00091c;
    }
}
@media (min-width: 993px) {
    .extra-nav__link:hover,
    .extra-nav__link:focus {
        color: #00091c;
    }
    .extra-nav__link:active {
        opacity: 0.7;
    }
}
.page-header {
    position: relative;
    max-width: 1410px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
}
@media (max-width: 992px) {
    .page-header {
        background-color: #ffffff;
        height: 50px;
        padding-top: 0;
    }
    .page-header.active .page-header__toggle {
        background-image: url("/local/templates/neverland/./img/close.svg");
        background-size: 18px 18px;
    }
    .page-header.active .page-header__extra-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .page-header.active .page-header__store {
        display: block;
    }
    .page-header.active .page-header__main-nav {
        display: block;
    }
    .page-header.active .page-header__lang-switcher {
        display: block;
    }
}
.page-header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
}
@media (max-width: 992px) {
    .page-header__row {
        height: 100%;
    }
}
.page-header__row_border-bottom {
    padding-bottom: 15px;
    border-bottom: 1px solid #00091c;
}
@media (max-width: 992px) {
    .page-header__row_border-bottom {
        border-bottom: none;
        padding-bottom: 0;
    }
}
.page-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: auto;
    padding-right: 30px;
}
@media (max-width: 992px) {
    .page-header__logo {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: auto;
        height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
.page-header__logo img {
    max-width: 100%;
    display: block;
    height: 100%;
}
.page-header__contacts {
    margin-right: 60px;
    margin-left: auto;
}
@media (max-width: 992px) {
    .page-header__contacts {
        display: none;
    }
}
.page-header__inner {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
}
.page-header__store {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 20px 60px;
    margin-left: auto;
}
@media (max-width: 992px) {
    .page-header__store {
        display: none;
        position: absolute;
        padding-top: 0;
        padding-bottom: 40px;
        top: 305px;
        right: 0;
        left: 0;
        padding-left: 0;
        background-color: #ffffff;
        text-align: center;
    }
}
.page-header__button {
    color: #00091c;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-decoration: none;
    white-space: nowrap;
}
@media (max-width: 1924px) {
    .page-header__button {
        font-size: 18px;
    }
}
@media (max-width: 992px) {
    .page-header__button {
        color: #ffffff;
        background-color: #306ae0;
        padding: 13px 40px;
    }
}
@media (min-width: 993px) {
    .page-header__button:hover,
    .page-header__button:focus {
        color: #306ae0;
    }
    .page-header__button:active {
        opacity: 0.7;
    }
}
.page-header__arrow {
    margin-left: 12px;
}
@media (max-width: 992px) {
    .page-header__arrow {
        background-position: -36px 0;
    }
}
.page-header__toggle {
    display: none;
    background-color: transparent;
}
@media (max-width: 992px) {
    .page-header__toggle {
        display: block;
        position: absolute;
        top: 5px;
        right: 25px;
        width: 30px;
        height: 40px;
        font-size: 0;
        border: none;
        background-image: url("/local/templates/neverland/./img/burger-icon.svg");
        background-repeat: no-repeat;
        background-position: right center;
        outline: none;
    }
}
@media (max-width: 992px) {
    .page-header__lang-switcher {
        display: none;
        position: absolute;
        padding-bottom: 20px;
        top: 622px;
        left: 0;
        right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #ffffff;
    }
}
@media (max-width: 992px) {
    .page-header__extra-nav {
        display: none;
    }
}
@media (max-width: 992px) {
    .page-header__main-nav {
        display: none;
    }
}
.page-footer__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    color: #00091c;
    line-height: 30px;
    letter-spacing: 0.35px;
    z-index: 10;
}
.page-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-footer__inner:first-child {
    padding-bottom: 34px;
    border-bottom: 1px solid #00091c;
}
.page-footer__column {
    width: 170px;
}
.page-footer__column_type_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.page-footer__column:not(:last-child) {
    margin-right: 8.5%;
}
.page-footer__title {
    margin-top: 0;
    margin-bottom: 6px;
    font-weight: 500;
}
.page-footer____description {
    margin-top: 0;
    margin-bottom: 0;
}
.page-footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 110px;
    padding-left: 0;
    list-style: none;
}
.page-footer__link {
    font-size: 0;
    letter-spacing: 0;
}
.page-footer__icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("/local/templates/neverland/../img/sprites-socials.png");
    background-repeat: no-repeat;
}
.page-footer__icon_facebook {
    background-position: 0 0;
}
.page-footer__icon_instagram {
    background-position: 0 -49px;
}
.page-footer__feedback {
    margin-right: auto;
}
@media screen and (min-width: 1200px) {
    .page-footer__icon_facebook:hover,
    .page-footer__icon_facebook:focus {
        background-position: -50px 0;
    }
    .page-footer__icon_instagram:hover,
    .page-footer__icon_instagram:focus {
        background-position: -50px -50px;
    }
}
@media screen and (max-width: 1200px) {
    .page-footer__column:not(:last-child) {
        margin-right: 4%;
    }
}
@media screen and (max-width: 1024px) {
    .page-footer__column:not(:last-child) {
        margin-right: 3%;
    }
}
@media screen and (max-width: 660px) {
    .page-footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .page-footer__column_type_social {
        margin-left: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .page-footer__column,
    .work-time {
        margin-bottom: 10px;
    }
    .page-footer__list {
        width: 90px;
        margin-top: 10px;
    }
    .page-footer__icon {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    .page-footer__title {
        margin-bottom: 0;
    }
    .page-footer__inner:first-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    .page-footer__container_index {
        margin-top: 200px;
    }
}
.feedback__link {
    color: #306ae0;
    text-decoration: none;
}
@media screen and (min-width: 1200px) {
    .feedback__link:hover,
    .feedback__link:focus {
        text-decoration: underline;
    }
    .feedback__link:active {
        color: #1d53c0;
    }
}
.index-parents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.index-parents__col_with-bg {
    position: relative;
}
.index-parents__col_with-bg::after {
    content: "";
    position: absolute;
    background-image: url("/local/templates/neverland/../img/bg-index-parents.svg");
    background-repeat: no-repeat;
    display: block;
    width: 109.7%;
    height: 264.65%;
    bottom: -7.51%;
    left: 52.94%;
    z-index: -1;
}
.index-parents__large-image {
    position: relative;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
    padding-right: 56px;
}
.index-parents__large-image img {
    position: relative;
    display: inline-block;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center;
    height: auto;
    z-index: 10;
}
.index-parents__main-content {
    padding-right: 34px;
    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;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.index-parents__section-title {
    margin-top: 125px;
}
.index-parents__row {
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 130px;
}
@media screen and (max-width: 1024px) {
    .index-parents__large-image {
        padding-top: 30px;
        padding-right: 20px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    .index-parents__section-title {
        margin-top: 50px;
        margin-bottom: 25px;
    }
    .index-parents__lead {
        margin-bottom: 32px;
    }
    .index-parents__text {
        margin-bottom: 29px;
    }
    .index-parents__col_with-bg::after {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .index-parents__main-content {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (max-width: 660px) {
    .index-parents__large-image {
        width: 100%;
        margin-left: -20px;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .index-parents__main-content {
        padding-left: 20px;
        padding-right: 20px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .index-parents__section-title {
        margin-top: 0;
        margin-bottom: 0;
    }
    .index-parents__lead {
        margin-bottom: 22px;
    }
    .index-parents__text {
        margin-bottom: 14px;
    }
    .index-parents__text_last-child {
        margin-bottom: 24px;
    }
    .index-parents__row {
        padding-top: 17%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .index-parents__row .col-1-2:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 10px;
    }
    .index-parents__row .col-1-2:last-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .index-parents__row_fluid {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.index-sales {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1410px;
}
.index-sales__section-title {
    margin-top: 50px;
    margin-bottom: 30px;
}
.index-sales__text {
    max-width: 340px;
    margin-bottom: 95px;
}
.index-sales__article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    padding-left: 15px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.index-sales__container{
    display: flex;
    gap: 24px;
}
.index-sales__button-blue{
    border: 1px solid #306AE0;
    color: #306AE0;
}
.subscribe-modal__overlay{
    display: none;
    position: fixed;
    z-index: 30;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.subscribe-modal__container{
    max-width: 700px;
    border-radius: 15px;
    padding: 60px;
    position: absolute;
    z-index: 31;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    gap: 40px;
    background-color: #EDF9FC;
    animation-name: animateContainer;
    animation-duration: 0.3s
}
@keyframes animateContainer {
    from {opacity: 0}
    to {opacity: 1}
}
.subscribe-modal__title{
    font-size: 32px;
    font-weight: 500;
    line-height: 44.8px;
    color: #2D6ADC;
    margin: 0;
}
.subscribe-modal__form{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.subscribe-modal__form-content_container{
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}
.subscribe-modal__input{
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    border: none;
    border-bottom: 1px solid #00091C;
    padding: 14px 0;
    background: none;
    outline: none;
}
.subscribe-modal__form-content_container:first-child::before{
    content: '*';
    color: #B41111;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 18px;
}
.error-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #B41111;
    opacity: 0;
}
.subscribe-modal__container-approval{
    display: flex;
    align-items: center;
    gap: 18px;
}
.subscribe-modal__checkbox-container{
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
}
.subscribe-modal__checkbox-container::before{
    content: '*';
    color: #B41111;
    position: absolute;
    top: -4px;
    left: 28px;
    font-size: 18px;
}
.subscribe-modal__checkbox{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 1px solid #306AE0;
}
.subscribe-modal__checkbox-container .subscribe-modal__checkbox:checked ~ .checkmark {
    background-color: transparent;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.subscribe-modal__checkbox-container .subscribe-modal__checkbox:checked ~ .checkmark:after {
    display: block;
}
.subscribe-modal__checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #306AE0;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.subscribe-modal__text{
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    color: #00091C;
    margin: 0;
    padding-left: 10px;
}
.subscribe-modal__link{
    color: #2D6ADC;
    text-decoration: underline;
    cursor: pointer;
}
.subscribe-modal__button{
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2D6ADC;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
.close {
    width: 18px;
    height: 18px;
    background-image: url("/local/templates/neverland/img/close.svg");
    font-size: 28px;
    position: absolute;
    top: 21px;
    right: 21px;
}
.close:hover,
.close:focus {
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .subscribe-modal__container{
        gap: 30px;
        padding: 25px;
    }

    .subscribe-modal__form{
        gap: 30px;
    }

    .subscribe-modal__title{
        font-size: 25px;
        font-weight: 500;
        line-height: 35px;
    }

    .subscribe-modal__input{
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
    }

    .subscribe-modal__text {
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
    }

    .subscribe-modal__button{
        font-size: 18px;
        font-weight: 500;
        line-height: 25.2px;
    }
}
@media screen and (max-width: 1200px) {
    .index-sales {
        margin-top: 60px;
    }
    .index-sales__article {
        margin-left: 4%;
        padding-left: 0;
    }
}
@media screen and (max-width: 1024px) {
    .index-sales__text {
        margin-bottom: 56px;
    }
}
@media screen and (max-width: 768px) {
    .index-sales__container {
        flex-wrap: wrap;
        margin-bottom: 54px;
    }
}
@media screen and (max-width: 660px) {
    .index-sales {
        margin-top: 19px;
    }
    .index-sales__article {
        margin-left: 0;
    }
    .index-sales__section-title {
        margin-top: 18px;
        margin-bottom: 10px;
    }
    .index-sales__text {
        margin-bottom: 30px;
    }
}
.index-kids {
    position: relative;
    padding-top: 180px;
    background-image: url("/local/templates/neverland/../img/bg-index-kids.svg");
    background-repeat: no-repeat;
    background-position: center top 5%;
    background-size: auto;
}
.index-kids .container {
    padding-left: 25px;
    padding-right: 25px;
}
.index-kids__section-title {
    margin-top: 50px;
}
.index-kids__text {
    max-width: 450px;
    margin-top: 0;
    margin-bottom: 40px;
}
.index-kids__video {
    position: relative;
    width: 66%;
    z-index: 10;
    margin-top: 180px;
    padding-bottom: 100px;
}
.index-kids__inner {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.index-kids__inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.index-kids__video-bg {
    background-image: url("/local/templates/neverland/../img/index-kids-mermaid.png");
    background-repeat: no-repeat;
    background-position: right top 160px;
    background-size: 30%;
    z-index: 5;
}
.index-kids__hook {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 760px;
    width: 910px;
}
@media screen and (max-width: 1600px) {
    .index-kids {
        background-size: auto, 125%;
    }
}
@media screen and (max-width: 1450px) {
    .index-kids {
        background-size: auto, 138%;
    }
}
@media screen and (max-width: 1366px) {
    .index-kids {
        background-size: auto, 150%;
    }
}
@media screen and (max-width: 1280px) {
    .index-kids {
        background-size: auto, 165%;
    }
}
@media screen and (max-width: 1200px) {
    .index-kids {
        padding-top: 110px;
        background-position: center top -35%, center bottom;
    }
    .index-kids__section-title {
        margin-top: 0;
    }
    .index-kids__section-image {
        margin-top: 50px;
    }
}
@media screen and (max-width: 1024px) {
    .index-kids {
        background-position: center top, center bottom;
        background-size: 1024px;
    }
    .index-kids__video {
        margin-top: 110px;
    }
    .index-kids__video-bg {
        background-position: right top 110px;
    }
}
@media screen and (max-width: 768px) {
    .index-kids__video-bg {
        background-image: none;
    }
    .index-kids__video {
        margin-top: 60px;
        width: 100%;
    }
}
@media screen and (max-width: 660px) {
    .index-kids_order_second {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .index-kids_order_first {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .index-kids {
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .index-kids__section-title {
        margin-top: 20px;
    }
    .index-kids__text {
        margin-bottom: 14px;
    }
    .index-kids__text_last-child {
        padding-bottom: 16px;
    }
    .index-kids .container {
        padding-left: 0;
        padding-right: 0;
    }
    .index-kids .col-1-2 {
        padding-left: 0;
        padding-right: 0;
    }
    .index-kids__video-bg {
        background: none;
    }
}
.index-map {
    position: relative;
    background-image: url("/local/templates/neverland/img/index-map.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    padding-top: 66.67%;
}
.index-map__link {
    position: absolute;
    left: 60%;
    top: 55%;
}
@media screen and (max-width: 768px) {
    .index-map {
        background-position: left 40% top 30%;
        padding-top: 162.5%;
        background-image: url("/local/templates/neverland/../img/index-map-tablet.png");
    }
    .index-map__link {
        top: 70%;
        left: 50%;
    }
}
@media screen and (max-width: 560px) {
    .index-map__link {
        right: 25px;
        left: auto;
    }
}
@media screen and (max-width: 440px) {
    .index-map__link {
        top: 90%;
        right: 25px;
        left: auto;
    }
}
.page-wrapper {
    background-image: url("/local/templates/neverland/../img/bg-footer.svg"), url("/local/templates/neverland/../img/bg-wrapper.svg");
    background-repeat: no-repeat;
    background-position: bottom center,
    top 750px center;
    min-height: 100vh;
}
.page-wrapper_payment,
.page-wrapper_developments {
    background-repeat: no-repeat;
    background-image: url("/local/templates/neverland/../img/bg-footer.svg");
    background-position: bottom center;
}
.page-wrapper_index {
    background-image: url("/local/templates/neverland/../img/page-wrapper-index.png");
    background-repeat: no-repeat;
    background-position: left calc(50% + 24vw) bottom 0.1vw;
    background-size: auto 30vw;
}
@media screen and (max-width: 1440px) {
    .page-wrapper_index {
        background-position: left calc(50% + 30vw) bottom 0.1vw;
    }
}
@media screen and (max-width: 1024px) {
    .page-wrapper_index {
        background-position: left calc(50% + 48vw) bottom 210px;
        background-size: auto 30vw;
    }
}
@media screen and (max-width: 768px) {
    .page-wrapper_index {
        background-position: left calc(50% + 48vw) bottom 265px;
        background-size: auto 45vw;
    }
}
@media screen and (max-width: 660px) {
    .page-wrapper_index {
        background-position: left calc(50% + 48vw) bottom 470px;
        background-size: auto 80vw;
    }
}
.price {
    margin-bottom: 85px;
}
.price__table {
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1410px;
}
.price__wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .price {
        margin-bottom: 64px;
    }
}
.table {
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.table__cell {
    padding: 20px 30px;
    border-right: 1px solid #dfe3ea;
}
.table__cell_type_header {
    font-size: 20px;
    font-weight: 400;
}
.table__cell_first-column {
    text-align: left;
    white-space: nowrap;
}
.table__cell_decor-border {
    position: relative;
}
.table__cell_decor-border::before,
.table__cell_decor-border::after {
    content: "";
    position: absolute;
    background-color: #dfe3ea;
}
.table__cell_decor-border_bottom::after {
    bottom: -30px;
    right: -1px;
    width: 1px;
    height: 30px;
}
.table__cell_decor-border_right::before {
    bottom: -1px;
    right: -30px;
    width: 30px;
    height: 1px;
}
.table__row {
    border-bottom: 1px solid #dfe3ea;
}
@media screen and (max-width: 1024px) {
    .table,
    .table__cell_type_header {
        font-size: 16px;
    }
    .table__cell {
        padding: 14px 28px;
    }
}
@media screen and (max-width: 660px) {
    .table,
    .table__cell_type_header {
        font-size: 16px;
    }
    .table__cell {
        padding: 14px 20px;
    }
}
.result {
    display: none;
    color: #00091c;
}
.result__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.result__header {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 30px;
    font-weight: 500;
}
.result__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.result__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 36px;
}
.result__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 145px;
}
.result__footer {
    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;
    margin-top: 54px;
}
.result__info {
    margin: 0;
    max-width: 580px;
    font-size: 20px;
}
.result__return {
    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;
    width: 148px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #306ae0;
    border: 1px solid #306ae0;
    color: #f4fdff;
    font-size: 20px;
    cursor: pointer;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
.result__return:hover,
.result__return:focus {
    color: #00091c;
    background-color: transparent;
    border-color: #00091c;
}
@media screen and (max-width: 1200px) {
    .result__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .result__footer {
        -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;
    }
    .result__info {
        text-align: center;
        margin-bottom: 30px;
    }
}
.payment {
    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;
}
.payment__button {
    margin-bottom: 50px;
}
.payment__button_active .button__arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.15s ease-in;
    transition: -webkit-transform 0.15s ease-in;
    transition: transform 0.15s ease-in;
    transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
}
.payment__card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 56px 70px 70px;
    display: none;
    width: 100%;
    background-color: #f4fdff;
    border: 1px solid #dfe3ea;
}
.payment__switch {
    margin-bottom: 50px;
}
.payment__wrapper {
    max-width: 1440px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
}
.payment__subscription {
    display: none;
}
.payment__datepicker {
    position: relative;
    padding-right: 120px;
}
.payment__datepicker.error .datepicker {
    border-color: #ff0000;
}
.payment__datepicker.error::after {
    content: "Выберите дату";
    color: #ff0000;
    font-size: 13px;
    line-height: 19px;
}
@media screen and (max-width: 1200px) {
    .payment__datepicker {
        margin-bottom: 40px;
        padding-right: 0;
    }
    .payment__card {
        border: none;
    }
}
@media screen and (max-width: 768px) {
    .payment__wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    .payment__card {
        border: none;
        padding: 0;
    }
    .payment__switch {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 660px) {
    .payment__wrapper {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
    }
    .payment__datepicker {
        margin-bottom: 32px;
    }
}
.ticket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 20px;
    font-family: "GTWalsheimPro", "Arial", sans-serif;
}
.ticket__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px;
}
.ticket__inner {
    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: 548px;
}
@media screen and (max-width: 1200px) {
    .ticket {
        -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;
    }
    .datepicker-inline .datepicker {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .ticket__item {
        -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;
    }
    .ticket__item:last-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .ticket__inner {
        width: 100%;
    }
}
.subscription__summary {
    margin-left: auto;
}
.subscription__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.subscription__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 550px;
}
.subscription__item {
    margin-bottom: 42px;
}
@media screen and (max-width: 768px) {
    .subscription__item {
        -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;
    }
    .subscription__item:last-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .subscription__inner {
        width: 100%;
    }
}
.offer__table {
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1410px;
}
.offer__lead {
    font-size: 48px;
    color: #00091c;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1410px;
}
.offer__highlighting {
    color: #306ae0;
}
.offer__wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
}
@media screen and (max-width: 1200px) {
    .offer__lead {
        font-size: 40px;
        margin-bottom: 48px;
    }
}
@media screen and (max-width: 1024px) {
    .offer__lead {
        font-size: 32px;
        line-height: 38px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 660px) {
    .offer__lead {
        font-size: 28px;
        line-height: 42px;
    }
}

.popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(57, 57, 57, 0.24);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0.6s, opacity 0.3s ease-in-out;
    transition: visibility 0.6s, opacity 0.3s ease-in-out;
}
.popup__container {
    max-width: 708px;
    width: 100%;
    background-color: #EDF9FC;
    border-radius: 20px;
    position: relative;
    margin: 0 20px;
    max-height: calc(100% - 40px);
    overflow: auto;
}
.popup_opened {
    visibility: visible;
    opacity: 1;
    z-index: 101;
}
.popup__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
    padding: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.popup__form.hidden {
    display: none;
}
.popup__form-title {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 1.2px;
}
.popup__button {
    letter-spacing: 1.2px;
    cursor: pointer;
    border-radius: 10px;
    width: 100%;
    padding: 20px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border: none;
    background-color: #2D6ADC;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.popup__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}
.popup__form-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.popup__form-label {
    letter-spacing: 1.2px;
    color: #010101;
    font-size: 14px;
}
.popup__form-input-block {
    color: transparent;
}
.popup__form-input-block.invalid {
    color: rgba(218, 33, 33);
}
.popup__form-input-block::after {
    position: absolute;
    content: "*";
    font-size: 22px;
    color: inherit;
    right: 0;
    bottom: 10px;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
.popup__form-input {
    display: block;
    font-size: 18px;
    line-height: 100%;
    background: transparent;
    width: 100%;
    border: none;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(142, 149, 151, 0.4);
    outline: none;
    -webkit-transition: border-bottom-color 0.4s ease;
    transition: border-bottom-color 0.4s ease;
}
.popup__form-input::-webkit-input-placeholder {
    color: #CECECE;
    letter-spacing: 1.2px;
}
.popup__form-input::-moz-placeholder {
    color: #CECECE;
    letter-spacing: 1.2px;
}
.popup__form-input:-ms-input-placeholder {
    color: #CECECE;
    letter-spacing: 1.2px;
}
.popup__form-input::-ms-input-placeholder {
    color: #CECECE;
    letter-spacing: 1.2px;
}
.popup__form-input::placeholder {
    color: #CECECE;
    letter-spacing: 1.2px;
}
.popup__form-input.invalid {
    border-color: rgba(218, 33, 33);
}
.popup__form-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 14px;
    border: none;
    outline: none;
    font-size: 14px;
    border-radius: 10px;
    background-color: #DDE9EC;
}
.popup__form-textarea::-webkit-input-placeholder {
    color: #999999;
    letter-spacing: 1.2px;
}
.popup__form-textarea::-moz-placeholder {
    color: #999999;
    letter-spacing: 1.2px;
}
.popup__form-textarea:-ms-input-placeholder {
    color: #999999;
    letter-spacing: 1.2px;
}
.popup__form-textarea::-ms-input-placeholder {
    color: #999999;
    letter-spacing: 1.2px;
}
.popup__form-textarea::placeholder {
    color: #999999;
    letter-spacing: 1.2px;
}
.popup__close {
    cursor: pointer;
    position: absolute;
    padding: 0;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
}
.popup__close-img {
    width: 100%;
    height: 100%;
}
.popup__close-img svg {
    fill: #CECECE;
}
.popup__success {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px;
    gap: 10px;
}
.popup__success.hidden {
    display: none;
}
.popup__success-text {
    text-align: center;
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1.2px;
}
.popup__container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.popup__container::-webkit-scrollbar-track {
    background: transparent;
}
.popup__container::-webkit-scrollbar-thumb {
    background-color: #AFAFAF;
}
@media screen and (max-width: 1024px) {
    .popup__container {
        max-width: 500px;
    }
    .popup__form-title {
        font-size: 28px;
    }
    .popup__form {
        gap: 40px;
        padding: 50px;
    }
    .popup__button {
        font-size: 18px;
    }
    .popup__success {
        padding: 30px;
        gap: 10px;
    }
    .popup__success-text {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .popup__container {
        max-width: 400px;
    }
    .popup__form-title {
        font-size: 26px;
    }
    .popup__form {
        gap: 40px;
        padding: 40px;
    }
    .popup__close {
        top: 15px;
        right: 15px;
        width: 15px;
        height: 15px;
    }
    .popup__button {
        font-size: 16px;
        padding: 15px;
    }
    .popup__form-item {
        gap: 8px;
    }
    .popup__form-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .popup__success-text {
        font-size: 22px;
    }
}
@media screen and (max-width: 425px) {
    .popup__form-title {
        font-size: 22px;
    }
    .popup__form {
        gap: 25px;
        padding: 25px;
    }
    .popup__button {
        font-size: 18px;
    }
    .popup__form-input-block::after {
        bottom: 1px;
    }
    .popup__close {
        top: 15px;
        right: 15px;
        width: 15px;
        height: 15px;
    }
    .popup__button {
        font-size: 16px;
        padding: 15px;
    }
    .popup__form-item {
        gap: 8px;
    }
    .popup__form-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .popup__form-input {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .popup__success {
        padding: 25px;
        gap: 0;
    }
    .popup__success-text {
        font-size: 18px;
    }
}
.overflow-hidden {
    overflow: hidden;
}
.not-found {
    max-width: 610px;
    height: 540px;
    width: 100%;
    margin: 50px auto 250px;
    text-align: center;
    background-image: url("/local/templates/neverland/../img/bg-ellipse.png");
    background-repeat: no-repeat;
    background-size: contain;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}
.not-found__title {
    font-size: 230px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 100%;
    margin: 0;
}
.not-found__subtitle {
    font-size: 20px;
    letter-spacing: 1.2px;
    font-weight: 400;
}
@media screen and (max-width: 1024px) {
    .not-found {
        max-width: 510px;
        height: 440px;
        margin: 50px auto 200px;
    }
    .not-found__title {
        font-size: 200px;
    }
    .not-found__subtitle {
        font-size: 20px;
    }
}
@media screen and (max-width: 1024px) {
    .not-found {
        max-width: 460px;
        height: 390px;
        margin: 50px auto 100px;
    }
    .not-found__title {
        font-size: 170px;
    }
    .not-found__subtitle {
        font-size: 18px;
    }
}
@media screen and (max-width: 425px) {
    .not-found {
        max-width: 350px;
        height: 300px;
        margin: 50px auto;
    }
    .not-found__title {
        font-size: 100px;
    }
    .not-found__subtitle {
        padding: 0 20px;
        font-size: 16px;
    }
}


.container .page-footer__columns {
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: .5px;
    color: #00091c;
}

.container{
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: .5px;
    color: #00091c;
}

.container .img-left{
	float:left;
	margin-right:30px;
	margin-top: 30px;
	margin-bottom:30px;
}

.container .img-left_top{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

.container .img-right{
	float:right;
	margin-left:30px;
	margin-top: 30px;
	margin-bottom:30px;
}

.container .img-right_top{
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}

.page-header__row .extra-nav{
	width: 1190px;
}
.page-ru .page-header__row .extra-nav{
	width: 1000px;
}
@media (max-width: 992px) {
    .page-header__row .extra-nav{
         width: auto;
    }
    .page-header.active .page-header__extra-nav {
        width: auto;
    }
    .page-ru .page-header__row .extra-nav{
        width: auto;
    }
    .lang-switcher__item-active{
        display:none;
    }
}
@media (max-width: 1240px) {
    .table-container {
        width: 100%;
        overflow-x: auto;
    }

    table {
        min-width: 100%;
    }

    /* th, td {
        word-wrap: break-word;
        white-space: nowrap;
    } */
}

.img-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.img-container img {
    flex-grow: 1;
    height: 100%;
    max-height: 382px;
    object-fit: cover;
}

.horizontal {
    flex-basis: calc(50% - 16px);
}

.vertical {
    flex-basis: calc(25% - 16px);
}

@media (max-width: 768px) {
    .horizontal, .vertical {
        flex-basis: calc(100% - 16px);
        max-width: 100%;
    }
}
.teenagers-title {
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    color: #00091C;
    text-align: center;
    margin: 0 0 70px;
}

@media screen and (max-width: 960px) {
    .teenagers-title {
        font-size: 38px;
        line-height: 48px;
        margin: 50px 0;
    }
}

@media screen and (max-width: 640px) {
    .teenagers-title {
        font-size: 30px;
        line-height: 45px;
        margin: 50px 0 30px;
    }
}
/* new style footer */
@media screen and (max-width: 1240px) {
    .page-footer__column_type_social {
        display: none;
    }
    .page-footer__inner {
        padding: 20px 0 0;
    }
    .page-footer__inner .page-footer__column, 
    .page-footer__inner .work-time {
        margin: 0;
        width: 30%;
        gap: 3%;
    }
    .page-footer__inner .page-footer__column:first-child .page-footer__title {
        display: none;
    }
    .container .page-footer__columns.page-footer__title {
        margin: 0 0 15px;
        font-weight: 500;
    }
}
@media screen and (max-width: 940px) {
    .page-footer__columns.page-footer____description {
        font-size: 16px;
        line-height: 26px;
    }
    .container .page-footer__columns.page-footer__title {
        margin: 0 0 6px;
    }
    .page-footer__container .page-footer__inner:last-child {
        flex-direction: column;
        text-align: center;
    }
    .page-footer__container .page-footer__inner:last-child .page-footer__feedback {
        margin: 0;
    }
}
@media screen and (max-width: 768px) {
    .page-footer__inner:first-child {
        padding: 20px 0 0;
    }
    .page-footer__inner:nth-child(2) {
        flex-direction: column;
    }
    .container .page-footer__columns {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    .container  .page-footer__columns.copyright {
        margin: 0 0 30px;
    }
    .page-footer__columns.feedback.page-footer__feedback {
        margin: 0 0 5px;
    }
}
@media screen and (max-width: 640px) {
    .page-footer__inner .page-footer__column, .page-footer__inner .work-time {
        width: 100%;
    }
    .page-footer__inner:first-child {
        justify-content: center;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid #ccc;
    }
    .container .page-footer__columns {
        margin: 0 0 20px;
    }
}
/* footer btn up */
.page-footer__btn-up {
    position: absolute;
    bottom: 100px;
    right: 20px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 1px 1px 10px 0px #C165471A;
    transition: all 0.5s linear;
    cursor: pointer;
    z-index: 999;
}
.page-footer__btn-up:hover {
    box-shadow: 5px 5px 12px 0px #C165471A;
}
.page-footer__btn-up:after {
    content: '';
    width: 25px;
    height: 30px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(/local/templates/neverland/img/footer-btn-up.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
@media screen and (max-width: 1240px) {
    .page-footer__btn-up {
        bottom: 112px;
        right: 20px;
    }
}
@media screen and (max-width: 960px) {
    .page-footer__btn-up {
        width: 60px;
        height: 60px;
    }
}
@media screen and (max-width: 768px) {
    .page-footer__btn-up {
        bottom: 20px;
        right: 20px;
    }
    .page-footer__inner:first-child {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .page-footer__inner .page-footer__column, .page-footer__inner .work-time {
        width: 100%;
    }
}
@media screen and (max-width: 560px) {
    .page-footer__btn-up {
        bottom: 120px;
        right: 20px;
    }
}
@media screen and (max-width: 480px) {
    .page-footer__btn-up {
        width: 50px;
        height: 50px;
    }
    .page-footer__btn-up:after {
        width: 20px;
        height: 25px;
    }
}
@media screen and (max-width: 400px) {
    .page-footer__btn-up {
        bottom: inherit;
        right: 20px;
        top: 20px;
    }
}


/*Подписаться на рассылку*/
.button {
    transition: all 0.3s linear;
}
.index-sales__button_blue {
    padding: 15px 60px 15px 30px;
    border: 1px solid #306AE0;
    color: #306AE0;
}
.modal-subscribe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.modal-subscribe__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.modal-subscribe__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #EDF9FC;
    padding: 60px;
    border-radius: 15px;
    width: 700px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.modal-subscribe__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
}
.modal-subscribe__title {
    margin: 0;
    font-size: 32px;
    color: #2D6ADC;
    font-weight: 500;
    letter-spacing: -1px;
}
.modal-subscribe__close {
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #00091C;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s linear;
    position: absolute;
    top: 15px;
    right: 15px;
}
.modal-subscribe__close:after,
.modal-subscribe__close:before {
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 20px;
    height: 2px;
    background-color: #00091C;
}
.modal-subscribe__close:after {
    transform: rotate(45deg);
}
.modal-subscribe__close:before {
    transform: rotate(-45deg);
}
.modal-subscribe__close:hover {
    color: #333;
}
.modal-subscribe__close-icon {
    line-height: 1;
}
.modal-subscribe__form-group {
    margin-bottom: 50px;
    position: relative;
}
.modal-subscribe__form-group_error .modal-subscribe__label:after {
    content: '*';
    position: absolute;
    margin: auto;
    right: 0px;
    top: -14px;
    bottom: 0;
    color: #B41111;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.modal-subscribe__form-group_error .modal-subscribe__checkbox-custom {
    border: 1px solid #B41111;
}
.modal-subscribe__input,
.modal-subscribe__input_error {
    width: 100%;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #00091C;
    font-size: 18px;
    box-sizing: border-box;
    transition: border-color 0.3s;
    color: #00091C;
    background: transparent;
}
.modal-subscribe__input:focus {
    outline: none;
}
.modal-subscribe__input_error {
    border-color: #dc3545;
}
.modal-subscribe__checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px;
}
.modal-subscribe__checkbox-input {
    display: none;
}
.modal-subscribe__checkbox-custom {
    width: 30px;
    height: 30px;
    border: 1px solid #00091C;
    margin-right: 30px;
    margin-top: 2px;
    position: relative;
    flex-shrink: 0;
    transition: all 0.3s;
}
.modal-subscribe__checkbox-input:checked + .modal-subscribe__checkbox-custom {
    background: transparent;
    border-color: #2D6ADC;
}
.modal-subscribe__checkbox-input:checked + .modal-subscribe__checkbox-custom::after {
    content: '';
    position: absolute;
    margin: auto;
    left: 0;
    bottom: 5px;
    top: 0;
    right: 0;
    width: 8px;
    height: 19px;
    border: solid #2D6ADC;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.modal-subscribe__checkbox-text {
    font-size: 18px;
    line-height: 1.4;
    color: #00091C;
    flex: 1;
    position: relative;
}
.modal-subscribe__required-star {
    color: #dc3545;
    position: absolute;
    left: -24px;
    top: 6px;
    font-size: 16px;
}
.modal-subscribe__error {
    color: #dc3545;
    font-size: 14px;
    margin-top: 2px;
    display: none;
}
.modal-subscribe__checkbox-link {
    text-decoration: none;
    color: #2D6ADC;
    border-bottom: 1px solid #2D6ADC;
    transition: all 0.3s linear;
}
.modal-subscribe__checkbox-link:hover {
    border-bottom: 1px solid transparent;
}
.modal-subscribe__error_visible {
    display: block;
}
.modal-subscribe__submit {
    width: 100%;
    padding: 18px;
    background: #2D6ADC;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
    margin: 10px 0 0;
}
.modal-subscribe__submit:hover {
    background: #0056b3;
}
.modal-subscribe__submit:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/*ошибки */
.modal-subscribe__input_error {
    border-color: #dc3545;
}
.modal-subscribe__success {
    text-align: center;
    padding: 40px 20px;
}
.modal-subscribe__success-icon {
    width: 60px;
    height: 60px;
    background: #28a745;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin: 0 auto 20px;
}
.modal-subscribe__success-text {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}
.modal-subscribe .modal-subscribe__input_error::placeholder,
.modal-subscribe .modal-subscribe__input_error::-webkit-input-placeholder,
.modal-subscribe .modal-subscribe__input_error::-moz-placeholder,
.modal-subscribe .modal-subscribe__input_error:-ms-input-placeholder,
.modal-subscribe .modal-subscribe__input_error::-ms-input-placeholder {
    color: #B41111;
    opacity: 0.5;
}
.modal-subscribe__input_error::placeholder {
    color: #B41111 !important;
    opacity: 0.5 !important;
}

@media screen and (max-width: 800px) {
    .modal-subscribe__content {
        width: 90%;
        padding: 50px 25px;
    }
}
@media screen and (max-width: 768px) { 
    .modal-subscribe__title {
        font-size: 25px;
    }
    .modal-subscribe__input, .modal-subscribe__input_error,
    .modal-subscribe__checkbox-text {
        font-size: 16px;
    }
    .modal-subscribe__checkbox-custom {
        margin-right: 16px;
    }
    .modal-subscribe__checkbox-text br {
        display: none;
    }
    .modal-subscribe__required-star {
        left: -13px;
        top: -2px;
    }
    .modal-subscribe__checkbox-label {
        align-items: flex-start;
    }
    .modal-subscribe__checkbox-custom {
        width: 25px;
        height: 25px;
    }
    .modal-subscribe__form-group_error .modal-subscribe__label:after {
        top: 15px;
        bottom: inherit;
    }


}

/* Внопка вернуться назад start */
.btn-back__link {
    font-size: 20px;
    font-weight: 500;
    color: #306ae0;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 41px 0 31px -6px;
}

.btn-back__link:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/local/templates/neverland/images/btn-back-link.png);
    background-position: 0px 0px;

}

@media screen and (max-width: 960px) {
    .btn-back__link {
        margin: 30px 0 30px -6px;
    }
}

.btn-back__link:hover::before {
    animation-name: arrowAnimate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes arrowAnimate {
    0% {
        background-position: 4px 0px;
    }

    50% {
        background-position: -5px 0px;
    }


    100% {
        background-position: 4px 0px;
    }
}

/* Внопка вернуться назад end */


/* new style footer */
@media screen and (max-width: 1240px) {
    .page-footer__column_type_social {
        display: none;
    }
    .page-footer__inner {
        padding: 20px 0 0;
    }
    .page-footer__inner .page-footer__column, 
    .page-footer__inner .work-time {
        margin: 0;
        width: 30%;
        gap: 3%;
    }
    .page-footer__inner .page-footer__column:first-child .page-footer__title {
        display: none;
    }
    .container .page-footer__columns.page-footer__title {
        margin: 0 0 15px;
        font-weight: 500;
    }
}
@media screen and (max-width: 940px) {
    .page-footer__columns.page-footer____description {
        font-size: 16px;
        line-height: 26px;
    }
    .container .page-footer__columns.page-footer__title {
        margin: 0 0 6px;
    }
    .page-footer__container .page-footer__inner:last-child {
        flex-direction: column;
        text-align: center;
    }
    .page-footer__container .page-footer__inner:last-child .page-footer__feedback {
        margin: 0;
    }
}
@media screen and (max-width: 768px) {
    .page-footer__inner:first-child {
        padding: 20px 0 0;
    }
    .page-footer__inner:nth-child(2) {
        flex-direction: column;
    }
    .container .page-footer__columns {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    .container  .page-footer__columns.copyright {
        margin: 0 0 30px;
    }
    .page-footer__columns.feedback.page-footer__feedback {
        margin: 0 0 5px;
    }
}
@media screen and (max-width: 640px) {
    .page-footer__inner .page-footer__column, .page-footer__inner .work-time {
        width: 100%;
    }
    .page-footer__inner:first-child {
        justify-content: center;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid #ccc;
    }
    .container .page-footer__columns {
        margin: 0 0 20px;
    }
}
/* footer btn up */
.page-footer__btn-up {
    position: absolute;
    bottom: 100px;
    right: 20px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 1px 1px 10px 0px #C165471A;
    transition: all 0.5s linear;
    cursor: pointer;
    z-index: 999;
}
.page-footer__btn-up:hover {
    box-shadow: 5px 5px 12px 0px #C165471A;
}
.page-footer__btn-up:after {
    content: '';
    width: 25px;
    height: 30px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(/local/templates/neverland/img/footer-btn-up.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
@media screen and (max-width: 1240px) {
    .page-footer__btn-up {
        bottom: 112px;
        right: 20px;
    }
}
@media screen and (max-width: 960px) {
    .page-footer__btn-up {
        width: 60px;
        height: 60px;
    }
}
@media screen and (max-width: 768px) {
    .page-footer__btn-up {
        bottom: 20px;
        right: 20px;
    }
    .page-footer__inner:first-child {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .page-footer__inner .page-footer__column, .page-footer__inner .work-time {
        width: 100%;
    }
}
@media screen and (max-width: 560px) {
    .page-footer__btn-up {
        bottom: 120px;
        right: 20px;
    }
}
@media screen and (max-width: 480px) {
    .page-footer__btn-up {
        width: 50px;
        height: 50px;
    }
    .page-footer__btn-up:after {
        width: 20px;
        height: 25px;
    }
}
@media screen and (max-width: 400px) {
    .page-footer__btn-up {
        bottom: inherit;
        right: 20px;
        top: 20px;
    }
}


/* Подросткам возрастные категории :start */
.category-teens {
    display: flex;
    gap: 20px;
}

.category-teens__item {
    height: 65px;
    border-radius: 10px;
    padding: 10px 16px;
}

.category-teens__item_blue {
    background: #D7E7FA;
    color: #306AE0;
}

.category-teens__item_red {
    background: #F1D9D1;
    color: #C16547;
}

.category-teens__item_green {
    background: #DAEFDF;
    color: #74B55F;
}

.category-teens__who {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.category-teens__how {
    font-weight: 800;
    font-size: 20px;
    line-height: 90%;
    letter-spacing: 1.6px;
}

@media screen and (max-width: 1240px) {
    .category-teens__item {
        height: 50px;
        padding: 6px 12px;
    }

    .category-teens__who {
        font-size: 14px;
    }

    .category-teens__how {
        font-size: 16px;
        line-height: 84%;
    }
}

@media screen and (max-width: 960px) {
    .category-teens {
        gap: 12px;
    }

    .category-teens__item {
        height: 49px;
    }

    .category-teens__how {
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 700px) {
    .category-teens__item {
        height: auto;
        padding: 6px 12px;
    }

    .category-teens__who {
        display: none;
    }

    .category-teens__how {
        font-size: 14px;
        line-height: 140%;
    }
}

/* Подросткам возрастные категории :end */




/* btn */
svg.btn-blue-light__svg {
    position: absolute;
    top: 0;
}

/* btn-blue-light */
.btn-blue-light {
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    color: #306AE0;
    padding: 18px 10px;
    text-align: center;
    border-radius: 10px;
    background-color: transparent;
    outline: none;
    border: none;
    transition: color 0.5s;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #306AE0;
}

.btn-blue-light:after {
    content: "";
    z-index: -2;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 100%;
    height: 100%;
    transition: all 0.3s 0.2s;
    border-radius: 10px;
}

.btn-blue-light:hover {
    color: #ffffff;
    border-radius: 10px;
}

.btn-blue-light:hover:after {
    transition: all 0.3s;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.btn-blue-light__inner {
    z-index: -1;
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 101%;
    height: 101%;
    border-radius: 10px;
    background: transparent;
}

.btn-blue-light__blobs {
    position: relative;
    display: block;
    height: 100%;
    filter: url("#goo");
}

.btn-blue-light__blob {
    position: absolute;
    top: 2px;
    width: 25%;
    height: 100%;
    background: #306AE0;
    border-radius: 100%;
    transform: translate3d(0, 150%, 0) scale(1.7);
    transition: transform 0.8s;
}

@supports (filter: url("#goo")) {
    .btn-blue-light__blob {
        transform: translate3d(0, 150%, 0) scale(1.4);
    }
}

.btn-blue-light__blob:nth-child(1) {
    left: 0%;
    transition-delay: 0s;
}

.btn-blue-light__blob:nth-child(2) {
    left: 30%;
    transition-delay: 0.10s;
}

.btn-blue-light__blob:nth-child(3) {
    left: 60%;
    transition-delay: 0.20s;
}

.btn-blue-light__blob:nth-child(4) {
    left: 90%;
    transition-delay: 0.30s;
}

.btn-blue-light:hover .btn-blue-light__blob {
    transform: translateZ(0) scale(1.7);
}

@supports (filter: url("#goo")) {
    .btn-blue-light:hover .btn-blue-light__blob {
        transform: translateZ(0) scale(1.4);
    }
}



/* btn-blue-cian */
.button-blue-cian {
    display: inline-flex;
}

.btn-blue-cian {
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding: 18px 10px;
    text-align: center;
    border-radius: 10px;
    background-color: #D9F7FF;
    outline: none;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #306AE0;
    overflow: hidden;
}

.btn-blue-cian:after {
    content: "";
    z-index: -2;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 100%;
    height: 100%;
    transition: all 0.3s 0.2s;
    border-radius: 10px;
}

.btn-blue-cian:hover {
    color: #306AE0;
    border: 1px solid #D9F7FF;
}

.btn-blue-cian:hover:after {
    transition: all 0.3s;
    left: 0;
    top: 0;
}

.btn-blue-cian__inner {
    z-index: -1;
    overflow: hidden;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 104%;
    height: 110%;
    background: #306AE0;
    transition: all 0.5s cubic-bezier(1, -0.02, 1, 1);
    box-shadow: inset 0px 0px 0px 1px #D9F7FF;
}

.btn-blue-cian__blobs {
    position: relative;
    display: block;
    height: 100%;
    filter: url("#goo-4");
}

.btn-blue-cian__blob {
    position: absolute;
    top: 2px;
    width: 25%;
    height: 100%;
    background: #D9F7FF;
    border-radius: 100%;
    transform: translate3d(0, 150%, 0) scale(1.7);
    transition: transform 0.8s;
}

@supports (filter: url("#goo-4")) {
    .btn-blue-cian__blob {
        transform: translate3d(0, 150%, 0) scale(1.4);
    }
}

.btn-blue-cian__blob:nth-child(1) {
    left: 0%;
    transition-delay: 0s;
}

.btn-blue-cian__blob:nth-child(2) {
    left: 30%;
    transition-delay: 0.10s;
}

.btn-blue-cian__blob:nth-child(3) {
    left: 60%;
    transition-delay: 0.20s;
}

.btn-blue-cian__blob:nth-child(4) {
    left: 90%;
    transition-delay: 0.30s;
}

.btn-blue-cian:hover .btn-blue-cian__blob {
    transform: translateZ(0) scale(1.7);
}

@supports (filter: url("#goo-4")) {
    .btn-blue-cian:hover .btn-blue-cian__blob {
        transform: translateZ(0) scale(1.4);
    }
}
/* End */
/* /local/templates/neverland/libs/animate/animate.min.css?175197353598290 */
/* /local/templates/neverland/styles.css?176552777099245 */