@charset "UTF-8";
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(../fonts/Roboto-Bold.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Roboto;
    font-style: italic;
    src: url(../fonts/Roboto-Italic.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: url(../fonts/Roboto-Regular.ttf) format("truetype");
    font-display: swap;
} /*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}
.animate__animated {
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    -o-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    -o-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    -o-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;
    -o-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    -o-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;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    -o-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    -o-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    -o-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    -o-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    -o-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
    -webkit-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    -o-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
    -webkit-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    -o-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    -o-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    -o-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        -o-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        -o-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        -o-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
    .animate__animated[class*="Out"] {
        opacity: 0;
    }
}
@-webkit-keyframes bounce {
    20%,
    53%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@-o-keyframes bounce {
    20%,
    53%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@keyframes bounce {
    20%,
    53%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
.animate__bounce {
    -webkit-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-o-keyframes flash {
    50%,
    from,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    50%,
    from,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.animate__flash {
    -webkit-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-o-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.animate__pulse {
    -webkit-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-o-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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);
    }
}
@-o-keyframes shakeX {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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 {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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;
    -o-animation-name: shakeX;
    animation-name: shakeX;
}
@-webkit-keyframes shakeY {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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);
    }
}
@-o-keyframes shakeY {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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 {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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;
    -o-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);
    }
}
@-o-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -o-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);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -o-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);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    -o-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@-o-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.animate__swing {
    -webkit-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-o-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.animate__tada {
    -webkit-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__wobble {
    -webkit-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@-o-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -o-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -o-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
.animate__jello {
    -webkit-animation-name: jello;
    -o-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -o-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);
    }
}
@-o-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    -o-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    -o-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        -o-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        -o-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInDown {
    -webkit-animation-name: backInDown;
    -o-animation-name: backInDown;
    animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        -o-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        -o-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    -o-animation-name: backInLeft;
    animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        -o-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        -o-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInRight {
    -webkit-animation-name: backInRight;
    -o-animation-name: backInRight;
    animation-name: backInRight;
}
@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        -o-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        -o-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInUp {
    -webkit-animation-name: backInUp;
    -o-animation-name: backInUp;
    animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}
@-o-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(700px) scale(0.7);
        -o-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(700px) scale(0.7);
        -o-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    -o-animation-name: backOutDown;
    animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}
@-o-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        -o-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        -o-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    -o-animation-name: backOutLeft;
    animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}
@-o-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(2000px) scale(0.7);
        -o-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        -o-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(2000px) scale(0.7);
        -o-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    -o-animation-name: backOutRight;
    animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}
@-o-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(-700px) scale(0.7);
        -o-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        -o-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(-700px) scale(0.7);
        -o-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    -o-animation-name: backOutUp;
    animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-o-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.animate__bounceIn {
    -webkit-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    -o-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        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(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        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(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        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(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        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(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        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(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        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(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@-o-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.animate__bounceOut {
    -webkit-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    -o-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}
@-o-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.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(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.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;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}
@-o-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.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(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.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;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}
@-o-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.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(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.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;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}
@-o-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.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(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.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;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    -o-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    -o-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    -o-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    -o-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-o-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@-o-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@-o-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@-o-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@-o-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@-o-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@-o-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@-o-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@-o-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
@-o-keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
@keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    -o-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
@-o-keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
@keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    -o-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
@-o-keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
@keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    -o-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
@-o-keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
@keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    -o-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@-o-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@-o-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@-o-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.animate__flipOutX {
    -webkit-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    -o-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.animate__flipOutY {
    -webkit-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    -o-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    -o-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    -o-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@-o-keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    -o-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}
@-o-keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}
.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    -o-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-o-keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-o-keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-o-keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-o-keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-o-keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutDownLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutDownRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutUpLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutUpRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -o-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-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@-o-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.animate__hinge {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    -o-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.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);
    }
}
@-o-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        -o-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        -o-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    -o-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__rollIn {
    -webkit-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@-o-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.animate__rollOut {
    -webkit-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-o-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@-o-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@-o-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@-o-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@-o-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@-o-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@-o-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}
@-o-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}
.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}
@-o-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}
.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@-o-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@-o-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@-o-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@-o-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@-o-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
.container {
    padding: 0 180px;
}
.logo__link {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
}
.logo__img {
    width: 100%;
    max-width: 101px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.logo__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}
.logo__title .first-line {
    font-size: 17.1px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    line-height: 23px !important;
}
.logo__title .second-line {
    font-size: 27.5px;
    font-weight: 700;
    line-height: 27px;
    color: #fff;
}
.logo__title .second-line .orange {
    color: #dcbb0c;
}
.logo__title .thirdy-line {
    font-size: 20.2px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
}
.eye__button {
    background-color: inherit;
    border: none;
    color: #fff;
    width: 46px;
    font-size: 25px;
}
.eye #edit-visually-impaired-block--2:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.search__button {
    background-color: inherit;
    color: #fff;
    border: none;
    width: 46px;
    font-size: 25px;
    text-align: center;
}
.search__button:hover {
    color: #fff;
}
.content > h2,
.content > h3 {
    color: #303a65;
}
.content > h2 {
    display: none;
}
.search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.search-form label[for="edit-keys"] {
    display: none;
}
.search-form #edit-keys {
    border: none;
    width: 100%;
    padding-left: 1.875rem;
    color: #303a65;
    background-color: inherit;
    background-image: url(../images/search2.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    border: none;
    border-bottom: 1px solid #303a65;
    border-radius: unset;
    font-size: 18px;
}
.search-form #edit-keys:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.search-form .form-type-search {
    width: 100%;
    margin: 0 !important;
}
.search-form .form-submit {
    background-color: #303a65;
    min-width: 130px;
    border-radius: 15px;
    cursor: pointer;
    padding: 8px 15px;
    color: #fff;
    border: none;
    font-size: 18px;
}
.search-form .form-submit:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.search-advanced {
    display: none;
}
.node_search-results li {
    border: none;
    padding: 0;
    padding-top: 15px;
}
.node_search-results li > h3 {
    margin-bottom: 3px;
    margin-top: -5px;
}
.node_search-results li > h3 a {
    color: #303a65;
    font-size: 22px;
}
.node_search-results li a {
    color: #84757d;
    font-size: 14px;
}
.language {
    position: absolute;
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    z-index: 4;
}
.language noindex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
}
.language__by,
.language__ru {
    position: relative;
}
.language__by::before,
.language__ru::before {
    content: "";
    width: 2px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    right: -12px;
    top: 50%;
    bottom: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.language__by,
.language__en,
.language__ru {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #fff;
}
.language .gtranslate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}
.language .gtranslate a.gtflag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dropdown-menu_lang {
    width: 24px;
    height: 24px;
}
.dropdown-menu_lang::after {
    display: none;
}
.dropdown-menu_lang .title {
    background: url(../images/lang-down.svg) no-repeat center !important;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    width: 24px !important;
    height: 24px !important;
}
.dropdown-menu_lang .title::after {
    display: none !important;
}
@media (max-width: 920px) {
    .dropdown-menu_lang .title {
        background: url(../images/lang-down_white.svg) no-repeat center !important;
    }
}
.dropdown-menu_lang ul {
    display: none;
}
.dropdown-menu_lang.open {
    width: 24px;
    height: 24px;
}
.dropdown-menu_lang.open .title {
    background: url(../images/lang-down.svg) no-repeat center !important;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
}
@media (max-width: 920px) {
    .dropdown-menu_lang.open .title {
        background: url(../images/lang-down_white.svg) no-repeat center !important;
    }
}
.dropdown-menu_lang.open ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(15%);
    -o-transform: translateX(15%);
    transform: translateX(15%);
    top: 34px;
    background-color: #e7e7e7;
    padding: 5px;
    width: auto;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 4;
}
.dropdown-menu_lang.open ul a {
    font-size: unset !important;
}
@media (max-width: 1600px) {
    .header__top.otherPage .dropdown-menu_lang .title {
        background: url(../images/lang-down_white.svg) no-repeat center !important;
    }
    .header__top.otherPage .dropdown-menu_lang.open .title {
        background: url(../images/lang-down_white.svg) no-repeat center !important;
    }
}
.social__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #7a7b7d;
    margin-bottom: 16px;
}
.social__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.social__list-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #dcbb0c;
}
.social__list-link:hover {
    color: #303a65;
}
.social__list-link i,
.social__list-link svg {
    font-size: 20px;
}
.menu {
    background-color: hsla(223, 64%, 21%, 0.8);
    z-index: 3;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 85px;
}
.menu__list-item {
    position: relative;
    color: #fff;
    display: inline-block;
    margin-left: -13px;
}
.menu__list-item:last-child i,
.menu__list-item:last-child svg {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 16px;
}
.menu__list-item:hover .menu__list-link::after,
.menu__list-item:hover .menu__list-link::before {
    display: block;
}
.menu__list-abitur {
    position: relative;
    color: #fff;
    display: inline-block;
    margin-left: -13px;
}
.menu__list-abitur i,
.menu__list-abitur svg {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 10px;
}
.menu__list-abitur:hover .menu__list-abitur-link::after,
.menu__list-abitur:hover .menu__list-abitur-link::before {
    display: block;
}
.menu__list-link {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    color: #fff;
    text-transform: uppercase;
    padding: 13px;
    display: block;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.menu__list-link::before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    left: 0;
    bottom: 13px;
    display: none;
}
.menu__list-link::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: rgba(218, 184, 11, 0.25);
    position: absolute;
    left: 0;
    bottom: 10px;
    display: none;
}
.menu__list-link:hover {
    color: #fff;
}
.menu__list-link:hover .menu__list-link::after,
.menu__list-link:hover .menu__list-link::before {
    display: block;
}
.menu__list-abitur-link {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    color: #fff;
    text-transform: uppercase;
    padding: 13px;
    display: block;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.menu__list-abitur-link::before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    left: 0;
    bottom: 13px;
    display: none;
}
.menu__list-abitur-link::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: rgba(218, 184, 11, 0.25);
    position: absolute;
    left: 0;
    bottom: 10px;
    display: none;
}
.menu__list-abitur-link:hover {
    color: #fff;
}
.menu__list-search {
    width: 100%;
    padding-left: 30px;
    color: #fff;
    max-width: 200px;
    background-color: inherit;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.64);
    -webkit-box-shadow: 0 1px 2px rgba(39, 20, 188, 0.25);
    box-shadow: 0 1px 2px rgba(39, 20, 188, 0.25);
}
.menu__list-search:focus-visible {
    outline: 0;
}
.header .menu__list-item:last-child i,
.header .menu__list-item:last-child svg {
    font-size: 10px;
}
.banner {
    position: relative;
    margin-bottom: 40px;
}
.banner .page__banner {
    width: 100%;
}
.banner__img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100px;
    max-height: 200px;
    -webkit-filter: brightness(1);
    filter: brightness(1);
}
.banner__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 50px;
    font-weight: 700;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin: 0;
}
.brussels_calendar .header {
    background-color: #303a65;
}
.brussels_calendar .day-number.select {
    background-color: #dcbb0c;
    color: #fff;
    margin: 0;
    border: none;
}
.brussels_calendar .legend {
    background-color: #303a65;
}
.calendar {
    margin-bottom: 40px;
    display: grid;
    gap: 20px;
    grid-template-columns: 730px 1fr;
}
.calendar__body {
    margin-top: 39px;
}
.calendar .rounded-pill {
    background-color: #dcbb0c !important;
}
.projects__calendar-page {
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 -4px 8px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0 -4px 8px 4px rgba(34, 60, 80, 0.2);
}
.projects__calendar-page .projects__slider-link {
    position: relative;
}
.projects__calendar-page .projects__slider-link::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.projects__calendar-page .projects__slider-link:hover .projects__slider-info {
    bottom: -70px;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(70%, rgba(48, 58, 101, 0.9)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(48, 58, 101, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(48, 58, 101, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(48, 58, 101, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
}
#not-found {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.circles {
    margin-top: 0 !important;
    width: 70%;
}
.circles p {
    z-index: 2 !important;
}
.not-found__content {
    padding: 60px 0;
    width: 30%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.not-found__home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #303a65;
}
.user {
    margin-top: 10px;
}
.user__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    color: #303a65;
    position: absolute;
    top: 10px;
}
.user__link {
    background-color: inherit;
    border: none;
    color: #fff;
}
.user__link:hover {
    color: #dcbb0c;
}
.user__form {
    margin-top: 30px;
}
.user__form label,
.user__form p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #303a65;
}
.user__form input[type="password"],
.user__form input[type="text"] {
    width: 100%;
    padding: 0 10px;
    color: #09142e;
    max-width: 250px;
    border-radius: unset;
    border: none;
    border-bottom: 1px solid #303a65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.user__form button {
    background-color: #303a65;
    border-radius: 15px;
    width: 100%;
    padding: 8px 10px;
    max-width: 120px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    color: #fff;
    display: block;
    text-align: center;
}
.user__form button:active,
.user__form button:hover {
    background-color: rgba(48, 58, 101, 0.8117647059);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.user__form .item-list {
    display: none;
}
.user__popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 9;
}
.user__popup {
    position: absolute;
    background: #fff;
    width: 400px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 30px;
}
.user__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.user__name,
.user__password {
    margin-bottom: 30px;
    height: 50px;
    font-size: 20px;
    border: 2px solid #000;
}
.user__button {
    background: #000;
    color: #fff;
    font-size: 24px;
}
.user__popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.user__no-scroll {
    overflow-y: hidden;
}
.fotorama {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
table {
    width: 100%;
    margin-bottom: 20px;
    border: 5px solid #fff !important;
    border-top: 5px solid #fff !important;
    border-bottom: 3px solid #fff !important;
    border-collapse: collapse;
    outline: 3px solid #e3e1e1 !important;
    font-size: 16px;
    background: #fff !important;
    white-space: normal;
    min-width: 1000px;
}
table th {
    font-weight: 700;
    padding: 7px;
    border: none;
    text-align: left;
    font-size: 16px;
}
table td {
    padding: 7px;
    border: none;
    border-top: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important;
    font-size: 16px;
}
table tbody tr:nth-child(even) {
    background: #f8f8f8 !important;
}
.menuCards {
    margin: 20px 0;
}
.menuCards__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 34px;
}
.menuCards__one {
    border: 4px solid #303a65;
    padding: 20px;
    width: 100%;
    max-width: 350px;
    height: 100%;
    height: 160px;
    border-radius: 15px;
    position: relative;
}
.menuCards__one-img {
    background-color: #fff;
    position: absolute;
    top: -24px;
    left: 20px;
}
.menuCards__one svg {
    font-size: 45px;
    color: #303a65;
}
.menuCards__one-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #303a65;
}
.youtube_video {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
}
.video-5 {
    padding-bottom: 17.25%;
    width: 5%;
}
.video-10 {
    padding-bottom: 17.25%;
    width: 10%;
}
.video-20 {
    padding-bottom: 17.25%;
    width: 20%;
}
.video-30 {
    padding-bottom: 17.25%;
    width: 30%;
}
.video-40 {
    padding-bottom: 23.25%;
    width: 40%;
}
.video-50 {
    padding-bottom: 28.25%;
    width: 50%;
}
.video-60 {
    padding-bottom: 33.8%;
    width: 60%;
}
.video-70 {
    padding-bottom: 39.4%;
    width: 70%;
}
.video-80 {
    padding-bottom: 44.9%;
    width: 80%;
}
.video-90 {
    padding-bottom: 44.9%;
    width: 90%;
}
.video-100 {
    padding-bottom: 44.9%;
    width: 100%;
}
.youtube_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navigation {
    width: 100%;
    height: 100%;
    background-color: rgba(198, 204, 215, 0.6);
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 7;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}
.navigation.active {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    display: grid;
    grid-template-rows: -webkit-max-content 1fr 130px;
    grid-template-rows: max-content 1fr 130px;
    background-color: #e5e8f0;
}
.navigation__top {
    background: #303a65;
    padding-top: 40px;
}
.navigation__top-social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1000px) {
    .navigation__top-social {
        display: none !important;
    }
}
.navigation__top-social .social__list-link,
.navigation__top-social .social__title {
    color: #fff !important;
}
.navigation__top-social .social__list {
    width: 100%;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.navigation__top-social .social__list i,
.navigation__top-social .social__list svg {
    font-size: 20px;
}
.navigation__top-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.navigation__top .menu {
    padding: 12px 0;
}
.navigation__top .menu__list {
    gap: 100px;
}
.navigation__top .menu__list-item {
    display: inline-block;
}
.navigation__top .menu__list-item i,
.navigation__top .menu__list-item svg {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 12px;
}
.navigation__top .menu__list-link {
    padding: 20px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.navigation__top .menu__list-link::after,
.navigation__top .menu__list-link::before {
    width: 100%;
}
.navigation__top .menu__list-link.active,
.navigation__top .menu__list-link:hover {
    color: #fff;
}
.navigation__top .menu__list-link.active::after,
.navigation__top .menu__list-link.active::before {
    display: block;
}
.navigation .menu {
    position: static !important;
    margin-top: 40px;
    padding: 0;
    background-color: unset;
}
.navigation .menu__list-item:last-child {
    position: absolute;
    right: 0;
    -webkit-transform: translateX(-125px);
    -o-transform: translateX(-125px);
    transform: translateX(-125px);
}
.navigation .menu .menu__list {
    border-bottom: none;
}
.navigation .menu .menu__list-item div {
    display: none;
}
.navigation .menu .nav-link {
    border-radius: unset;
    background-color: unset;
    border: none;
}
.navigation__abitur {
    position: relative;
    grid-area: a;
}
.navigation__abitur-link {
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    color: #fff;
}
.navigation__abitur-link i,
.navigation__abitur-link svg {
    position: absolute;
    right: -15px;
    top: 5px;
    font-size: 12px;
}
.navigation__eye {
    grid-area: e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.navigation .search__button {
    display: none;
}
.navigation__right-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    row-gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: flex-start;
    margin-right: 10%;
}
.navigation__language {
    grid-area: l;
    position: static !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: none !important;
}
.navigation__language__by::before,
.navigation__language__ru::before {
    background-color: hsla(0, 0%, 100%, 0.66);
    width: 1px;
    height: 21px;
}
.navigation__language__by,
.navigation__language__en,
.navigation__language__ru {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: hsla(0, 0%, 100%, 0.66);
}
.navigation__center {
    height: calc(100vh - 231px - 51px);
    width: 100%;
    background-color: #e5e8f0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    position: absolute;
    padding: 25px 0;
    left: -100%;
    overflow: auto;
}
.navigation__center.active {
    left: 0;
}
.navigation__center .tab-content ul {
    padding-left: 0;
}
.navigation__center .main-menu__goback-item {
    display: none;
}
.navigation__center-item {
    position: relative;
}
.navigation__center-item:hover .link__more {
    display: block;
}
.navigation__center-item .link__more {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    z-index: 5;
    padding: 20px;
    background-color: #273a6a;
    -webkit-box-shadow: 20px 10px 50px rgba(0, 0, 0, 0.25);
    box-shadow: 20px 10px 50px rgba(0, 0, 0, 0.25);
}
.navigation__center-item .link__more-list {
    display: grid;
    grid-template-columns: repeat(3, -webkit-max-content);
    grid-template-columns: repeat(3, max-content);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.navigation__center-item .link__more-item {
    display: inline-block;
}
.navigation__center-item .link__more-link {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #fff;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.navigation__center-item .link__more-link:hover {
    background-color: #fff;
    color: #273a6a;
}
.navigation__center-button,
.navigation__center-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: #09142e;
    margin: 0;
}
.navigation__center-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.navigation__center-link {
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #09142e;
}
.navigation__center-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 50px;
}
.navigation__center-content .navigation__center-list {
    gap: 0;
}
.navigation__center-content .navigation__center-item {
    display: inline-block;
    position: relative;
}
.navigation__center-content .navigation__center-item .link__more-list {
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
}
.navigation__center-content .navigation__center-item i,
.navigation__center-content .navigation__center-item svg {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.navigation__center-content .navigation__center-title {
    padding-left: 20px;
    margin-bottom: 10px;
}
.navigation__center-content .navigation__center-link {
    display: block;
    padding: 6px 20px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.navigation__center-content .navigation__center-link i,
.navigation__center-content .navigation__center-link svg {
    color: #132758;
}
.navigation__center-content .navigation__center-link:hover {
    background-color: #132758;
    color: #fff;
}
.navigation__center-content .navigation__center-link:hover i,
.navigation__center-content .navigation__center-link:hover svg {
    color: #fff;
}
.navigation__center-chapter {
    max-width: 30%;
}
.navigation__bottom {
    height: 55px;
    width: 100%;
    background-color: #e5e8f0;
    position: absolute;
    left: -100%;
    bottom: -130px;
    -webkit-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
    -webkit-box-shadow: 0 -4px 8px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0 -4px 8px 4px rgba(34, 60, 80, 0.2);
}
.navigation__bottom.active {
    left: unset;
    bottom: 0;
}
.navigation__bottom .navigation__abitur {
    display: none;
}
.navigation__bottom-wrapper > .social {
    display: none;
    width: 100%;
}
.navigation__bottom-wrapper > .social .social__list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.navigation__bottom .navigation__menu {
    background-color: inherit;
    margin: 0;
    padding: 0;
}
.navigation__bottom .navigation__menu .menu__list {
    gap: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.navigation__bottom .navigation__menu .menu__list-item {
    display: inline-block;
}
.navigation__bottom .navigation__menu .menu__list-item.abiturient {
    display: none;
}
.navigation__bottom .navigation__menu .menu__list-item svg,
.navigation__bottom .navigation__menu .menu__list-item:last-child i {
    position: static;
}
.navigation__bottom .navigation__menu .menu__list-item:hover .menu__list-link {
    background-color: inherit;
    color: #303a65;
    outline: 2px solid #303a65;
}
.navigation__bottom .navigation__menu .menu__list-link {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    color: #fff;
    padding: 14px 20px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    background-color: #303a65;
    border-radius: 15px;
    padding: 8px 20px;
    margin-top: 6px;
}
.navigation__bottom .navigation__menu .menu__list-link::after,
.navigation__bottom .navigation__menu .menu__list-link::before {
    width: 0;
    bottom: 0;
}
.navigation__bottom .navigation__menu .menu__list-link::after {
    width: 0;
    bottom: 0;
}
.navigation .social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    gap: 15px;
}
.navigation .social__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    color: #303a65;
    margin: 0;
}
.navigation .social__list-link {
    color: #303a65;
}
.navigation .social__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.navigation__mobile2 .mobile__item {
    position: relative;
}
.navigation__mobile2 .mobile__item i,
.navigation__mobile2 .mobile__item svg {
    position: absolute;
    left: 140px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}
.navigation__mobile2 .mobile__dropdown {
    overflow: hidden;
}
.navigation__bottom .abiturient i,
.navigation__bottom .abiturient svg {
    font-size: 14px;
    right: -10px;
    top: -2px;
    color: #303a65;
    position: absolute;
}
.threeColumns {
    display: grid;
    grid-template-columns: repeat(3, 300px);
}
.twoColumns {
    display: grid;
    grid-template-columns: repeat(2, 300px);
}
.oneColumns {
    display: grid;
    grid-template-columns: repeat(1, 300px);
}
.vi-special-block-image {
    background-image: url(../images/eye-regular.svg) !important;
    width: 38px !important;
    height: 38px !important;
    -webkit-background-size: 38px 38px;
    background-size: 38px;
}
.header .otherPage .vi-special-block-image {
    -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(22%) saturate(746%) hue-rotate(200deg)
        brightness(94%) contrast(91%);
    filter: brightness(0) saturate(100%) invert(17%) sepia(22%) saturate(746%) hue-rotate(200deg) brightness(94%)
        contrast(91%);
}
.most-upstairs {
    height: 68px;
    margin: 18px 0;
    position: absolute;
    right: 40px;
    top: 80%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.storona-uveka {
    width: 0;
    height: 40px;
    border: 1px solid #303a65;
    position: relative;
    -webkit-animation: scroll 1.7s infinite;
    -o-animation: scroll 1.7s infinite;
    animation: scroll 1.7s infinite;
    margin: auto;
}
.storona-uveka::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: -5px;
    width: 1px;
    height: 10px;
    border-top: 10px solid #303a65;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
@-webkit-keyframes scroll {
    0% {
        height: 40px;
    }
    30% {
        height: 70px;
    }
    60% {
        height: 40px;
    }
}
@-o-keyframes scroll {
    0% {
        height: 40px;
    }
    30% {
        height: 70px;
    }
    60% {
        height: 40px;
    }
}
@keyframes scroll {
    0% {
        height: 40px;
    }
    30% {
        height: 70px;
    }
    60% {
        height: 40px;
    }
}
.main-menu {
    position: relative;
}
.main-menu > li {
    display: none;
}
.main-menu .hidden {
    display: none;
}
.main-menu__dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 40px;
    max-height: 600px;
    list-style: none !important;
}
.main-menu__dropdown .main__menu-item {
    max-width: 350px;
}
.main-menu .first-level > li {
    max-width: 350px;
}
.main-menu .first-level > li .main-menu__link-f-lvl {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: #303a65;
    margin: 0;
    cursor: auto;
    padding: 6px 20px;
    pointer-events: auto;
    display: block;
}
.main-menu .first-level > li .main-menu__link-f-lvl {
	cursor:pointer;
}
.main-menu .second-level {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.main-menu .main-menu__link-s-lvl {
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #303a65;
    padding: 6px 20px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    cursor: pointer;
    border-radius: 15px;
}
.main-menu .main-menu__link-s-lvl svg {
    color: #132758;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-menu .main-menu__link-s-lvl.active,
.main-menu .main-menu__link-s-lvl:hover {
    background-color: #303a65;
    color: #fff;
    border-radius: 15px;
}
.main-menu .main-menu__link-s-lvl.active svg,
.main-menu .main-menu__link-s-lvl:hover svg {
    color: #fff;
}
.main-menu .main-menu__link {
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #fff;
    padding: 6px 20px;
    display: block;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-menu .main-menu__link:hover {
    background-color: #fff;
    color: #09142e;
}
.main-menu .main-menu__item {
    position: relative;
}
.main-menu .main-menu__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-menu .thirdy-level {
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 5;
    padding: 20px;
    background-color: #273a6a;
    -webkit-box-shadow: 20px 10px 50px rgba(0, 0, 0, 0.25);
    box-shadow: 20px 10px 50px rgba(0, 0, 0, 0.25);
    min-width: 400px;
}
.main-menu .thirdy-level .active {
    display: block;
}
.main-menu .thirdy-level .hidden {
    display: none;
}
.mobile {
    position: relative;
    display: none;
}
.mobile .hidden {
    left: -150%;
    display: none;
}
.mobile .active {
    left: 0;
}
.mobile__dropdown {
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.mobile .first-level > li {
    max-width: none;
}
.mobile .first-level > li .mobile__link-f-lvl {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    pointer-events: auto;
}
.mobile__goback-item {
    border-radius: 15px;
    background: #dcbb0c;
}
.mobile__goback-item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.mobile .fourth-level,
.mobile .second-level,
.mobile .thirdy-level {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 500px;
    background-color: #e5e8f0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mobile .fourth-level .mobile__goback-item,
.mobile .second-level .mobile__goback-item,
.mobile .thirdy-level .mobile__goback-item {
    margin-bottom: 5px;
}
.mobile .second-level {
    z-index: 2;
}
.mobile .thirdy-level {
    z-index: 3;
}
.mobile .fourth-level {
    z-index: 4;
}
.mobile__dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mobile__item {
    background-color: #303a65;
    width: 100%;
    margin-bottom: 5px;
}
.mobile__item:hover {
    background-color: #dcbb0c;
}
.mobile__goback-item {
    background-color: #dcbb0c;
    width: 100%;
}
.mobile__item {
    display: inline-block;
    border-radius: 15px;
}
.mobile .mobile .first-level > li {
    max-width: none;
    border-radius: 15px;
}
.mobile__next-link {
    background-color: #dcbb0c;
    width: 100%;
    border-radius: 15px;
    height: 45px;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mobile__goback-link,
.mobile__link,
.mobile__link-f-lvl,
.mobile__link-fo-lvl,
.mobile__link-s-lvl,
.mobile__link-t-lvl {
    height: 45px;
    padding: 6px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #fff !important;
    width: 100%;
    cursor: pointer;
}
.mobile__goback-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.mobile .link__dropdown {
    padding-right: 50px;
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    background-position: 96% 50%;
}
.header__contacts--social {
    gap: 20px !important;
}
.header__content {
    background-color: #fff;
    max-height: 132px;
    padding-top: 14px;
    padding-right: 252px;
    padding-bottom: 14px;
    padding-left: 179px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__top {
    min-height: 45px;
    background-color: #e7e7e7;
    display: grid;
    grid-template-columns: 55% 45%;
    position: relative;
}
@media (max-width: 1800px) {
    .header__top {
        grid-template-columns: repeat(2, 50%);
    }
}
@media (max-width: 1500px) {
    .header__top {
        grid-template-columns: 45% 55%;
    }
}
.header__top.otherPage .header__top-wrapper {
    grid-template-columns: 75% 25%;
    background-color: #303a65;
    /* background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(100%, rgba(19, 38, 87, 0.85)),
            to(rgba(255, 255, 255, 0))
        ),
        url(../images/main.webp);
    background-image: -webkit-linear-gradient(bottom, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%),
        url(../images/main.webp);
    background-image: -o-linear-gradient(bottom, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%),
        url(../images/main.webp);
    background-image: linear-gradient(0deg, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%),
        url(../images/main.webp); */
}
.header__top.otherPage .header__nav .header__language {
    display: none;
}
.header__top.otherPage .header__nav::before {
    border-top: 51px solid #303a65;
}
.header__top.otherPage .logo {
    padding-left: 180px;
}
.header__top.otherPage .logo__link .first-line,
.header__top.otherPage .logo__link .second-line,
.header__top.otherPage .logo__link .thirdy-line {
    color: #fff;
}
.header__top.otherPage .logo__link span {
    display: none;
}
.header__top.otherPage .menu {
    width: 100%;
}
.header__top.otherPage .menu__list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 3%;
}
.header__top.otherPage .menu__list-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
}
.header__top-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(19, 39, 88, 0.8);
}
.header__top .logo {
    margin-right: 20px;
}
.header__top .logo__img {
    max-width: 60px;
}
.header__top .menu {
    position: static;
    background-color: unset;
    width: auto;
}
.header__top .menu__list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header__top .menu__list-item:last-child svg {
    top: 5px;
}
.header__top .menu__list-link {
    padding: 17px 15px;
}
.header__menu.active {
    opacity: 0;
}
.header__nav {
    background-color: #dcbb0c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding-left: 58px;
    padding-right: 20px;
    height: 100%;
    width: 100%;
    position: relative;
}
.header__nav-item {
    display: inline-block;
}
.header__nav-item:hover .header__nav-link::before {
    display: block;
}
.header__nav-item .vi-special-block-image {
    width: 20px !important;
    height: 20px !important;
    -webkit-background-size: 20px 20px !important;
    background-size: 20px !important;
}
.header__nav-link {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #fff !important;
    padding: 10px 15px;
    display: block;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    text-decoration: none;
    position: relative;
}
.header__nav-link::before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #303a65;
    position: absolute;
    left: 0;
    bottom: 7px;
    display: none;
}
.header__nav::before {
    content: "";
    width: 25px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: -1px;
    border: none;
    border-top: 51px solid #e7e7e7;
    border-right: 40px solid #dcbb0c;
}
.header__nav .logo {
    display: none;
}
.header .otherPage .header__nav {
    background-color: #e7e7e7;
}
.header .otherPage .header__nav-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #303a65;
    color: #303a65 !important;
}
.header .otherPage .header__nav::before {
    border-top: 74px solid #303a65;
    border-right: 40px solid #e7e7e7;
}
.header__logo .logo__title .first-line,
.header__logo .logo__title .second-line,
.header__logo .logo__title .thirdy-line {
    color: #7a7b7d;
    line-height: 22px;
}
.header__top-menu {
    background-color: #303a65;
    width: 75px;
    min-height: 151px;
    position: fixed;
    top: -50px;
    right: 7%;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.header__top-menu:hover {
    -webkit-box-shadow: 4px 4px 8px 3px rgba(34, 60, 80, 0.25);
    box-shadow: 4px 4px 8px 3px rgba(34, 60, 80, 0.25);
}
.header__top-menu .hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 34px;
    bottom: -110px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.header__top-menu .hamburger-box span {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #fff;
    position: absolute;
    top: -46px;
    left: -6px;
    text-transform: uppercase;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.header__top-menu .hamburger-inner {
    position: absolute;
    top: 4px;
    width: 40px;
    height: 4px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform,
        -o-transform;
    border-radius: 4px;
    background-color: #fff;
}
.header__top-menu .hamburger-inner::after {
    content: "";
    top: 20px;
    bottom: -10px;
    display: block;
    position: absolute;
    width: 40px;
    height: 4px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform,
        -o-transform;
    border-radius: 4px;
    background-color: #fff;
}
.header__top-menu .hamburger-inner::before {
    content: "";
    display: block;
    top: 10px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property:
        opacity,
        -webkit-transform;
    transition-property:
        opacity,
        -webkit-transform;
    -o-transition-property:
        opacity,
        -o-transform;
    transition-property: transform, opacity;
    transition-property:
        transform,
        opacity,
        -webkit-transform,
        -o-transform;
    position: absolute;
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
}
.header__top-menu.out {
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.header__top-menu.active {
    background-color: #fff;
    background-image: none;
    color: #132758;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.header__top-menu.active:hover {
    -webkit-box-shadow: 4px 4px 8px 3px rgba(255, 255, 255, 0.25);
    box-shadow: 4px 4px 8px 3px rgba(255, 255, 255, 0.25);
}
.header__top-menu.active span {
    color: #303a65;
}
.header__top-menu.active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
    background-color: #303a65;
}
.header__top-menu.active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg);
    background-color: #303a65;
    top: 20px;
}
.header__top-menu.active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
    background-color: #303a65;
}
.header__social .social__list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header__logo .logo__link--upd .logo__title .first-line {
    font-size: 21.8px;
    line-height: 23px;
    color: #303a65;
    font-weight: 700;
}
.header__logo .logo__link--upd .logo__title .second-line {
    font-size: 35px;
    line-height: 35px;
    color: #303a65;
}
.logo__link--upd .logo__title .second-line .orange {
    color: #303a65;
}
.main .menu.menu--upd {
    background-color: #303a65;
}
.contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 77px;
    margin: 0;
    padding-left: 179px;
}
.contacts__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    color: #7b7c7c;
}
.contacts__link {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #7b7c7c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.contacts__link:hover {
    color: #303a65;
}
.contacts i,
.contacts svg {
    color: #303a65;
}
@media (max-width: 1500px) {
    .contacts {
        gap: 15px;
    }
}
.timetable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 22px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #7a7b7d;
}
.timetable a {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #7a7b7d;
}
.timetable a:hover {
    color: #303a65;
}
.timetable i,
.timetable svg {
    color: #dcbb0c;
    position: relative;
    top: 3px;
}
.main {
    position: relative;
}
.main__content {
    width: 100%;
    height: 100%;
}
.main__content-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main__title {
    font-size: 70px;
    font-weight: 700;
    line-height: 76px;
    color: #fff;
    max-width: 708px;
    margin-bottom: 25px;
}
.main__title span {
    color: #dcbb0c;
}
.main__text {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    color: #fff;
    max-width: 572px;
    margin-bottom: 30px;
}
.main__text_hb {
    color: #303a65 !important;
}
.main__button {
    margin-top: 80px;
    max-width: 170px;
    max-height: 52px;
    padding: 12px 38px;
    background-color: #303a65;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    border-radius: 15px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.main__button:hover {
    color: #fff;
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.main__slider-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.main__slider .slick-dots {
    bottom: 40px;
}
.news {
    background-color: #f6f6f6;
}
.news__wrapper {
    display: grid;
    grid-template-areas: "b b b rb" "c c c c";
    gap: 40px;
    grid-template-columns: 1fr 372px;
}
.news__inner {
    margin-bottom: 70px;
}
.news__right-block {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #fff 60%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #fff 60%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, #fff 60%, rgba(255, 255, 255, 0) 100%);
    grid-area: rb;
    max-width: 372px;
    width: 372px;
    height: auto;
    padding-top: 70px;
    padding-left: 30px;
    max-height: 500px;
}
.news__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.news__tabs .nav-item:first-child {
    display: none;
}
.news__link {
    text-transform: uppercase;
    padding: 8px 0;
    margin-right: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #565656;
}
.news__link.active {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #303a65;
    color: #303a65 !important;
    background-color: inherit !important;
    position: relative;
}
.news__link.active::before {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dcbb0c;
    position: absolute;
    bottom: 0;
}
.news__link.active::after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: hsla(50, 90%, 45%, 0.5);
    position: absolute;
    left: 0;
    bottom: -3px;
}
.blog {
    grid-area: b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: auto;
    min-width: 0;
    min-height: 0;
}
.blog__one-news {
    width: 100%;
    margin: 0 18.5px;
    max-height: 480px;
    background-color: #fff;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    display: grid !important;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
}
.blog__one-news > a {
    padding: 20px 14px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #303a65;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    text-overflow: ellipsis;
    max-height: 64px;
    display: none;
}
.blog__one-news:hover {
    -webkit-transform: scale(105%, 107%) translateY(-15px);
    -o-transform: scale(105%, 107%) translateY(-15px);
    transform: scale(105%, 107%) translateY(-15px);
    position: relative;
}
.blog__info {
    padding: 20px 14px 20px;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    row-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 260px;
    max-height: 260px;
    grid-template-areas: "t t" "txt txt" "dc dc";
}
.blog__date-cat {
    grid-area: dc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.blog__title {
    margin: 0;
    grid-area: t;
    line-height: 21px;
}
.blog__title a {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #303a65;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog__text {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #585858;
    margin: 0;
    min-height: 114px;
    max-height: 114px;
    overflow-y: auto;
    grid-area: txt;
    padding-right: 10px;
}
.blog__text::-webkit-scrollbar {
    width: 10px;
}
.blog__date {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #7a7b7d;
    grid-area: d;
}
.blog__img-block a {
    display: block;
}
.blog__img {
    width: 100%;
    max-height: 206px;
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog__categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 9px;
    grid-area: c;
}
.blog__one-categorie {
    border-radius: 15px;
    background-color: #303a65;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #fff;
    padding: 3px 11px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.blog__one-categorie:hover {
    color: #fff;
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.blog .slick-list {
    height: auto;
    padding-top: 70px;
    width: auto;
}
.blog .slick-next,
.blog .slick-prev {
    width: 39px;
    height: 39px;
    border: none;
    outline: 0;
    color: transparent;
    bottom: -35px;
    top: unset;
}
.blog .slick-next::before,
.blog .slick-prev::before {
    display: none;
}
.blog .slick-prev {
    background: hsla(229, 36%, 29%, 0.8) url(../images/chevron-left-blog.svg) 0 0 no-repeat;
    background-position: center;
    left: 40px;
    z-index: 1;
}
.blog .slick-next {
    background: hsla(229, 36%, 29%, 0.8) url(../images/chevron-right-blog.svg) 0 0 no-repeat;
    background-position: center;
    left: 85px;
}
.blog .slick-dots button::before {
    display: none;
}
.blog .slick-dots {
    bottom: -15px;
    left: unset;
    right: 0;
}
.actual {
    padding-right: 30px;
    max-height: 410px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
.actual .tab-pane.active {
    position: relative;
    height: 100%;
}
.actual__body {
    height: 90%;
    overflow-y: auto;
    padding-right: 10px;
}
.actual__body .actual__body {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: 14px;
    width: 100%;
}
.actual__body::-webkit-scrollbar {
    width: 10px;
}
.actual__body .blog__info {
    padding: 0;
    min-height: unset;
    margin-bottom: 20px;
}
.actual__body .blog__title {
    min-height: unset;
}
.actual__body .blog__text {
    min-height: unset;
}
.actual__body > img {
    width: 100%;
    height: 100%;
    max-height: 100px;
}
.actual__one-news {
    display: grid;
    grid-template-areas: "i t" "i txt";
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    margin: 20px 0;
}
.actual__one-news > a {
    grid-area: t;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.actual__date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-area: i;
}
.actual__date-day {
    padding: 5px;
    border-radius: 15px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    color: #dcbb0c;
    max-width: 80px;
    max-height: 90px;
    width: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.actual__date-month {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #303a65;
    text-align: center;
}
.actual__date-multi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.actual__date-multi .actual__date-day {
    line-height: 20px;
    font-size: 20px;
    width: 32px;
}
.actual__date-multi ~ .actual__date-month {
    line-height: 17px;
}
.actual__date-defis {
    font-weight: 700;
}
.actual__title {
    grid-area: t;
    line-height: 21px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #303a65;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    text-align: -webkit-left;
}
.actual__title a {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #303a65;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.actual__text {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #585858;
    grid-area: txt;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.actual__button-wrapper {
    position: absolute;
    bottom: -15px;
    right: -30px;
}
.actual__link {
    margin: 10px 0;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.actual__link:hover {
    color: #fff;
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.categories {
    justify-self: start;
    grid-area: c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-left: auto;
    margin-top: 30px !important;
}
.categories__button {
    min-width: 130px;
    text-align: center;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.categories__button:last-child {
    width: 100%;
    max-width: 205px;
}
.categories__button:hover {
    color: #fff;
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.categories__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-right: auto;
}
.categories__list-item {
    position: relative;
}
.categories__list-item::after {
    content: "/";
    color: #9d9d9d;
    position: absolute;
    bottom: 0;
    right: -8px;
}
.categories__list-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #9d9d9d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px;
}
.categories__list-link:hover {
    color: #303a65;
}
.projects {
    position: relative;
}
.projects__slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.projects__slider-link {
    position: relative;
    display: block;
    height: 280px;
}
.projects__slider-link:hover .projects__slider-info {
    bottom: 65px;
    background-color: hsla(229, 36%, 29%, 0.8);
}
.projects__slider-img {
    width: 100%;
    max-width: 374px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.projects__slider-info {
    height: 215px;
    width: 374px;
    position: absolute;
    bottom: -70px;
    left: 0;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 14px 20px;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(70%, rgba(48, 58, 101, 0.9)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(48, 58, 101, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(48, 58, 101, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(48, 58, 101, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    overflow: hidden;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.projects__slider-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    width: 100%;
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.projects__slider-title::after {
    content: "";
    width: 100%;
    height: 3px;
    max-width: 336px;
    background-color: #dcbb0c;
    position: absolute;
    bottom: -20px;
    right: 0;
}
.projects__slider-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #fff;
    max-width: 300px;
    position: absolute;
    top: 100px;
    right: 20px;
}
.projects__slider .slick-track {
    left: 180px;
}
.projects__slider::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 216px;
    width: 180px;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}
.projects__slider::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 216px;
    width: 240px;
    background: #fff;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(right, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}
.projects__one-project {
    width: 374px;
    height: 215px;
}
.projects__main {
    position: absolute;
    top: 0;
    left: 180px;
    max-width: 375px;
    max-height: 215px;
    background-color: #303a65;
    padding: 24px 30px;
}
.projects__main-title {
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    color: #fff;
    margin-bottom: 20px;
}
.projects__main-title span {
    color: #dcbb0c;
}
.projects__main-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    margin-bottom: 35px;
}
.projects__main .slick-next,
.projects__main .slick-prev {
    z-index: 1;
    top: unset;
    bottom: 0;
    width: 39px;
    height: 39px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.projects__main .slick-next {
    right: 10px;
    background: url(../images/chevron-right-solid.svg) 0 0 no-repeat !important;
    background-position: center;
    -webkit-filter: brightness(100);
    filter: brightness(100);
}
.projects__main .slick-next::before {
    display: none;
}
.projects__main .slick-prev {
    left: unset;
    right: 60px;
    background: url(../images/chevron-left-solid.svg) 0 0 no-repeat !important;
    background-position: center;
    -webkit-filter: brightness(100);
    filter: brightness(100);
}
.projects__main .slick-prev::before {
    display: none;
}
.projects__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.projects__social .social__list-link {
    color: #c9c9c9;
}
.projects__social .social__list-link:hover {
    color: #dcbb0c;
}
.about {
    height: 1080px;
    background-color: #fff;
    padding: 50px 0 60px;
    padding-bottom: 90px;
}
.about__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}
.about__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    color: #565656;
    position: relative;
    text-align: center;
    margin: 0;
}
.about__title::after {
    content: "";
    width: 86px;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    bottom: -20px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.about__title span {
    color: #dcbb0c;
}
.about__desc {
    max-width: 848px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #565656;
    text-align: center;
    margin: 0;
}
.about__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}
.about__img {
    mask-image: url(../images/rectangle.svg);
    -webkit-mask-image: url(../images/rectangle.svg);
    mask-size: 100%;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.about__image {
    position: relative;
}
.about__image::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/rectangle.svg);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 39px;
    left: 0;
}
.about__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #565656;
    max-width: 580px;
}
.about__text:first-child {
    margin-bottom: 25px;
}
.about__info {
    padding-top: 35px;
}
.about__list {
    margin-top: 50px;
    padding-left: 23px;
}
.about__list-item {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #565656;
    position: relative;
}
.about__list-item::before {
    content: "";
    background-image: url(../images/aboutlist.png);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -25px;
    top: 3px;
}
.about__buttons {
    margin-top: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.about__link {
    width: 100%;
    max-width: 220px;
    padding: 12px 20px;
    background-color: #303a65;
    border-radius: 15px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    margin: 10px;
}
.about__link:hover {
    color: #fff;
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.about__link:nth-child(2) {
    padding: 12px 17px;
    max-width: 225px;
    background-color: #dcbb0c;
}
.education {
    height: 1080px;
    background-color: #f6f6f6;
    padding: 50px 0 60px;
}
.education__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}
.education__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    color: #565656;
    margin-bottom: 60px;
    position: relative;
    text-align: center;
    margin: 0;
}
.education__title::after {
    content: "";
    width: 86px;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    bottom: -20px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.education__title span {
    color: #dcbb0c;
}
.education__desc {
    max-width: 848px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #565656;
    text-align: center;
    margin: 0;
}
.education__categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 90px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    padding: 0 180px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.education__categories-link {
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color: #c4c4c4 !important;
}
.education__categories-link.active {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #09142e;
    color: #09142e !important;
    position: relative;
    padding: 0 !important;
    background-color: inherit !important;
}
.education__categories-link.active::before {
    content: "";
    width: 133px;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.education__categories-link.active::after {
    content: "";
    width: 133px;
    height: 3px;
    background-color: hsla(50, 90%, 45%, 0.25);
    position: absolute;
    left: 0;
    bottom: -13px;
}
.education__accordion {
    display: none !important;
    background-color: unset;
}
.education__accordion .card {
    border: none;
    background-color: inherit;
    margin: 5px 0;
}
.education__accordion .card-header {
    border-radius: 15px;
}
.education button {
    color: #fff;
}
.education button:focus,
.education button:focus-visible,
.education button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: inherit !important;
}
.education .accordion-button {
    background-color: #303a65;
    color: #fff;
}
.education .accordion-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.education .card-header {
    background-color: #303a65;
    color: #fff;
    padding-left: 0;
}
.education__one-card {
    background-color: #fff;
}
.education__one-card-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.education__one-card-info {
    padding: 10px;
    gap: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.education__one-card-specialization {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #fff;
    background-color: #303a65;
    padding: 2px 10px;
    text-align: center;
    max-width: 270px;
    max-height: 40px;
    min-height: 28px;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
}
.education__one-card-speciality {
    position: relative;
}
.education__one-card-speciality img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-object-position: top;
    object-position: top;
    border-radius: 35px;
    width: 100%;
    max-width: 70px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 74px;
}
.education__one-card-speciality h2 {
    background-color: #303a65;
    padding: 4px 10px 6px 55px;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    color: #fff;
    max-width: 350px;
    max-height: 55px;
    min-height: 55px;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}
.education__one-card-functions p {
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #565656;
    max-width: 350px;
    text-align: end;
}
.education__one-card-functions ul {
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    color: #565656;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding-left: 23px;
}
.education__one-card-functions ul a {
    color: #303a65;
}
.education__one-card-functions ul li {
    position: relative;
}
.education__one-card-functions ul li::before {
    content: "";
    background-image: url(../images/blluelist.png);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -25px;
    top: 0;
    -webkit-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
}
.education__one-card-button {
    background-color: #303a65;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    width: 100%;
    max-width: 128px;
    max-height: 31px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
}
.faculties {
    margin-top: 30px;
    max-height: 544px;
    margin-bottom: 20px;
}
.faculties__one-faculty {
    max-width: 378px;
    min-width: 378px;
    max-height: 536px;
    height: 536px;
    background-color: #fff;
    position: relative;
    margin: 15px;
}
.faculties__one-faculty:nth-child(2n) .faculties__button,
.faculties__one-faculty:nth-child(2n) .faculties__speciality-title,
.faculties__one-faculty:nth-child(2n) .faculties__title {
    background-color: #303a65;
    color: #fff;
}
.faculties__title {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #fff;
    background-color: #303a65;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 2px 10px;
    position: absolute;
    max-width: 270px;
    max-height: 40px;
    min-height: 28px;
    width: 100%;
    right: 10px;
    top: 10px;
}
.faculties__speciality {
    position: relative;
    top: -25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.faculties__speciality-img {
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 3px;
    width: 100%;
    max-width: 70px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    height: 74px;
    border-radius: 35px;
    -o-object-position: top;
    object-position: top;
}
.faculties__speciality-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    color: #09142e;
    background-color: #dcbb0c;
    padding: 4px 10px 6px 15%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 350px;
    max-height: 55px;
    min-height: 55px;
    border-radius: 15px;
    position: absolute;
    right: 3px;
    top: 0;
}
.faculties__slides {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.faculties__slider {
    max-height: 550px;
}
.faculties__slider .slick-list,
.faculties__slider .slick-track {
    max-height: 550px;
}
.faculties__slider-img {
    max-height: 245px;
    min-height: 245px;
    width: 100%;
    max-width: 378px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.faculties__slider-desc {
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #565656;
    margin-top: 40px;
    text-align: end;
    padding: 0 20px;
}
.faculties__slider::before {
    content: "";
    width: 200px;
    height: 545px;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.faculties__slider::after {
    content: "";
    width: 200px;
    height: 545px;
    background: #fff;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(right, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 0;
    top: 0;
}
.faculties__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    max-height: 170px;
    overflow-y: auto;
    padding-right: 10px;
    list-style: disc;
}
.faculties__list::-webkit-scrollbar {
    width: 10px;
}
.faculties__list-item {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 15px;
    color: #565656;
}
.faculties__button {
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    padding: 0 20px;
    background-color: #303a65;
    border-radius: 15px;
    max-width: 128px;
    width: 100%;
    max-height: 31px;
    position: absolute;
    bottom: 10px;
    left: 20px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.faculties__button:hover {
    color: #fff;
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.faculties .slick-next,
.faculties .slick-prev {
    width: 39px;
    height: 39px;
    border: none;
    outline: 0;
    color: transparent;
    bottom: -45px;
    top: unset;
}
.faculties .slick-next::before,
.faculties .slick-prev::before {
    display: none;
}
.faculties .slick-prev {
    background: hsla(229, 36%, 29%, 0.8) url(../images/chevron-left-blog.svg) 0 0 no-repeat;
    background-position: center;
    left: 50%;
    -webkit-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%);
    z-index: 1;
}
.faculties .slick-next {
    background: hsla(229, 36%, 29%, 0.8) url(../images/chevron-right-blog.svg) 0 0 no-repeat;
    background-position: center;
    right: 50%;
    -webkit-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
}
.faculties .slick-dots {
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.faculties .slick-dots button::before {
    display: none;
}
.activity {
    background-color: #fff;
    padding: 50px 0 60px;
}
.activity__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
}
.activity__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    color: #565656;
    margin: 0;
    position: relative;
    text-align: center;
}
.activity__title::after {
    content: "";
    width: 86px;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    bottom: -20px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.activity__title span {
    color: #dcbb0c;
}
.activity__desc {
    max-width: 848px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #565656;
    text-align: center;
}
.activity__slider .slick-dots {
    bottom: 30px;
    left: unset;
    right: 575px;
}
.activity__one-slide {
    position: relative;
}
.activity__img {
    max-height: 730px;
    width: 100%;
    max-width: 1365px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.activity__name {
    background-color: rgba(48, 58, 101, 0.8);
    padding: 30px 20px;
    max-width: 390px;
    width: 100%;
    height: 100%;
    max-height: 180px;
    position: absolute;
    right: 533px;
    bottom: 0;
}
.activity__name-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    color: #fff;
    text-align: end;
}
.activity__info {
    background-color: #fff;
    padding: 30px 20px;
    max-width: 534px;
    width: 100%;
    max-height: 486px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.activity__info-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    color: #565656;
    margin-bottom: 35px;
    max-width: 290px;
    text-transform: uppercase;
}
.activity__info-title span {
    color: #dcbb0c;
}
.activity__info-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #565656;
    max-width: 400px;
}
.activity__info-link {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #dcbb0c;
}
.activity__info-link:hover {
    color: #dcbb0c;
}
.cooperation {
    background-color: #f6f6f6;
    padding-top: 50px;
}
.cooperation__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
}
.cooperation__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    color: #565656;
    margin: 0;
    position: relative;
    text-align: center;
}
.cooperation__title::after {
    content: "";
    width: 86px;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    bottom: -20px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.cooperation__title span {
    color: #dcbb0c;
}
.cooperation__desc {
    max-width: 848px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #565656;
    text-align: center;
    margin: 0;
}
.cooperation__slider .slick-dots {
    bottom: 30px;
    left: 580px;
}
.cooperation__one-slide {
    position: relative;
}
.cooperation__img {
    float: right;
    width: 100%;
    max-width: 1150px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.cooperation__name {
    background-color: rgba(48, 58, 101, 0.8);
    padding: 30px 20px;
    max-width: 450px;
    width: 100%;
    height: 100%;
    max-height: 130px;
    position: absolute;
    left: 530px;
    bottom: 0;
}
.cooperation__name-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    color: #fff;
    max-width: 380px;
}
.cooperation__info {
    background-color: #f6f6f6;
    padding: 40px 20px;
    max-width: 530px;
    height: 100%;
    width: 100%;
    max-height: 250px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.cooperation__info-img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100px;
    width: 100%;
    height: auto;
    left: 10px;
    top: 8px;
}
.cooperation__info-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #09142e;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 6px 0;
    background-color: #dcbb0c;
    border-radius: 15px;
    margin-bottom: 35px;
}
.cooperation__info-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #565656;
    text-align: center;
    max-width: 260px;
}
.partners {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #fff 80%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #fff 80%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, #fff 80%, rgba(255, 255, 255, 0) 100%);
    padding: 20px 0;
}
.partners__one-slide {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.partners .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.partners__img {
    outline: 0 !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}
.vocation {
    background-color: #fff;
    position: relative;
    padding-bottom: 60px;
}
.vocation__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}
.vocation__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    color: #565656;
    margin: 0;
    margin-top: 220px;
    position: relative;
    text-align: center;
}
.vocation__title::after {
    content: "";
    width: 86px;
    height: 3px;
    background-color: #dcbb0c;
    position: absolute;
    bottom: -20px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.vocation__title span {
    color: #dcbb0c;
}
.vocation__desc {
    max-width: 870px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #565656;
    text-align: center;
    margin: 0;
}
.vocation__img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.vocation__img-mask {
    position: relative;
}
.vocation__img-mask::before {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.75) 0, rgba(48, 58, 101, 0.75) 65%);
    background: -o-radial-gradient(circle, rgba(255, 255, 255, 0.75) 0, rgba(48, 58, 101, 0.75) 65%);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.75) 0, rgba(48, 58, 101, 0.75) 65%);
    position: absolute;
}
.vocation__windows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%;
}
.vocation__windows-blue {
    background-color: hsla(229, 36%, 29%, 0.93);
    border-radius: 15px;
    padding: 35px;
    width: 400px;
    height: 270px;
}
.vocation__windows-orange {
    background-color: hsla(50, 90%, 45%, 0.93);
    padding: 37px 31px 32px;
    color: #09142e;
    border-radius: 15px;
    width: 400px;
}
.vocation__windows-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.vocation__windows-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: #eee;
    text-align: center;
    max-width: 332px;
}
@media (max-width: 1800px) {
    .vocation__windows {
        top: 15%;
    }
}
.footer {
    padding: 20px 0;
    background-color: #303a65;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.footer__contacts {
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}
.footer__contacts-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}
.footer__contacts-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}
.footer__top-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.footer__bottom-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.footer__bottom-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #fff;
    text-align: center;
}
.footer__bottom-item:first-child {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    text-align: center;
}
.footer__bottom-item:first-child span {
    color: #dcbb0c;
}
.footer__bottom-item:last-child br {
    display: none;
}
.footer__bottom-link {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.footer__bottom-link:hover {
    color: #dcbb0c;
}
.footer__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 120px;
}
.footer__menu-link {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.footer__menu-link:hover {
    color: #dcbb0c;
}
.footer__connect-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #fff;
}
.footer__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px;
}
.footer__social li.social__list-item {
    margin: 3px;
}
.footer__social .social__list-link {
    color: #dcbb0c;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.footer__social .social__list-link:hover i,
.footer__social .social__list-link:hover svg {
    color: #fff;
}
.footer__find {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}
.footer__find-input {
    width: 100%;
    max-width: 270px;
    border-radius: 15px;
    padding: 2px 8px;
    border: none;
    font-size: 14px;
    background-color: #fff;
}
.footer__find-input:focus-visible {
    outline: 0;
}
.footer__find-button {
    background-color: #dcbb0c;
    padding: 4px 6px;
    color: #fff;
    border-radius: 15px;
    width: 100%;
    max-width: 32px;
    height: 32px;
}
.footer__find-button:focus-visible {
    outline: 0;
}
.footer__additional-link {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.footer__additional-link:hover {
    color: #dcbb0c;
}
.requisites__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #fff;
    text-transform: uppercase;
}
.requisites__text {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #fff;
    max-width: 230px;
}
.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat;
}
.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: "←";
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: "→";
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #000;
}
.slick-dots {
    position: absolute;
    bottom: 80px;
    left: 180px;
    z-index: 4;
    max-width: 232px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.slick-dots li {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}
.slick-dots li button {
    width: 40px;
    height: 5px;
    padding: 0;
    background-color: #909294;
}
.slick-dots li.slick-active button {
    background-color: #d1d1d1;
    width: 40px;
    height: 5px;
}
.fullpage__content {
    position: relative;
    min-height: calc(100vh - 51px - 258px);
}
.nav-breadcrumb {
    margin-bottom: 20px;
}
.nav-breadcrumb .breadcrumb {
    margin: 0;
    display: inline;
}
.nav-breadcrumb .breadcrumb-item {
    display: contents;
    width: auto;
}
.nav-breadcrumb .breadcrumb-item a {
    color: #303a65;
    font-size: 16px;
}
.nav-breadcrumb .breadcrumb-item::before {
    color: #303a65;
    padding-right: 5px;
    float: none;
}
.nav-breadcrumb .breadcrumb-item.active {
    font-size: 16px;
    color: #989898;
}
.nav-breadcrumb .breadcrumb-item.active a {
    color: #b2b2b2;
    font-size: 16px;
}
.page__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    color: #303a65;
    margin: 40px 0 15px;
}
.page__pagination {
    margin-bottom: 40px;
}
.page__pagination .page-link {
    color: #303a65;
}
.page__pagination .page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page__pagination .page-itemactive .page-link {
    background-color: #303a65;
    color: #fff;
}
.page__news {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px;
}
.page__news .view-filters {
    display: none;
}
.page__news .form-item-kategoriya {
    padding: 0 !important;
}
.page__news .form-item-kategoriya label {
    margin-bottom: 10px;
}
.page__news .form-item-kategoriya select {
    border-radius: 15px;
    border: none;
    border-bottom: 2px solid #303a65;
}
.page__news .form-item-kategoriya select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page__news #edit-submit-all-news {
    background-color: #303a65;
    border-radius: 15px;
    width: 100%;
    max-width: 150px;
    text-align: center;
}
.page__news #edit-submit-all-news:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page__news .all-new-news {
    grid-template-columns: repeat(3, 1fr);
}
.page__news .container {
    width: 100%;
    padding: 0 !important;
}
.page__news .nav-breadcrumb {
    margin-bottom: -1.75rem;
}
.page__news .content {
    position: relative;
}
.page__news .content .tab-content .fotorama__wrap {
    width: 100% !important;
}
.page__news .content .tab-content .fotorama__img {
    width: 100% !important;
    height: auto !important;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100% !important;
}
.page__news .content .tab-content .one-news__slider-10,
.page__news .content .tab-content .one-news__slider-20,
.page__news .content .tab-content .one-news__slider-30,
.page__news .content .tab-content .one-news__slider-40,
.page__news .content .tab-content .one-news__slider-50,
.page__news .content .tab-content .one-news__slider-60,
.page__news .content .tab-content .one-news__slider-70,
.page__news .content .tab-content .one-news__slider-80,
.page__news .content .tab-content .one-news__slider-90 {
    width: 100%;
}
.page__news .content .tab-content .fotorama__wrap {
    width: 100% !important;
}
.page__news .content .tab-content .fotorama__img {
    width: 100% !important;
    height: auto !important;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100% !important;
}
.page__content {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 30px;
    padding-bottom: 40px;
}
.page__content .accordion-body {
    padding: 0 !important;
}
.page__content .department-name {
    font-size: 28px;
    font-weight: 700;
    line-height: 26px;
    color: #303a65;
    margin-bottom: 40px;
}
.page__content .search-name {
    margin-bottom: 40px;
}
.page__content .search-name label[for="edit-fio"] {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #303a65;
    margin-bottom: 10px;
}
.page__content .categories__list-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #09142e;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.page__content .categories__list-link::before {
    content: "";
    width: 100% !important;
    height: 2px !important;
    background-color: #303a65;
    position: absolute;
    bottom: 0;
    left: 0;
}
.page__content .categories__list-link.active::before {
    display: block;
}
.page__content .categories__list-link:hover::before {
    display: block;
}
.page__content .categories__list-link::before {
    display: none;
}
.page__content .card {
    border: unset;
    background-color: inherit;
}
.page__content .card-header {
    padding: 0;
    border: none;
}
.page__content .card-header h2 {
    background-color: inherit;
    margin: 0;
}
.page__content .card-header button {
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    color: #303a65;
    background-color: inherit;
    border-radius: 15px;
    border-bottom: 1px solid #303a65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page__content .card-header button::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 10px;
    content: "";
    background: url(../images/arrow-circle-down-solid.svg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-repeat: no-repeat;
    -webkit-background-size: 1.25rem 1.25rem;
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out,
        -o-transform 0.2s ease-in-out;
}
.page__content .card-header button::after {
    display: none;
}
.page__content .card-header button.collapsed::before {
    background-image: url(../images/arrow-circle-down-solid.svg);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.card-block {
    padding: 15px 0;
    max-width: 100% !important;
}
#one-faculty__tabs {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#one-faculty__tabs a {
    background-color: inherit;
}
#one-faculty__tabs a span {
    color: #303a65;
}
#one-faculty__tabs a.active {
    background-color: inherit;
    color: #c4c4c4;
}
#-shs-0-0 {
    display: none;
}
.form-item-fio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.webform-submission-rezyume-form {
    font-size: 16px;
}
.webform-submission-rezyume-form fieldset {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.webform-submission-rezyume-form input[type="email"],
.webform-submission-rezyume-form input[type="file"],
.webform-submission-rezyume-form input[type="tel"],
.webform-submission-rezyume-form input[type="text"],
.webform-submission-rezyume-form textarea {
    border-radius: 15px;
    border: 1px solid #303a65;
    width: 100%;
    max-width: 500px;
}
.webform-submission-rezyume-form input[type="email"]:focus,
.webform-submission-rezyume-form input[type="file"]:focus,
.webform-submission-rezyume-form input[type="tel"]:focus,
.webform-submission-rezyume-form input[type="text"]:focus,
.webform-submission-rezyume-form textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #303a65;
}
.webform-submission-rezyume-form button {
    color: #fff;
    background-color: #303a65;
    padding: 8px 15px;
    border-radius: 15px;
    cursor: pointer;
}
.webform-submission-rezyume-form button:active,
.webform-submission-rezyume-form button:focus,
.webform-submission-rezyume-form button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(48, 58, 101, 0.8509803922);
}
#edit-fio--2 {
    width: 100%;
    padding: 0;
    padding-left: 30px;
    color: #09142e;
    max-width: 250px;
    background-color: inherit;
    background-image: url(../images/search2.svg);
    background-repeat: no-repeat;
    border-radius: unset;
    border: none;
    border-bottom: 1px solid #303a65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#edit-fio--2:focus-visible {
    outline: 0;
}
.layout__region--content p {
    font-size: 16px;
}
article[role="article"] a.file--application-mp4,
article[role="article"] a.file--application-pdf,
article[role="article"] a.file--application-pptx,
article[role="article"] a.file--application-rar,
article[role="article"] a.file--application-xlsx,
article[role="article"] a.file--application-zip,
article[role="article"] a.file--mime-application-vnd-ms-excel,
article[role="article"] a.file--x-office-document,
article[role="article"] a.file--x-office-presentation {
    position: relative;
    margin-left: 30px;
    font-weight: 700;
    color: #303a65;
}
article[role="article"] a.file--application-mp4::before,
article[role="article"] a.file--application-pdf::before,
article[role="article"] a.file--application-pptx::before,
article[role="article"] a.file--application-rar::before,
article[role="article"] a.file--application-xlsx::before,
article[role="article"] a.file--application-zip::before,
article[role="article"] a.file--mime-application-vnd-ms-excel::before,
article[role="article"] a.file--x-office-document::before,
article[role="article"] a.file--x-office-presentation::before {
    content: "";
    width: 18px;
    height: 20px;
    position: absolute;
    left: -25px;
    -webkit-background-size: 18px 20px;
    background-size: 18px 20px;
    background-image: url(../images/hand-pointer-solid.svg);
    background-repeat: no-repeat;
}
article[role="article"] a.file--application-pdf::before {
    background-image: url(../images/pdf.svg);
}
article[role="article"] a.file--application-rar::before,
article[role="article"] a.file--application-zip::before {
    background-image: url(../images/zip.svg);
}
article[role="article"] a.file--application-pptx::before,
article[role="article"] a.file--x-office-presentation::before {
    background-image: url(../images/powerpoint.svg);
}
article[role="article"] a.file--x-office-document::before {
    background-image: url(../images/word.svg);
}
article[role="article"] a.file--application-xls::before,
article[role="article"] a.file--application-xlsx::before,
article[role="article"] a.file--mime-application-vnd-ms-excel::before {
    background-image: url(../images/xls.svg);
}
article[role="article"] ol,
article[role="article"] ul {
    font-size: 16px;
    margin: 10px 0;
    padding-left: 20px;
}
article[role="article"] ul {
    list-style: inside;
    padding-left: 36px;
    margin-left: -16px;
}
article[role="article"] ol {
    list-style: auto;
}
article[role="article"] p > img {
    max-width: 100%;
    height: auto;
}
article[role="article"] i {
    color: #303a65;
}
.accordion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.card-header {
    border-radius: 15px !important;
    color: #565656;
    padding: 0;
    padding-left: 40px;
    width: 100%;
    margin: 0 auto;
    background-color: inherit;
    border: none;
    border-radius: 15px;
    border-bottom: 1px solid #303a65;
}
.card-header a {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    color: #303a65;
    padding: 0 !important;
}
.card-block {
    margin: 0 auto;
}
.card {
    gap: 20px;
}
.card.panel .panel-title a[aria-expanded="false"],
.card.panel .panel-title a[aria-expanded="true"] {
    margin-left: 0;
    position: relative;
}
.card.panel .panel-title a[aria-expanded="false"]::before,
.card.panel .panel-title a[aria-expanded="true"]::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/arrow-circle-down-solid.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    transition:
        transform 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out,
        -o-transform 0.2s ease-in-out;
    margin-left: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    position: absolute;
    left: -40px;
}
.card.panel .panel-title a[aria-expanded="true"]::before {
    -webkit-transform: rotate(-180deg) translateY(50%);
    -o-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%);
}
.card-block {
    font-size: 16px;
    margin: 0 !important;
}
.card.panel {
    border: none;
    gap: 5px;
}
.tab-pane .page__contacts-item-first {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1340px;
}
.tab-pane .page__contacts-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page__contacts-info_position {
    min-height: 40px;
}
.page__right-sidebar .page__news {
    display: grid;
    grid-template-columns: 1fr 320px;
}
.page__right-sidebar .sidebar .page__contacts {
    margin-bottom: 20px;
}
.page__right-sidebar .sidebar .page__contacts .page__contacts-list {
    grid-template-columns: 1fr;
}
.page__left-sidebar-menu {
    margin-bottom: 20px;
}
.page__left-sidebar-menu .sidebar .categories-item {
    height: 85px;
}
.page__left-sidebar-menu .sidebar .categories-item .categories__list-link {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(100%, rgba(19, 38, 87, 0.85)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.page__left-sidebar-menu .sidebar .categories-item .categories__list-link:hover {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(100%, rgba(220, 187, 12, 0.85)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(220, 187, 12, 0.85) 100%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(220, 187, 12, 0.85) 100%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(220, 187, 12, 0.85) 100%, rgba(255, 255, 255, 0) 100%);
}
.page__left-sidebar-menu .sidebar .categories-item .categories__list-link::before {
    display: none;
}
.page__left-sidebar-menu .page__news .content {
    width: calc(100vw - 690px);
}
.page__left-sidebar-menu .page__news .content .fotorama__stage__shaft {
    width: 100% !important;
    max-width: 100% !important;
}
.page__left-sidebar-menu .page__news .content .fotorama__img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.node_search-results li p {
    word-wrap: break-word;
    max-width: 100%;
    width: 100%;
}
.table-responsive {
    max-width: calc(100vw - 180px);
}
@media (max-width: 1500px) {
    .table-responsive {
        max-width: calc(100vw - 450px);
    }
}
@media (max-width: 1250px) {
    .table-responsive {
        max-width: calc(100vw - 200px);
    }
}
@media (max-width: 1000px) {
    .table-responsive {
        max-width: calc(100vw - 20px);
    }
}
.table-responsive thead {
    border-bottom: 4px solid #000 !important;
}
.table-responsive table {
    outline: 0 !important;
}
.ui-datepicker-calendar {
    min-width: unset !important;
}
.page__right-sidebar .sidebar .page__contacts-item {
    margin-bottom: 15px;
}
ul.page__contacts-list,
ul.page__contacts-list-duo,
ul.page__contacts-list-four {
    padding-left: 0 !important;
}
.user-login-form input[type="password"],
.user-login-form input[type="text"] {
    border-radius: 25px;
    border: 2px solid #303a65;
}
.user-login-form input[type="password"]:focus,
.user-login-form input[type="text"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.user-login-form button {
    background-color: #303a65;
    border-radius: 15px;
    min-width: 100px;
}
.user-login-form button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav-link--member-password {
    display: none;
}
.page__accordion-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.page__accordion-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page__accordion-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.page__accordion-10 {
    max-width: 10%;
    width: 100%;
}
.page__accordion-20 {
    max-width: 20%;
    width: 100%;
}
.page__accordion-30 {
    max-width: 30%;
    width: 100%;
}
.page__accordion-40 {
    max-width: 40%;
    width: 100%;
}
.page__accordion-50 {
    max-width: 50%;
    width: 100%;
}
.page__accordion-60 {
    max-width: 60%;
    width: 100%;
}
.page__accordion-70 {
    max-width: 80%;
    width: 100%;
}
.page__accordion-80 {
    max-width: 90%;
    width: 100%;
}
.page__accordion-90 {
    max-width: 90%;
    width: 100%;
}
.page__accordion-100 {
    max-width: 100%;
    width: 100%;
}
.webform-likert-table {
    min-width: unset !important;
}
.paragraph--type--ssylka-knopkoy- .paragraph__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 10px;
}
.paragraph--type--ssylka-knopkoy- a {
    background-color: #303a65;
    color: #fff;
    border-radius: 15px;
    padding: 8px 12px;
    font-size: 16px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.paragraph--type--ssylka-knopkoy- a:hover {
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
    color: #fff;
}
.paragraph__slyder-partners {
    position: relative;
    width: 100%;
    height: 127px;
}
.paragraph__slyder-partners .partners {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page__news .partners__slider img {
    max-width: 70px;
}
#timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #031625;
}
.tl-item {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    width: 100%;
    height: 30%;
    min-height: 300px;
    color: #fff;
    overflow: hidden;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}
.tl-item:after,
.tl-item:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.tl-item:after {
    background: rgba(3, 22, 37, 0.85);
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.tl-item:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, #000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 75%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 75%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(75%, #000));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 75%);
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) translateY(50%);
    transform: translate3d(0, 0, 0) translateY(50%);
    -webkit-transition:
        opacity 0.5s ease,
        -webkit-transform 0.5s ease;
    transition:
        opacity 0.5s ease,
        -webkit-transform 0.5s ease;
    -o-transition:
        opacity 0.5s ease,
        -o-transform 0.5s ease;
    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
    transition:
        opacity 0.5s ease,
        transform 0.5s ease,
        -webkit-transform 0.5s ease,
        -o-transform 0.5s ease;
}
.tl-item:hover {
    height: 40%;
}
.tl-item:hover:after {
    opacity: 0;
}
.tl-item:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0);
    transform: translate3d(0, 0, 0) translateY(0);
    -webkit-transition:
        opacity 1s ease,
        -webkit-transform 1s ease 0.25s;
    transition:
        opacity 1s ease,
        -webkit-transform 1s ease 0.25s;
    -o-transition:
        opacity 1s ease,
        -o-transform 1s ease 0.25s;
    transition:
        opacity 1s ease,
        transform 1s ease 0.25s;
    transition:
        opacity 1s ease,
        transform 1s ease 0.25s,
        -webkit-transform 1s ease 0.25s,
        -o-transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.75s ease 0.5s;
    -o-transition: all 0.75s ease 0.5s;
    transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-bg {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.tl-content {
    -webkit-transform: translate3d(0, 0, 0) translateY(25px);
    transform: translate3d(0, 0, 0) translateY(25px);
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 1.618em;
    top: 55%;
    opacity: 0;
}
.tl-content h1 {
    font-family:
        "Pathway Gothic One",
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    text-transform: uppercase;
    color: #1779cf;
    font-size: 1.44rem;
    font-weight: 400;
}
.tl-year {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.tl-year p {
    font-family:
        "Pathway Gothic One",
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.728rem;
    line-height: 0;
}
.tl-bg {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-filter 0.5s ease;
    transition: -webkit-filter 0.5s ease;
    -o-transition: filter 0.5s ease;
    transition: filter 0.5s ease;
    transition:
        filter 0.5s ease,
        -webkit-filter 0.5s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.sidebar__categories {
    grid-area: unset;
    justify-self: unset;
    display: block;
    gap: 0;
    width: auto;
    margin-top: 0 !important;
}
.sidebar__categories .categories__list {
    width: 100%;
}
.sidebar__categories .categories_title {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    color: #303a65;
}
.sidebar__categories .categories-item {
    width: 100%;
    margin-bottom: 10px;
}
.sidebar__categories .categories__list-link {
    display: block;
    position: relative;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.sidebar__categories .categories__list-link::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(100%, rgba(19, 38, 87, 0.6)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(19, 38, 87, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(19, 38, 87, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(19, 38, 87, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
}
.sidebar__categories .categories__list-link:hover::before {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(100%, rgba(220, 187, 12, 0.6)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(220, 187, 12, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(220, 187, 12, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(220, 187, 12, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
}
.sidebar__categories .categories__list-link span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    text-align: center;
}
.sidebar__categories .categories__list-link img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 85px;
}
.sidebar__categories .categories__list-link.active::before {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(100%, rgba(220, 187, 12, 0.6)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(220, 187, 12, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(220, 187, 12, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(220, 187, 12, 0.6) 100%, rgba(255, 255, 255, 0) 100%);
}
.page__contacts-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 850px) {
    .page__contacts-list {
        padding-left: 0 !important;
    }
}
.page__contacts-item {
    position: relative;
    list-style: none;
    height: 400px;
    overflow: hidden;
    margin: 0 10px 20px 10px;
}
@media (max-width: 850px) {
    .page__contacts-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }
}
@media (max-width: 680px) {
    .page__contacts-item {
        grid-template-columns: 1fr 2fr !important;
        gap: 10px;
        height: auto;
        width: 100%;
        margin: 0 0 20px 0;
    }
}
@media (max-width: 370px) {
    .page__contacts-item {
        grid-template-columns: 1fr !important;
    }
}
.page__contacts-item:hover .page__contacts-content {
    top: 0;
}
.page__contacts-item .page__contacts-content {
    position: absolute;
    left: 0;
    top: 69%;
    background-color: rgba(48, 58, 101, 0.8);
    width: 320px;
    height: 100%;
    padding: 10px;
    overflow: hidden;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
@media (max-width: 850px) {
    .page__contacts-item .page__contacts-content {
        position: static;
    }
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-content {
        width: 100%;
        background-color: inherit;
        padding: 0;
    }
}
.page__contacts-item .page__contacts-img {
    width: 100%;
    max-width: 320px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 320px;
    height: 400px;
}
@media (max-width: 850px) {
    .page__contacts-item .page__contacts-img {
        width: 100%;
        max-width: none;
        height: 400px;
    }
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-img {
        max-width: 160px;
        height: auto;
        justify-self: center;
    }
}
@media (max-width: 540px) {
    .page__contacts-item .page__contacts-img {
        justify-self: start !important;
    }
}
@media (max-width: 370px) {
    .page__contacts-item .page__contacts-img {
        justify-self: center !important;
    }
}
.page__contacts-item .page__contacts-name,
.page__contacts-item .page__contacts-surname {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-name,
    .page__contacts-item .page__contacts-surname {
        text-align: start;
        color: #303a65;
    }
}
@media (max-width: 540px) {
    .page__contacts-item .page__contacts-name,
    .page__contacts-item .page__contacts-surname {
        font-size: 13px;
        line-height: 18px;
    }
}
.page__contacts-item .page__contacts-surname {
    margin-bottom: 0;
}
@media (max-width: 540px) {
    .page__contacts-item .page__contacts-name {
        margin-bottom: 5px;
    }
}
.page__contacts-item .page__contacts-info_addinfo,
.page__contacts-item .page__contacts-info_cabinet,
.page__contacts-item .page__contacts-info_degree,
.page__contacts-item .page__contacts-info_mail,
.page__contacts-item .page__contacts-info_phone,
.page__contacts-item .page__contacts-info_phonein,
.page__contacts-item .page__contacts-info_podrazdelenie,
.page__contacts-item .page__contacts-info_position,
.page__contacts-item .page__contacts-info_working {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    margin: 0;
}
.page__contacts-item .page__contacts-info_addinfo a,
.page__contacts-item .page__contacts-info_cabinet a,
.page__contacts-item .page__contacts-info_degree a,
.page__contacts-item .page__contacts-info_mail a,
.page__contacts-item .page__contacts-info_phone a,
.page__contacts-item .page__contacts-info_phonein a,
.page__contacts-item .page__contacts-info_podrazdelenie a,
.page__contacts-item .page__contacts-info_position a,
.page__contacts-item .page__contacts-info_working a {
    color: #fff;
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-info_addinfo a,
    .page__contacts-item .page__contacts-info_cabinet a,
    .page__contacts-item .page__contacts-info_degree a,
    .page__contacts-item .page__contacts-info_mail a,
    .page__contacts-item .page__contacts-info_phone a,
    .page__contacts-item .page__contacts-info_phonein a,
    .page__contacts-item .page__contacts-info_podrazdelenie a,
    .page__contacts-item .page__contacts-info_position a,
    .page__contacts-item .page__contacts-info_working a {
        color: #303a65;
    }
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-info_addinfo,
    .page__contacts-item .page__contacts-info_cabinet,
    .page__contacts-item .page__contacts-info_degree,
    .page__contacts-item .page__contacts-info_mail,
    .page__contacts-item .page__contacts-info_phone,
    .page__contacts-item .page__contacts-info_phonein,
    .page__contacts-item .page__contacts-info_podrazdelenie,
    .page__contacts-item .page__contacts-info_position,
    .page__contacts-item .page__contacts-info_working {
        color: #303a65;
    }
}
@media (max-width: 540px) {
    .page__contacts-item .page__contacts-info_addinfo,
    .page__contacts-item .page__contacts-info_cabinet,
    .page__contacts-item .page__contacts-info_degree,
    .page__contacts-item .page__contacts-info_mail,
    .page__contacts-item .page__contacts-info_phone,
    .page__contacts-item .page__contacts-info_phonein,
    .page__contacts-item .page__contacts-info_podrazdelenie,
    .page__contacts-item .page__contacts-info_position,
    .page__contacts-item .page__contacts-info_working {
        font-size: 13px;
        line-height: 18px;
    }
}
.page__contacts-item .page__contacts-info_second {
    padding-top: 20px;
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-info_second {
        padding-top: 10px;
    }
}
@media (max-width: 540px) {
    .page__contacts-item .page__contacts-info_second {
        padding-top: 5px;
    }
}
.page__contacts-item .page__contacts-info_position {
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    position: relative;
    margin-bottom: 24px;
    text-align: center;
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-info_position {
        color: #303a65;
        text-align: start;
        min-height: unset;
        margin-bottom: 10px;
    }
}
@media (max-width: 540px) {
    .page__contacts-item .page__contacts-info_position {
        margin-bottom: 5px;
    }
}
.page__contacts-item .page__contacts-info_position::after {
    content: "";
    width: 100%;
    height: 3px;
    max-width: 336px;
    background-color: #dcbb0c;
    position: absolute;
    bottom: -23px;
    right: 0;
}
@media (max-width: 680px) {
    .page__contacts-item .page__contacts-info_position::after {
        display: none;
    }
}
.page__contacts-item .page__contacts-info_podrazdelenie {
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    position: relative;
    text-align: center;
}
.content .no-filter .page__contacts-list .page__contacts-item-first {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    position: static;
    height: auto;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 4;
    margin-bottom: 40px;
    border-top: 5px double #303a65;
    border-bottom: 5px double #303a65;
    padding: 10px;
}
@media (max-width: 1690px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first {
        grid-column-end: 3;
    }
}
@media (max-width: 1250px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first {
        grid-column-end: 3;
    }
}
@media (max-width: 1000px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first {
        grid-column-end: 3;
    }
}
@media (max-width: 1000px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first {
        grid-column-end: 2;
        border-top: none;
        border-bottom: none;
        grid-template-columns: 1fr 1fr;
        max-width: none;
        padding: 0;
        gap: 0;
        margin-bottom: 20px;
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first {
        grid-template-columns: 1fr 2fr !important;
        gap: 10px;
    }
}
@media (max-width: 370px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first {
        grid-template-columns: 1fr !important;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_first {
    margin-top: 10px;
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_first {
        margin-top: 0;
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_second {
        padding-top: 10px;
    }
}
@media (max-width: 540px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_second {
        padding-top: 5px;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: static;
    background-color: inherit;
    width: auto;
    height: auto;
    padding: 0;
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-content {
        padding: 10px;
        height: 100%;
        width: 320px;
        background-color: rgba(48, 58, 101, 0.8);
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-content {
        width: 100%;
        background-color: inherit;
        padding: 0;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-img {
    width: 100%;
    max-width: 320px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 400px;
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-img {
        max-width: 320px;
        height: 400px;
        justify-self: end;
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-img {
        justify-self: center;
        max-width: 160px;
        height: auto;
        justify-self: center;
        -webkit-align-self: start;
        -ms-flex-item-align: start;
        align-self: start;
    }
}
@media (max-width: 540px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-img {
        justify-self: start !important;
    }
}
@media (max-width: 370px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-img {
        justify-self: center !important;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-name,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-surname {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #303a65;
    margin: 0;
    text-align: start;
    padding: 0;
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-name,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-surname {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        color: #fff;
        text-align: center;
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-name,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-surname {
        text-align: start;
        color: #303a65;
    }
}
@media (max-width: 540px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-name,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-surname {
        font-size: 13px;
        line-height: 18px;
    }
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-name {
        margin-bottom: 5px;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #565656;
    margin: 0;
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position span,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working a,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working span {
    color: #303a65;
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working span {
        color: #fff;
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position span,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working a,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working span {
        color: #303a65;
    }
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working {
        color: #fff;
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working {
        color: #303a65;
    }
}
@media (max-width: 540px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_cabinet,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_degree,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_mail,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phone,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_phonein,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working {
        font-size: 13px;
        line-height: 18px;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position {
    font-weight: 600;
    line-height: 18px;
    color: #303a65;
    text-align: start;
}
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_podrazdelenie::after,
.content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position::after {
    display: none;
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position {
        font-weight: 400;
        margin-bottom: 24px;
        text-align: center;
        color: #fff;
    }
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position::after {
        content: "";
        width: 100%;
        height: 3px;
        max-width: 336px;
        background-color: #dcbb0c;
        position: absolute;
        bottom: -23px;
        right: 0;
        display: block;
    }
}
@media (max-width: 680px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position {
        text-align: start;
        color: #303a65;
        min-height: unset;
        margin-bottom: 10px;
    }
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position::after {
        display: none;
    }
}
@media (max-width: 540px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_position {
        margin-bottom: 5px;
    }
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_addinfo,
    .content .no-filter .page__contacts-list .page__contacts-item-first .page__contacts-info_working {
        display: none;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first.administration {
    border-bottom: none !important;
    margin: 0 !important;
}
@media (max-width: 1000px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first.administration {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first.administration {
        border-top: 5px double #303a65 !important;
        padding: 10px !important;
    }
}
.content .no-filter .page__contacts-list .page__contacts-item-first.administration:last-child {
    border-bottom: 5px double #303a65 !important;
}
.content .no-filter .page__contacts-list .page__contacts-item-first.administration > .page__contacts-content {
    display: grid;
    grid-template-columns: 230px 1fr;
    width: 100%;
    gap: 100px;
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first.administration > .page__contacts-content {
        background-color: #fff !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 0 !important;
        height: auto !important;
    }
}
.content
    .no-filter
    .page__contacts-list
    .page__contacts-item-first.administration
    > .page__contacts-content
    .page__contacts-info_position {
    margin-bottom: 0 !important;
}
@media (max-width: 850px) {
    .content
        .no-filter
        .page__contacts-list
        .page__contacts-item-first.administration
        > .page__contacts-content
        .page__contacts-info_position::after {
        display: none !important;
    }
}
@media (max-width: 850px) {
    .content
        .no-filter
        .page__contacts-list
        .page__contacts-item-first.administration
        > .page__contacts-content
        .page__contacts-content {
        background-color: #fff !important;
        width: auto !important;
        height: auto !important;
    }
}
@media (max-width: 850px) {
    .content .no-filter .page__contacts-list .page__contacts-item-first.administration > .page__contacts-content h2,
    .content .no-filter .page__contacts-list .page__contacts-item-first.administration > .page__contacts-content h3 {
        text-align: start !important;
        color: #303a65 !important;
    }
}
.content
    .no-filter
    .page__contacts-list
    .page__contacts-item-first.administration
    > .page__contacts-content
    .page__contacts-info_first {
    margin: 0 !important;
}
.content
    .no-filter
    .page__contacts-list
    .page__contacts-item-first.administration
    > .page__contacts-content
    .page__contacts-info_position {
    margin-top: 16px !important;
}
#selectPodrazdelenieContacts {
    margin-bottom: 20px;
    color: #303a65;
    display: none;
    border-radius: 15px;
    border: none;
    border-bottom: 2px solid #303a65;
}
#selectPodrazdelenieContacts:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#views-exposed-form-kontakty-page-2 fieldset:nth-of-type(2) {
    display: none;
}
form#views-exposed-form-kontakty-page-2
    .js-form-item.js-form-type-select.form-type-select.js-form-item-id.form-item-id.mb-3 {
    display: none;
}
.page-contacts__header-wrapper {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    margin-bottom: 25px;
}
@media (max-width: 1250px) {
    .page-contacts__header-wrapper {
        margin-bottom: 20px;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
@media (max-width: 1000px) {
    .page-contacts__header-wrapper {
        margin: 0;
    }
}
.page-contacts__header-wrapper form {
    width: 100%;
}
.page-contacts__header-wrapper form .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.page-contacts__header-wrapper form .form-row fieldset {
    width: 100%;
}
.page-contacts__header-wrapper form .form-row .form-item-fio {
    margin: 0;
}
@media (max-width: 1250px) {
    .page-contacts__header-wrapper form .form-row .form-item-fio {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.page-contacts__header-wrapper .page__title {
    margin: 0;
    margin-bottom: 10px;
}
.page-contacts__header-wrapper .nav-breadcrumb {
    margin: 0;
}
@media (max-width: 1000px) {
    #views-exposed-form-personalii-page-1 .form-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 40px;
        margin: 40px 0;
    }
    #views-exposed-form-personalii-page-1 .form-row .form-item-fio {
        margin-bottom: 0 !important;
    }
}
.page__contacts-list-duo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    margin-left: 0 !important;
}
@media (max-width: 850px) {
    .page__contacts-list-duo {
        padding-left: 0 !important;
    }
}
.page__contacts-list-four {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: 0 !important;
}
@media (max-width: 850px) {
    .page__contacts-list-four {
        padding-left: 0 !important;
    }
}
.all-news__first-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.all-news__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-bottom: 40px;
}
.all-news__one-news {
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.all-news__one-news:hover {
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
}
@media (max-width: 1000px) {
    .all-news__one-news:hover {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}
.all-news #image img,
.all-news__link img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 300px;
    max-height: 300px;
}
.all-news #image img,
.all-news__link img {
    min-height: unset;
}
.all-news #all_news_content,
.all-news__content {
    background-color: #fff;
    padding: 20px;
    display: grid;
    grid-template-rows: auto;
    gap: 15px;
    height: 240px;
}
.all-news #all_news_content br,
.all-news__content br {
    display: none;
}
.all-news__content {
    grid-template-areas: "t t" "txt txt" "dc dc";
    row-gap: 15px;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
}
.all-news #title_news a,
.all-news__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #303a65 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.all-news__link {
    grid-area: t;
}
.all-news #text_news,
.all-news__text {
    grid-area: txt;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #565656;
    overflow-y: auto;
    min-height: 105px;
    max-height: 105px;
    padding-right: 10px;
}
.all-news #text_news::-webkit-scrollbar,
.all-news__text::-webkit-scrollbar {
    width: 10px;
}
.all-news #text_news {
    grid-area: unset;
}
@media (max-width: 1000px) {
    .all-news #text_news {
        font-size: 13px;
    }
}
.all-news__date-cat {
    grid-area: dc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.all-news #news_data,
.all-news__date {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #565656;
    font-style: normal;
}
.all-news__categories {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.all-news .col-md-4 {
    margin: 15px 0;
}
.all-news__categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
}
.all-news__categories-item a {
    border-radius: 15px;
    background-color: #303a65;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #fff;
    padding: 3px 11px;
}
.all-news__old-news {
    position: absolute;
    bottom: 16px;
    right: 0;
}
.all-news__old-news:hover {
    color: #fff;
    -webkit-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.fotorama__caption__wrap {
    background-color: inherit !important;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(30%, rgba(48, 58, 101, 0.9)),
        to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(bottom, rgba(48, 58, 101, 0.9) 30%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(48, 58, 101, 0.9) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(48, 58, 101, 0.9) 30%, rgba(255, 255, 255, 0) 100%);
    color: #fff;
    font-size: 16px;
}
.one-news__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.one-news__body {
    width: 100%;
}
.one-news__body iframe {
    margin: 40px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.one-news__body .duo-img {
    margin: 40px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 30px;
}
.one-news__body .duo-img .images-5 {
    max-width: 5%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-10 {
    max-width: 10%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-20 {
    max-width: 20%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-30 {
    max-width: 30%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-40 {
    max-width: 40%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-50 {
    max-width: 50%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-60 {
    max-width: 60%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-70 {
    max-width: 70%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-80 {
    max-width: 80%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-90 {
    max-width: 90%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .images-100 {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.one-news__body .duo-img .footnote-20 {
    width: 20%;
}
.one-news__body .duo-img .footnote-30 {
    width: 30%;
}
.one-news__body .duo-img .footnote-40 {
    width: 40%;
}
.one-news__body .duo-img .footnote-50 {
    width: 50%;
}
.one-news__body .duo-img .footnote-60 {
    width: 60%;
}
.one-news__body .duo-img .footnote-70 {
    width: 70%;
}
.one-news__body .duo-img .footnote-80 {
    width: 80%;
}
.one-news__body .duo-img .footnote-90 {
    width: 90%;
}
.one-news__body .duo-img .footnote-95 {
    width: 95%;
}
.one-news__body .duo-img img {
    width: 100%;
    max-width: 50%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: calc(50% - 10px);
}
.one-news__body .three-img {
    margin: 40px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 30px;
}
.one-news__body .three-img .images-5 {
    max-width: 5%;
    width: 100%;
}
.one-news__body .three-img .images-10 {
    max-width: 10%;
    width: 100%;
}
.one-news__body .three-img .images-20 {
    max-width: 20%;
    width: 100%;
}
.one-news__body .three-img .images-30 {
    max-width: 30%;
    width: 100%;
}
.one-news__body .three-img .images-40 {
    max-width: 40%;
    width: 100%;
}
.one-news__body .three-img .images-50 {
    max-width: 50%;
    width: 100%;
}
.one-news__body .three-img .images-60 {
    max-width: 60%;
    width: 100%;
}
.one-news__body .three-img .images-70 {
    max-width: 70%;
    width: 100%;
}
.one-news__body .three-img .images-80 {
    max-width: 80%;
    width: 100%;
}
.one-news__body .three-img .images-90 {
    max-width: 80%;
    width: 100%;
}
.one-news__body .three-img .images-100 {
    max-width: 80%;
    width: 100%;
}
.one-news__body .three-img .footnote-20 {
    width: 20%;
}
.one-news__body .three-img .footnote-30 {
    width: 30%;
}
.one-news__body .three-img .footnote-40 {
    width: 40%;
}
.one-news__body .three-img .footnote-50 {
    width: 50%;
}
.one-news__body .three-img .footnote-60 {
    width: 60%;
}
.one-news__body .three-img .footnote-70 {
    width: 70%;
}
.one-news__body .three-img .footnote-80 {
    width: 80%;
}
.one-news__body .three-img .footnote-90 {
    width: 90%;
}
.one-news__body .three-img .footnote-95 {
    width: 95%;
}
.one-news__body .three-img div:first-child {
    display: grid;
    grid-template-areas: "first-img thirdy-img" "second-img thirdy-img";
    grid-template-columns: 3fr 2fr;
    grid-gap: 30px;
    justify-items: flex-end;
}
.one-news__body .three-img div:first-child img {
    width: 100%;
    max-width: 1000px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.one-news__body .three-img div:first-child img:first-child {
    grid-area: first-img;
}
.one-news__body .three-img div:first-child img:nth-child(2) {
    grid-area: second-img;
}
.one-news__body .three-img div:first-child img:nth-child(3) {
    grid-area: thirdy-img;
    width: inherit;
    height: 100%;
}
@media (max-width: 1000px) {
    .one-news__body .three-img div:first-child img:nth-child(3) {
        height: auto;
    }
}
.one-news__body .three-img div:first-child .one-news__footnote {
    grid-area: footnote;
    margin-left: 0;
    min-width: 100px;
}
.one-news__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    color: #09142e;
    margin-top: 20px;
}
.one-news__date {
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    color: #303a65;
    margin: 10px 0;
}
.one-news figure.align-left,
.one-news figure.align-right,
.one-news__center-image,
.one-news__left-image,
.one-news__right-image {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}
.one-news figure.align-left .one-news__img,
.one-news figure.align-left figure img,
.one-news figure.align-right .one-news__img,
.one-news figure.align-right figure img,
.one-news__center-image .one-news__img,
.one-news__center-image figure img,
.one-news__left-image .one-news__img,
.one-news__left-image figure img,
.one-news__right-image .one-news__img,
.one-news__right-image figure img {
    width: 100%;
    max-width: 1043px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.one-news__img.img-size-5 {
    max-width: 5%;
}
.one-news__img.img-size-10 {
    max-width: 10%;
}
.one-news__img.img-size-20 {
    max-width: 20%;
}
.one-news__img.img-size-30 {
    max-width: 30%;
}
.one-news__img.img-size-40 {
    max-width: 40%;
}
.one-news__img.img-size-50 {
    max-width: 50%;
}
.one-news__img.img-size-60 {
    max-width: 60%;
}
.one-news__img.img-size-70 {
    max-width: 70%;
}
.one-news__img.img-size-80 {
    max-width: 80%;
}
.one-news__img.img-size-90 {
    max-width: 90%;
}
.one-news__img.img-size-100 {
    max-width: 100%;
}
.one-news figure.align-right,
.one-news__right-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.one-news__center-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
}
.one-news__center-image .one-news__footnote {
    padding: 0;
    text-align: center;
    position: relative;
}
.one-news__center-image .one-news__footnote::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    top: -10px;
}
.one-news__desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #09142e;
    max-width: 1080px;
    margin-top: 25px;
}
.one-news__quote {
    padding: 50px 0;
    position: relative;
}
.one-news__quote p {
    font-size: 30px !important;
    font-weight: 200 !important;
    line-height: 27px !important;
    color: #09142e !important;
    max-width: 1352px !important;
    text-align: center;
    margin: 0 auto;
}
.one-news__quote p::before {
    content: "";
    width: 229px;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    top: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.one-news__quote p::after {
    content: "";
    width: 229px;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.one-news__slider-img {
    max-width: 70%;
}
blockquote {
    font-size: 36px;
    font-weight: 200;
    line-height: 42px;
    color: #dcbb0c;
    float: left;
    margin: 40px 0;
    position: relative;
    left: -50px;
    width: 30%;
    font-style: italic;
}
blockquote p {
    margin: 0;
}
blockquote p::after,
blockquote p::before {
    content: "''";
}
.prev-next {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-shadow: 0 -4px 8px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0 -4px 8px 4px rgba(34, 60, 80, 0.2);
    margin-top: 40px;
    border-bottom: 2px solid #d5d5d5;
}
.prev-next .prev-news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.prev-next .prev-news .body-news {
    border-right: 1px solid #d5d5d5;
}
.prev-next .prev-news .body-news::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -30px;
    top: 0;
    border-top: 106px solid transparent;
    border-right: 30px solid #f6f6f6;
    border-bottom: 106px solid transparent;
}
.prev-next .next-news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.prev-next .next-news .body-news {
    border-left: 1px solid #d5d5d5;
}
.prev-next .next-news .body-news::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -30px;
    top: 0;
    border-top: 106px solid transparent;
    border-left: 30px solid #f6f6f6;
    border-bottom: 106px solid transparent;
}
.prev-next img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 220px;
    height: 100%;
}
.prev-next .body-news {
    position: relative;
    padding: 15px 40px;
    background-color: #f6f6f6;
}
.prev-next .body-news__categories {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.prev-next .body-news__categorie {
    border-radius: 15px;
    background-color: rgba(47, 57, 101, 0.8);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #fff;
    padding: 3px 11px;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.prev-next .body-news__categorie:hover {
    background-color: #2f3965;
}
.prev-next .body-news__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #09142e;
    grid-area: txt;
    min-height: 40px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.prev-next .body-news__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #09142e;
    margin: 0;
    min-height: 45px;
    grid-area: txt;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.prev-next .body-news__button {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    color: #dcbb0c;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
figure figcaption {
    font-size: 20px;
    font-weight: 300;
    line-height: 23px;
    color: #09142e;
    padding-top: 10px;
    width: 100%;
    position: relative;
}
figure figcaption::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    top: 0;
}
figure.align-left,
figure.align-right {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
    width: 100%;
}
figure.align-left figure img,
figure.align-right figure img {
    width: 100%;
    max-width: 1043px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
figure.align-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.text-formatted p {
    margin: 0 auto;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    color: #09142e;
    max-width: 1080px;
}
blockquote {
    margin: 100px auto;
    position: relative;
}
blockquote::before {
    content: "";
    width: 29px;
    height: 29px;
    background-image: url(/themes/bootstrap_sass/images/one-news/quote.png);
    -webkit-background-size: 29px 29px;
    background-size: 29px 29px;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -o-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    top: 10px;
    left: 30px;
}
blockquote::after {
    content: "";
    width: 29px;
    height: 29px;
    background-image: url(/themes/bootstrap_sass/images/one-news/quote.png);
    -webkit-background-size: 29px 29px;
    background-size: 29px 29px;
    position: absolute;
    top: 10px;
    right: 30px;
}
blockquote p {
    font-size: 36px;
    font-weight: 200;
    line-height: 42px;
    color: #09142e;
    max-width: 1352px;
    text-align: center;
    position: relative;
    margin: 0 auto;
}
blockquote p::before {
    content: "";
    width: 229px;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
blockquote p::after {
    content: "";
    width: 229px;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.duo-img {
    margin: 40px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 30px;
}
.duo-img .images-5 {
    max-width: 5%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-10 {
    max-width: 10%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-20 {
    max-width: 20%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-30 {
    max-width: 30%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-40 {
    max-width: 40%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-50 {
    max-width: 50%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-60 {
    max-width: 60%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-70 {
    max-width: 70%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-80 {
    max-width: 80%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-90 {
    max-width: 90%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .images-100 {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.duo-img .footnote-20 {
    width: 20%;
}
.duo-img .footnote-30 {
    width: 30%;
}
.duo-img .footnote-40 {
    width: 40%;
}
.duo-img .footnote-50 {
    width: 50%;
}
.duo-img .footnote-60 {
    width: 60%;
}
.duo-img .footnote-70 {
    width: 70%;
}
.duo-img .footnote-80 {
    width: 80%;
}
.duo-img .footnote-90 {
    width: 90%;
}
.duo-img .footnote-95 {
    width: 95%;
}
.duo-img img {
    width: 100%;
    max-width: 50%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: calc(50% - 10px);
}
.one-news__duo-img-left-image,
.one-news__three-img-left-image {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.one-news__duo-img-center-image,
.one-news__three-img-center-image {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.one-news__duo-img-center-image .one-news__footnote,
.one-news__three-img-center-image .one-news__footnote {
    position: relative;
}
.one-news__duo-img-center-image .one-news__footnote::before,
.one-news__three-img-center-image .one-news__footnote::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    top: 0;
}
.one-news__duo-img-right-image,
.one-news__three-img-right-image {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.three-img {
    margin: 40px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 30px;
}
.three-img .images-5 {
    max-width: 5%;
    width: 100%;
}
.three-img .images-10 {
    max-width: 10%;
    width: 100%;
}
.three-img .images-20 {
    max-width: 20%;
    width: 100%;
}
.three-img .images-30 {
    max-width: 30%;
    width: 100%;
}
.three-img .images-40 {
    max-width: 40%;
    width: 100%;
}
.three-img .images-50 {
    max-width: 50%;
    width: 100%;
}
.three-img .images-60 {
    max-width: 60%;
    width: 100%;
}
.three-img .images-70 {
    max-width: 70%;
    width: 100%;
}
.three-img .images-80 {
    max-width: 80%;
    width: 100%;
}
.three-img .images-90 {
    max-width: 90%;
    width: 100%;
}
.three-img .images-100 {
    max-width: 100%;
    width: 100%;
}
.three-img .footnote-20 {
    width: 20%;
}
.three-img .footnote-30 {
    width: 30%;
}
.three-img .footnote-40 {
    width: 40%;
}
.three-img .footnote-50 {
    width: 50%;
}
.three-img .footnote-60 {
    width: 60%;
}
.three-img .footnote-70 {
    width: 70%;
}
.three-img .footnote-80 {
    width: 80%;
}
.three-img .footnote-90 {
    width: 90%;
}
.three-img .footnote-95 {
    width: 95%;
}
.three-img div:first-child {
    display: grid;
    grid-template-areas: "first-img thirdy-img" "second-img thirdy-img";
    grid-template-columns: 3fr 2fr;
    grid-gap: 30px;
    justify-items: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1000px) {
    .three-img div:first-child {
        grid-gap: 10px !important;
    }
}
.three-img div:first-child img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.three-img div:first-child img:first-child {
    grid-area: first-img;
    align-self: flex-start;
}
.three-img div:first-child img:nth-child(2) {
    grid-area: second-img;
    align-self: flex-end;
}
.three-img div:first-child img:nth-child(3) {
    grid-area: thirdy-img;
    height: 100%;
    width: auto;
}
.three-img div:first-child .one-news__footnote {
    grid-area: footnote;
    margin-left: 0;
    min-width: 100px;
}
.img-slider {
    margin: 40px auto !important;
    max-width: 70%;
    position: relative;
}
.img-slider .slick-dots {
    bottom: -15px;
    left: 10%;
}
.img-slider .slick-prev {
    left: 0;
    z-index: 2;
    width: 40px;
    height: 100%;
}
.img-slider .slick-prev::before {
    padding: 2px 8px;
    border-radius: 50%;
    border: 2px solid #303a65;
    color: #303a65;
    background-color: #fff;
}
.img-slider .slick-prev:hover::before {
    background-color: rgba(255, 255, 255, 0.7);
}
.img-slider .slick-next {
    right: 0;
    width: 40px;
    height: 100%;
}
.img-slider .slick-next::before {
    padding: 2px 8px;
    border-radius: 50%;
    border: 2px solid #303a65;
    color: #303a65;
    background-color: #fff;
}
.img-slider .slick-next:hover::before {
    background-color: rgba(255, 255, 255, 0.7);
}
.prev-next__all-wrapper {
    width: 100%;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0;
}
.prev-next__all-wrapper .prev-next__all-news {
    max-width: 150px;
    text-align: center;
}
.prev-next__all-wrapper .prev-next__all-news:hover {
    color: #fff;
}
.one-news__author {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #09142e;
    margin: 20px 0;
}
.one-news__author b,
.one-news__author strong {
    font-weight: 600;
}
.one-news__text {
    overflow: auto;
}
.one-news__text ul {
    list-style: disc;
    padding-left: 20px;
}
.one-news__text ol {
    list-style: auto;
    padding-left: 20px !important;
}
.one-news__text-5 {
    max-width: 5%;
    width: 100%;
}
.one-news__text-10 {
    max-width: 10%;
    width: 100%;
}
.one-news__text-20 {
    max-width: 20%;
    width: 100%;
}
.one-news__text-30 {
    max-width: 30%;
    width: 100%;
}
.one-news__text-40 {
    max-width: 40%;
    width: 100%;
}
.one-news__text-50 {
    max-width: 50%;
    width: 100%;
}
.one-news__text-60 {
    max-width: 60%;
    width: 100%;
}
.one-news__text-70 {
    max-width: 70%;
    width: 100%;
}
.one-news__text-80 {
    max-width: 80%;
    width: 100%;
}
.one-news__text-90 {
    max-width: 90%;
    width: 100%;
}
.one-news__text-100 {
    max-width: 100%;
    width: 100%;
}
.one-news__text-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.one-news__text-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.one-news__text-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.one-news__text {
    font-size: 16px;
}
.one-news__text a {
    color: #6572ab;
    cursor: pointer;
}
.card-block a {
    color: #303a65;
    text-decoration: underline;
    cursor: pointer;
}
.card-block .paragraph {
    padding: 0 !important;
}
.one-news__footnote,
figure figcaption {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #09142e;
    padding-top: 10px;
    width: auto;
    position: relative;
}
.one-news__footnote::before,
figure figcaption::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #303a65;
    position: absolute;
    top: 0;
}
.one-news__quote-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.one-news__quote-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.one-news__quote-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.one-news__quote-5 {
    max-width: 5%;
}
.one-news__quote-10 {
    max-width: 10%;
}
.one-news__quote-20 {
    max-width: 20%;
}
.one-news__quote-30 {
    max-width: 30%;
}
.one-news__quote-40 {
    max-width: 40%;
}
.one-news__quote-50 {
    max-width: 50%;
}
.one-news__quote-60 {
    max-width: 60%;
}
.one-news__quote-70 {
    max-width: 70%;
}
.one-news__quote-80 {
    max-width: 80%;
}
.one-news__quote-90 {
    max-width: 90%;
}
.one-news__quote-100 {
    max-width: 100%;
}
.one-news__slider-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 10px 0;
}
.one-news__slider-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 10px 0;
}
.one-news__slider-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0;
}
.one-news__slider-5 {
    max-width: 5%;
}
.one-news__slider-10 {
    max-width: 10%;
}
.one-news__slider-20 {
    max-width: 20%;
}
.one-news__slider-30 {
    max-width: 30%;
}
.one-news__slider-40 {
    max-width: 40%;
}
.one-news__slider-50 {
    max-width: 50%;
}
.one-news__slider-60 {
    max-width: 60%;
}
.one-news__slider-70 {
    max-width: 70%;
}
.one-news__slider-80 {
    max-width: 80%;
}
.one-news__slider-90 {
    max-width: 90%;
}
.one-news__slider-100 {
    max-width: 100%;
}
.one-news__img-text-img {
    width: 100% !important;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.one-news__img-text-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.one-news__img-text-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.one-news__img-text-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.one-news__img-text-right-10,
.one-news__img-text-right-100,
.one-news__img-text-right-20,
.one-news__img-text-right-30,
.one-news__img-text-right-40,
.one-news__img-text-right-5,
.one-news__img-text-right-50,
.one-news__img-text-right-60,
.one-news__img-text-right-70,
.one-news__img-text-right-80,
.one-news__img-text-right-90 {
    width: 100%;
}
@media (max-width: 600px) {
    .one-news__img-text-right-10 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-100 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-20 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-30 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-40 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-5 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-50 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-60 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-70 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-80 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-90 .one-news__img-text-imgWrapper {
        max-width: 100% !important;
    }
}
@media (min-width: 600px) {
    .one-news__img-text-right-10 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-100 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-20 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-30 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-40 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-5 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-50 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-60 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-70 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-80 .one-news__img-text-imgWrapper,
    .one-news__img-text-right-90 .one-news__img-text-imgWrapper {
        float: right;
        margin-left: 20px;
    }
}
.one-news__img-text-left-10,
.one-news__img-text-left-100,
.one-news__img-text-left-20,
.one-news__img-text-left-30,
.one-news__img-text-left-40,
.one-news__img-text-left-5,
.one-news__img-text-left-50,
.one-news__img-text-left-60,
.one-news__img-text-left-70,
.one-news__img-text-left-80,
.one-news__img-text-left-90 {
    width: 100%;
}
.one-news__img-text-left-10 .one-news__img-text-imgWrapper,
.one-news__img-text-left-100 .one-news__img-text-imgWrapper,
.one-news__img-text-left-20 .one-news__img-text-imgWrapper,
.one-news__img-text-left-30 .one-news__img-text-imgWrapper,
.one-news__img-text-left-40 .one-news__img-text-imgWrapper,
.one-news__img-text-left-5 .one-news__img-text-imgWrapper,
.one-news__img-text-left-50 .one-news__img-text-imgWrapper,
.one-news__img-text-left-60 .one-news__img-text-imgWrapper,
.one-news__img-text-left-70 .one-news__img-text-imgWrapper,
.one-news__img-text-left-80 .one-news__img-text-imgWrapper,
.one-news__img-text-left-90 .one-news__img-text-imgWrapper {
    float: left;
    margin-right: 20px;
}
.one-news__img-text-10,
.one-news__img-text-100,
.one-news__img-text-20,
.one-news__img-text-30,
.one-news__img-text-40,
.one-news__img-text-5,
.one-news__img-text-50,
.one-news__img-text-60,
.one-news__img-text-70,
.one-news__img-text-80,
.one-news__img-text-90 {
    width: 100%;
}
.one-news__img-text-left-5,
.one-news__img-text-right-5 {
    max-width: 5%;
}
.one-news__img-text-left-10,
.one-news__img-text-right-10 {
    max-width: 10%;
}
.one-news__img-text-left-20,
.one-news__img-text-right-20 {
    max-width: 20%;
}
.one-news__img-text-left-30,
.one-news__img-text-right-30 {
    max-width: 30%;
}
.one-news__img-text-left-40,
.one-news__img-text-right-40 {
    max-width: 40%;
}
.one-news__img-text-left-50,
.one-news__img-text-right-50 {
    max-width: 50%;
}
.one-news__img-text-left-60,
.one-news__img-text-right-60 {
    max-width: 60%;
}
.one-news__img-text-left-70,
.one-news__img-text-right-70 {
    max-width: 70%;
}
.one-news__img-text-left-80,
.one-news__img-text-right-80 {
    max-width: 80%;
}
.one-news__img-text-left-90,
.one-news__img-text-right-90 {
    max-width: 90%;
}
.one-news__img-text-left-100,
.one-news__img-text-right-100 {
    max-width: 100%;
}
.one-news__img-text-5 {
    max-width: 5%;
}
.one-news__img-text-10 {
    max-width: 10%;
}
.one-news__img-text-20 {
    max-width: 20%;
}
.one-news__img-text-30 {
    max-width: 30%;
}
.one-news__img-text-40 {
    max-width: 40%;
}
.one-news__img-text-50 {
    max-width: 50%;
}
.one-news__img-text-60 {
    max-width: 60%;
}
.one-news__img-text-70 {
    max-width: 70%;
}
.one-news__img-text-80 {
    max-width: 80%;
}
.one-news__img-text-90 {
    max-width: 90%;
}
.one-news__img-text-100 {
    max-width: 100%;
}
.one-news__img-text-text p {
    font-size: 16px;
}
.one-news__img-text-text ul {
    list-style: inside;
}
.se-block .block-content .se-container .se-links-container,
.se-block .block-content .se-container .se-links-container .se-links {
    height: 24px !important;
}
.se-block .block-content .se-container .se-links-container .se-links .se-link img {
    width: 20px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.card-block li,
.one-news__img-text-text li,
.one-news__text li {
    list-style-position: outside;
    margin-left: 20px;
}
.one-news__link-button-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.one-news__link-button-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.one-news__link-button-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.one-news__link-button-5 {
    width: 100%;
    max-width: 5%;
}
.one-news__link-button-10 {
    width: 100%;
    max-width: 10%;
}
.one-news__link-button-20 {
    width: 100%;
    max-width: 20%;
}
.one-news__link-button-30 {
    width: 100%;
    max-width: 30%;
}
.one-news__link-button-40 {
    width: 100%;
    max-width: 40%;
}
.one-news__link-button-50 {
    width: 100%;
    max-width: 50%;
}
.one-news__link-button-60 {
    width: 100%;
    max-width: 60%;
}
.one-news__link-button-70 {
    width: 100%;
    max-width: 70%;
}
.one-news__link-button-80 {
    width: 100%;
    max-width: 80%;
}
.one-news__link-button-90 {
    width: 100%;
    max-width: 90%;
}
.one-news__link-button-100 {
    width: 100%;
    max-width: 100%;
}
.one-news__link-button-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.one-news__link-button-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.one-news__link-button a {
    background-color: #303a65;
    border-radius: 15px;
    font-size: 16px;
    padding: 8px 15px;
    cursor: pointer;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#one-faculty__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 37px;
    -moz-column-gap: 37px;
    column-gap: 37px;
    row-gap: 14px;
    margin-bottom: 20px;
    border: none;
    list-style: none;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
#one-faculty__tabs li {
    margin-right: 30px;
    margin-bottom: 14px;
}
#one-faculty__tabs a {
    text-transform: uppercase;
    border: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #c4c4c4;
}
#one-faculty__tabs a:hover {
    border: none;
}
#one-faculty__tabs a.active {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color: #303a65;
}
#one-faculty__tabs a.active::before {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #dcbb0c;
    position: absolute;
    left: 0;
    bottom: -5px;
}
#one-faculty__tabs a.active::after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: rgba(218, 184, 11, 0.5);
    position: absolute;
    left: 0;
    bottom: -8px;
}
#one-faculty__tabs .tab-content {
    margin-top: 40px;
}
.tab-content ol,
.tab-content ul {
    margin: 10px auto;
    padding-left: 20px;
}
.tab-content ol li,
.tab-content ul li {
    font-size: 16px;
}
.tab-content ul {
    list-style: inside;
}
.about__title,
.activity__title,
.cooperation__title,
.education__title,
.vocation__title {
    margin-bottom: 25px;
}
@media (max-width: 1880px) {
    .news__wrapper {
        grid-template-areas: "b b rb" "c c c";
    }
}
@media (max-width: 1800px) {
    .navigation__bottom .menu__list {
        gap: 0;
    }
    .one-news__quote::before {
        left: -30px;
    }
    .one-news__quote::after {
        right: -30px;
    }
    .blog {
        margin-bottom: 0;
        max-height: 800px;
        height: 550px;
    }
    .blog .slick-next,
    .blog .slick-prev {
        bottom: -50px;
    }
    .slick-list {
        padding: 0 !important;
    }
    .blog .slick-list {
        padding-top: 70px !important;
    }
    .header__top.otherPage {
        grid-template-columns: 55% 45%;
    }
    .header__top.otherPage .menu__list {
        gap: 3%;
    }
    .header__top.otherPage .menu__list-item {
        width: 100%;
        text-align: center;
    }
    .header__top.otherPage .header__nav::before {
        border-top: 74px solid #303a65;
    }
}
@media (max-width: 1750px) {
    .header__top-menu {
        right: 7%;
    }
}
@media (max-width: 1690px) {
    .navigation__top .menu__list {
        gap: 20px;
    }
}
@media (max-width: 1600px) {
    .menu__list {
        gap: 3%;
    }
    .navigation__top .menu__list {
        gap: 20px;
    }
    .navigation__bottom .menu__list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .blog .slick-next,
    .blog .slick-prev {
        bottom: -40px;
    }
    .header__top .logo {
        padding-left: 25px;
    }
    .header__top.otherPage {
        grid-template-columns: none;
    }
    .header__top.otherPage .logo {
        padding-left: 6.25rem;
    }
    .header__top.otherPage .menu__list {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .header__top.otherPage .menu__list-item {
        width: auto;
    }
    .header__top.otherPage .header__nav {
        display: none;
    }
    .header__top.otherPage .header__nav::before {
        border-top: 51px solid #303a65;
    }
    .calendar {
        grid-template-columns: 380px 1fr;
    }
}
@media (max-width: 1550px) {
    .education__categories {
        font-size: 16px;
        gap: 0;
        line-height: 18px;
        padding: 0;
    }
}
@media (max-width: 1500px) {
    .container {
        padding: 0 100px !important;
    }
    .navigation__top .menu__list {
        gap: 40px;
    }
    .navigation__top .menu__list-item i,
    .navigation__top .menu__list-item svg {
        right: -15px;
    }
    .navigation__top .menu__list-link {
        padding: 20px 0;
    }
    .navigation__bottom .menu__list {
        gap: 30px;
    }
    .navigation__bottom .menu__list-link {
        padding: 8px 20px !important;
    }
    .blog .slick-next,
    .blog .slick-prev {
        bottom: -50px;
    }
    .header__top-menu {
        right: 9%;
    }
    .contacts {
        padding-left: 100px;
    }
    .page__left-sidebar-menu .page__news .content {
        width: calc(100vw - 530px);
    }
}
@media (max-width: 1450px) {
    .all-news__inner {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1400px) {
    .prev-next > div {
        grid-template-columns: 1fr;
    }
    .blog .slick-next,
    .blog .slick-prev {
        bottom: -40px;
    }
    .vocation__windows {
        top: 4%;
    }
    .main-menu .main-menu__link-s-lvl {
        font-size: 12px !important;
        padding: 3px 20px;
    }
    .navigation__top .menu__list-link {
        padding: 7px 14px;
    }
    .navigation__top .menu__list-link::before {
        bottom: 0;
    }
    .navigation__top .menu__list-link::after {
        bottom: 3px;
    }
    .navigation__top .menu__list-item i {
        right: -2px;
        top: -2px;
    }
    .navigation__bottom .menu__list-link {
        padding: 8px 20px !important;
        margin-top: -4px !important;
    }
    .navigation__bottom .menu__list-link::before {
        bottom: 0 !important;
    }
    .navigation__bottom .menu__list-link::after {
        bottom: 3px !important;
    }
    .main-menu__link-f-lvl {
        font-size: 15px !important;
        padding: 0 20px;
    }
    .main-menu__dropdown {
        row-gap: 20px;
        max-height: 750px;
    }
    .navigation__bottom .menu .menu__list-item:last-child {
        display: none;
    }
    .navigation__bottom .navigation__social {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 15px 10px;
        display: none !important;
    }
    .navigation__center {
        padding-top: 10px;
        height: calc(100vh - 175px - 55px);
    }
    .navigation .menu {
        margin-top: 10px;
    }
    .one-news__img.img-size-5 {
        max-width: 15%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-10 {
        max-width: 20%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-20 {
        max-width: 30%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-30 {
        max-width: 40%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-40 {
        max-width: 50%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-50 {
        max-width: 60%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-60 {
        max-width: 70%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-70 {
        max-width: 20%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-80 {
        max-width: 20%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img-text-5 {
        max-width: 15%;
    }
    .one-news__img-text-10 {
        max-width: 20%;
    }
    .one-news__img-text-20 {
        max-width: 30%;
    }
    .one-news__img-text-30 {
        max-width: 40%;
    }
    .one-news__img-text-40 {
        max-width: 50%;
    }
    .one-news__img-text-50 {
        max-width: 60%;
    }
    .one-news__img-text-60 {
        max-width: 70%;
    }
    .one-news__img-text-70 {
        max-width: 80%;
    }
}
@media (max-width: 1370px) {
    .header__top {
        grid-template-columns: 1fr -webkit-max-content;
        grid-template-columns: 1fr max-content;
    }
    .header__nav-item {
        display: none;
    }
    .header__nav .language {
        position: static;
    }
    .header__top.otherPage .header__nav-item {
        display: block;
    }
    .header__top.otherPage .header__language {
        position: absolute;
        z-index: 3;
    }
    .all-new-news {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 1350px) {
    .search__button {
        display: block !important;
    }
    .menu__list-search {
        display: none;
    }
    .header__logo .logo__link--upd .logo__title .first-line {
        font-size: 15.6px;
        line-height: 17px;
    }
    .header__logo .logo__link--upd .logo__title .second-line {
        font-size: 25px;
        line-height: 28px;
    }
}
@media (max-width: 1300px) {
    .vi-special-block-image {
        display: none;
    }
    .main .header__menu .menu__list-abitur-link,
    .main .header__menu .menu__list-link {
        font-size: 16px;
    }
}
@media (max-width: 1260px) {
    .navigation__top .menu__list {
        gap: 10px;
    }
}
@media (max-width: 1250px) {
    .navigation__center-link {
        font-size: 18px;
    }
    .blog__one-news {
        margin: 0 5px;
    }
    .blog__title {
        min-height: 65px;
    }
    .blog__text {
        min-height: 100px;
        max-height: 100px;
    }
    .header__social {
        display: none;
    }
    .pagination.js-pager__items {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .page__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .page__content .sidebar {
        display: none;
    }
    #selectPodrazdelenieContacts {
        display: block;
    }
    .page__left-sidebar-menu .page__news {
        grid-template-columns: 1fr;
    }
    .page__left-sidebar-menu .page__news .categories__list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .page__left-sidebar-menu .page__news .categories__list .categories-item {
        max-width: 300px;
    }
    .page__left-sidebar-menu .page__news .content {
        width: 100vw;
    }
    .page__right-sidebar .page__news {
        grid-template-columns: 1fr !important;
    }
    .page__right-sidebar .page__news .sidebar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 1230px) {
    .about__buttons {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 1200px) {
    .one-news__img-text-text,
    .one-news__quote,
    .one-news__slider,
    .one-news__text {
        max-width: 100% !important;
        text-align: justify;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text p,
    .one-news__quote p,
    .one-news__slider p,
    .one-news__text p {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text p span,
    .one-news__quote p span,
    .one-news__slider p span,
    .one-news__text p span {
        text-align: justify;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text h1,
    .one-news__img-text-text h2,
    .one-news__img-text-text h3,
    .one-news__img-text-text h4,
    .one-news__img-text-text h5,
    .one-news__img-text-text h6,
    .one-news__quote h1,
    .one-news__quote h2,
    .one-news__quote h3,
    .one-news__quote h4,
    .one-news__quote h5,
    .one-news__quote h6,
    .one-news__slider h1,
    .one-news__slider h2,
    .one-news__slider h3,
    .one-news__slider h4,
    .one-news__slider h5,
    .one-news__slider h6,
    .one-news__text h1,
    .one-news__text h2,
    .one-news__text h3,
    .one-news__text h4,
    .one-news__text h5,
    .one-news__text h6 {
        font-size: 16px !important;
    }
    .one-news__img-text-text h1 span,
    .one-news__img-text-text h2 span,
    .one-news__img-text-text h3 span,
    .one-news__img-text-text h4 span,
    .one-news__img-text-text h5 span,
    .one-news__img-text-text h6 span,
    .one-news__quote h1 span,
    .one-news__quote h2 span,
    .one-news__quote h3 span,
    .one-news__quote h4 span,
    .one-news__quote h5 span,
    .one-news__quote h6 span,
    .one-news__slider h1 span,
    .one-news__slider h2 span,
    .one-news__slider h3 span,
    .one-news__slider h4 span,
    .one-news__slider h5 span,
    .one-news__slider h6 span,
    .one-news__text h1 span,
    .one-news__text h2 span,
    .one-news__text h3 span,
    .one-news__text h4 span,
    .one-news__text h5 span,
    .one-news__text h6 span {
        text-align: justify;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text .fotorama__stage,
    .one-news__quote .fotorama__stage,
    .one-news__slider .fotorama__stage,
    .one-news__text .fotorama__stage {
        margin: 0 auto !important;
    }
    .one-news__img-text-text .three-img > div,
    .one-news__quote .three-img > div,
    .one-news__slider .three-img > div,
    .one-news__text .three-img > div {
        gap: 10px;
    }
    .navigation__top-wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 20px;
    }
    .navigation__right-block {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
    .about__title,
    .activity__title,
    .cooperation__title,
    .education__title,
    .vocation__title {
        font-size: 30px;
        line-height: 30px;
    }
    .news__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .one-news__img-text-center-10,
    .one-news__img-text-center-100,
    .one-news__img-text-center-20,
    .one-news__img-text-center-30,
    .one-news__img-text-center-40,
    .one-news__img-text-center-50,
    .one-news__img-text-center-60,
    .one-news__img-text-center-70,
    .one-news__img-text-center-80,
    .one-news__img-text-center-90,
    .one-news__img-text-left-10,
    .one-news__img-text-left-100,
    .one-news__img-text-left-20,
    .one-news__img-text-left-30,
    .one-news__img-text-left-40,
    .one-news__img-text-left-50,
    .one-news__img-text-left-60,
    .one-news__img-text-left-70,
    .one-news__img-text-left-80,
    .one-news__img-text-left-90,
    .one-news__img-text-right-10,
    .one-news__img-text-right-100,
    .one-news__img-text-right-20,
    .one-news__img-text-right-30,
    .one-news__img-text-right-40,
    .one-news__img-text-right-50,
    .one-news__img-text-right-60,
    .one-news__img-text-right-70,
    .one-news__img-text-right-80,
    .one-news__img-text-right-90 {
        max-width: 100% !important;
    }
    .blog .slick-list {
        height: 470px;
    }
    .blog__one-news:hover {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
    .news__right-block {
        width: 100%;
        max-width: none;
        padding-top: 20px;
        height: 400px;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .news__right-block .tab-content > .active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .news__right-block .actual__link {
        max-height: 40px;
    }
    .news__right-block .actual__body {
        width: 100%;
    }
    .news__tabs {
        margin-bottom: 25px;
    }
    .blog .slick-dots {
        right: 50%;
        left: auto;
    }
    .actual {
        max-height: 290px;
        padding-right: 0;
    }
    .blog__text {
        padding-right: 0;
    }
    .news__categories {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .categories__list {
        display: none;
    }
    .sidebar__categories .categories__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .blog {
        max-width: 100%;
        height: 510px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .one-news__footnote {
        max-width: 60%;
    }
    .one-news__img {
        max-width: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__body .duo-img {
        grid-template-columns: 1fr 1fr;
    }
    .one-news__body .three-img {
        grid-template-areas: "first-img thirdy-img" "second-img thirdy-img" "footnote .";
    }
    .duo-img .one-news__footnote,
    .three-img .one-news__footnote {
        max-width: 100%;
    }
    blockquote {
        width: 40%;
    }
    .faculties__one-faculty {
        margin: 5px;
        min-width: unset;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    .faculties__speciality-title {
        padding-left: 20%;
    }
    .activity__name {
        right: unset;
        left: 0;
        max-width: none;
    }
    .activity__info {
        width: 50%;
        height: 60%;
        padding: 20px;
    }
    .activity__info-title {
        max-width: none;
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 25px;
    }
    .activity__info-text {
        max-width: none;
        font-size: 16px;
        line-height: 18px;
    }
    .cooperation__info {
        width: 50%;
        height: 60%;
        padding: 20px;
    }
    .cooperation__info-text {
        max-width: none;
        margin-bottom: 20px;
    }
    .cooperation__info-img {
        width: 100%;
        max-width: 90px;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        top: -5px;
        left: 5px;
    }
    .cooperation__name {
        left: unset;
        right: 0;
        width: 50%;
        max-width: none;
    }
    .cooperation__name-title {
        margin: 0;
        font-size: 18px;
        line-height: 20px;
    }
    .vocation__windows-blue,
    .vocation__windows-orange {
        width: 300px;
        height: auto;
    }
    .all-news__inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .otherPage .header__top-wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .footer__requisites {
        display: none;
    }
    .footer__menu-item:first-child {
        display: block;
    }
    .page__news .page__pagination {
        margin-bottom: 100px;
    }
}
@media (max-width: 1180px) {
    .navigation {
        top: -200%;
    }
    .header__top-menu {
        right: 120px;
    }
}
@media (max-width: 1100px) {
    .timetable {
        display: none;
    }
    .header__content {
        padding: 20px 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .news__tabs .nav-item:first-child {
        display: block;
    }
    .blog {
        display: none;
    }
    .news__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 30px;
        gap: 0;
    }
    .news__inner {
        margin-bottom: 30px;
    }
    .actual__body {
        height: 100%;
    }
    .actual__one-news {
        margin: 0;
        margin-bottom: 14px;
    }
    .about {
        padding: 30px 0 !important;
    }
    .about__image,
    .about__text,
    .activity,
    .cooperation .container,
    .education {
        display: none;
    }
    .about__info {
        padding-top: 0;
    }
    .about__list {
        margin-top: 0;
    }
    .about__buttons {
        margin-top: 20px;
    }
    .about__wrapper {
        gap: 40px;
    }
    .main .header__menu {
        display: none;
    }
    .header__top.otherPage .header__menu {
        display: block;
    }
    .education__categories,
    .education__faculties {
        display: none;
    }
    .main__title {
        font-size: 30px;
        line-height: 36px;
    }
    .main__text {
        font-size: 16px;
        line-height: 18px;
    }
    .education__accordion {
        display: block !important;
        margin-top: 30px;
        font-size: 18px;
        line-height: 18px;
    }
    .education__accordion button:hover {
        background-color: #303a65;
        color: #fff;
        text-decoration: none;
    }
    .projects__main {
        left: 0;
    }
    .projects__slider::before {
        display: none;
    }
    .projects__slider .slick-track {
        left: 0;
    }
    .blog__one-categorie:hover {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
    .about__img {
        max-width: 180px;
    }
    .about__text {
        max-width: 848px;
    }
    .about__info,
    .about__inner {
        width: 100%;
    }
    .cooperation {
        height: auto;
        padding-top: 0;
    }
    .vocation {
        min-height: 1000px;
    }
    .vocation__title {
        margin: 40px auto 0;
    }
    .vocation__windows {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        z-index: 1;
        top: 40%;
        display: grid;
        grid-template-columns: 50% 50%;
        justify-items: center;
        gap: 10px;
    }
    .vocation__windows a:first-child,
    .vocation__windows a:last-child {
        height: 100%;
    }
    .vocation__windows a:nth-child(2) {
        width: 450px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .vocation__windows-blue,
    .vocation__windows-orange {
        width: auto;
        height: 100%;
    }
    .vocation__windows-text {
        font-size: 14px;
        line-height: 16px;
        margin: 0 auto;
    }
    .vocation__windows-title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .education__accordion button {
        display: block;
        width: 100%;
        height: 100%;
    }
    .education__accordion h2 {
        width: 100%;
        max-width: none;
        height: 100%;
    }
    .education__one-card-functions p {
        max-width: none;
        text-align: center;
    }
    .activity__info {
        position: relative;
    }
    .activity__name {
        z-index: 2;
        max-height: none;
        height: 30%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 540px;
        right: 0;
        left: unset;
        bottom: unset;
        padding: 0;
        width: 50%;
    }
    .activity__info {
        position: relative;
        height: auto;
        width: 50%;
        padding: 15px;
    }
    .activity__slider .slick-dots {
        bottom: -10px;
    }
    .cooperation__name {
        z-index: 2;
        max-height: none;
        height: 32%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 540px;
        right: 0;
        left: unset;
        top: unset;
        bottom: 0;
        padding: 0 15px;
        width: 50%;
    }
    .cooperation__info {
        position: relative;
        height: auto;
        max-height: none;
        right: 0;
        left: unset;
        max-width: 480px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px;
        padding-top: 30px;
        width: 50%;
    }
    .cooperation__info-text {
        margin-bottom: 0;
    }
    .cooperation__info-img {
        left: 0;
        top: -5px;
    }
    .cooperation__slider .slick-dots {
        bottom: -10px;
    }
    .about__inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .main-menu .main-menu__link-s-lvl {
        font-size: 12px !important;
        padding: 1px 20px;
    }
    .footer__connect {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
    .footer__connect .footer__find,
    .footer__connect .footer__user {
        margin-top: 0;
    }
    .news__categories {
        margin-top: 0 !important;
    }
}
@media (max-width: 1080px) {
    .header__top.otherPage .logo {
        padding-left: 15px;
    }
}
@media (max-width: 1070px) {
    .navigation__top .abiturient {
        display: none;
    }
    .navigation__bottom .navigation__menu {
        margin-top: 0;
    }
    .navigation__bottom .navigation__social {
        padding: 10px;
    }
    .navigation__bottom .abiturient {
        display: block !important;
        position: relative !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    .navigation__bottom .abiturient i,
    .navigation__bottom .abiturient svg {
        position: absolute !important;
        top: 0;
    }
    .blog .slick-dots {
        bottom: -50px;
    }
}
@media (max-width: 1040px) {
    .navigation__bottom .menu__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 1000px) {
    .header__top.otherPage .header__top-wrapper {
        padding: 10px 20px;
    }
    .header__top.otherPage .header__menu {
        display: none;
    }
    .header__top.otherPage .header__logo {
        padding-left: 0 !important;
        margin: 0;
    }
    .header__top.otherPage .header__logo .logo__link img {
        max-width: 101px;
    }
    .header__top.otherPage .header__logo .logo__link span {
        display: inline-block;
    }
    .navigation__top .menu__list {
        gap: 20px;
    }
    .navigation__center {
        height: calc(100vh - 160px - 80px);
    }
    .navigation__bottom {
        height: 80px;
    }
    .shs-widget-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .activity__name {
        display: none;
    }
    .activity__info {
        max-width: none;
        width: 100%;
    }
    .activity__info-title {
        max-width: none;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .activity__info-text {
        max-width: none;
    }
    .cooperation__name {
        display: none;
    }
    .cooperation__info {
        max-width: none;
        width: 100%;
        padding-bottom: 10px;
    }
    .cooperation__info-img {
        top: -5px;
        width: 100%;
        max-width: 90px;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .cooperation__info-title {
        max-width: none;
    }
    .cooperation__info-text {
        max-width: none;
    }
    .all-new-news {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .calendar {
        grid-template-columns: 1fr;
    }
    #not-found {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #not-found .circles,
    #not-found .not-found__content {
        width: 100%;
    }
    #not-found .not-found__content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navigation__bottom .navigation__social {
        display: block !important;
    }
    .calendar__body {
        margin-top: 0 !important;
    }
    .one-news__body .duo-img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .one-news__body .duo-img .images-10,
    .one-news__body .duo-img .images-20,
    .one-news__body .duo-img .images-30,
    .one-news__body .duo-img .images-40,
    .one-news__body .duo-img .images-50,
    .one-news__body .duo-img .images-60,
    .one-news__body .duo-img .images-70,
    .one-news__body .duo-img .images-80,
    .one-news__body .duo-img .images-90 {
        max-width: 100%;
        gap: 10px;
    }
    .one-news__body .duo-img .one-news__duo-img {
        max-width: calc(50% - 5px);
    }
    .one-news__body .duo-img .one-news__footnote {
        width: 100% !important;
        text-align: center;
    }
    .one-news__body .duo-img .one-news__footnote::before {
        left: 0;
    }
}
@media (max-width: 950px) {
    article[role="article"] ul li {
        text-align: left;
    }
    #one-faculty__tabs li {
        text-align: center;
    }
    .accordion-button,
    .card-header a {
        font-size: 16px !important;
    }
    .one-news__img-text-text,
    .one-news__quote,
    .one-news__slider,
    .one-news__text {
        max-width: 100% !important;
        text-align: justify;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text p,
    .one-news__quote p,
    .one-news__slider p,
    .one-news__text p {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text p span,
    .one-news__quote p span,
    .one-news__slider p span,
    .one-news__text p span {
        text-align: justify;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text h1,
    .one-news__img-text-text h2,
    .one-news__img-text-text h3,
    .one-news__img-text-text h4,
    .one-news__img-text-text h5,
    .one-news__img-text-text h6,
    .one-news__quote h1,
    .one-news__quote h2,
    .one-news__quote h3,
    .one-news__quote h4,
    .one-news__quote h5,
    .one-news__quote h6,
    .one-news__slider h1,
    .one-news__slider h2,
    .one-news__slider h3,
    .one-news__slider h4,
    .one-news__slider h5,
    .one-news__slider h6,
    .one-news__text h1,
    .one-news__text h2,
    .one-news__text h3,
    .one-news__text h4,
    .one-news__text h5,
    .one-news__text h6 {
        font-size: 16px !important;
    }
    .one-news__img-text-text h1 span,
    .one-news__img-text-text h2 span,
    .one-news__img-text-text h3 span,
    .one-news__img-text-text h4 span,
    .one-news__img-text-text h5 span,
    .one-news__img-text-text h6 span,
    .one-news__quote h1 span,
    .one-news__quote h2 span,
    .one-news__quote h3 span,
    .one-news__quote h4 span,
    .one-news__quote h5 span,
    .one-news__quote h6 span,
    .one-news__slider h1 span,
    .one-news__slider h2 span,
    .one-news__slider h3 span,
    .one-news__slider h4 span,
    .one-news__slider h5 span,
    .one-news__slider h6 span,
    .one-news__text h1 span,
    .one-news__text h2 span,
    .one-news__text h3 span,
    .one-news__text h4 span,
    .one-news__text h5 span,
    .one-news__text h6 span {
        text-align: justify;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .one-news__img-text-text .fotorama__stage,
    .one-news__quote .fotorama__stage,
    .one-news__slider .fotorama__stage,
    .one-news__text .fotorama__stage {
        margin: 0 auto !important;
    }
    .one-news__img-text-text .three-img > div,
    .one-news__quote .three-img > div,
    .one-news__slider .three-img > div,
    .one-news__text .three-img > div {
        gap: 10px;
    }
}
@media (max-width: 920px) {
    .contacts {
        display: none;
    }
    .header__top-menu {
        right: 0;
        min-height: 134px;
    }
    .header__top-menu span {
        top: -36px;
    }
    .header__top-menu .hamburger-box {
        height: 34px;
        bottom: -96px;
    }
    .header__nav {
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(100%, rgba(19, 38, 87, 0.85)),
                to(rgba(255, 255, 255, 0))
            ),
            url(../images/main.webp);
        background-image: -webkit-linear-gradient(bottom, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%),
            url(../images/main.webp);
        background-image: -o-linear-gradient(bottom, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%),
            url(../images/main.webp);
        background-image: linear-gradient(0deg, rgba(19, 38, 87, 0.85) 100%, rgba(255, 255, 255, 0) 100%),
            url(../images/main.webp);
        padding: 10px 20px;
    }
    .header__nav .logo {
        display: block;
        margin-right: 0;
        padding: 0;
    }
    .header__nav .logo__img {
        max-width: 101px;
    }
    .header__nav::before {
        border: none;
    }
    .header__content {
        display: none;
    }
    .header__top.otherPage .header__language {
        right: 80px;
    }
}
@media (max-width: 910px) {
    .footer__menu {
        max-height: none;
        width: auto;
    }
}
@media (max-width: 900px) {
    .footer__bottom-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer__bottom-item:last-child {
        text-align: center;
    }
    .banner__title {
        font-size: 24px;
        line-height: 24px;
        width: 100%;
    }
    .all-news #all_news_content #title_news a {
        font-size: 18px;
        line-height: 22px;
    }
    .all-news #all_news_content #text_news {
        font-size: 16px;
        line-height: 20px;
    }
    .all-news #all_news_content #news_data {
        font-size: 16px;
        line-height: 20px;
    }
    .sidebar__categories .categories__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .content .no-filter .page__contacts-item-first {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 900px) {
    .otherPage .header__nav {
        display: none;
    }
}
@media (max-width: 870px) {
    .page__right-sidebar .page__news .sidebar {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 830px) {
    .logo .first-line {
        font-size: 13.4px;
    }
    .logo .second-line {
        font-size: 21.5px;
    }
    .logo .thirdy-line {
        font-size: 15.8px;
    }
    .vocation__windows {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
    }
    .vocation__windows a:nth-child(2) {
        -webkit-box-ordinal-group: unset;
        -webkit-order: unset;
        -ms-flex-order: unset;
        order: unset;
    }
}
@media (max-width: 1000px) {
    .navigation .mobile__goback-link,
    .navigation .mobile__link-f-lvl,
    .navigation .mobile__link-fo-lvl,
    .navigation .mobile__link-s-lvl,
    .navigation .mobile__link-t-lvl {
        line-height: 16px !important;
    }
    .navigation__center {
        padding: 10px 0;
        height: calc(100vh - 134px - 44px);
    }
    .navigation__center .most-upstairs {
        display: none !important;
    }
    .navigation__top-wrapper {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .back__to-top {
        right: 15px;
    }
    .about {
        padding-bottom: 70px;
    }
    .container {
        padding: 0 10px !important;
    }
    .main__content-wrapper .container {
        padding: 0 20px !important;
    }
    .header__top-menu {
        right: 0;
        top: -69px;
        width: 60px;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        min-height: 114px;
    }
    .header__top-menu .hamburger-box {
        bottom: -76px;
    }
    .navigation__center-content {
        display: none;
    }
    .actual {
        display: block;
        max-height: 300px;
    }
    .mobile {
        display: block;
    }
    .about__title,
    .activity__title,
    .cooperation__title,
    .education__title,
    .vocation__title {
        font-size: 26px;
        line-height: 32px;
    }
    .blog {
        margin-top: 40px !important;
    }
    .blog__title {
        font-size: 18px;
        line-height: 20px;
    }
    .blog__text {
        font-size: 14px;
        line-height: 17px;
    }
    .blog__date,
    .blog__one-categorie {
        font-size: 12px;
        line-height: 12px;
    }
    .news__right-block {
        padding: 10px 10px;
    }
    .news__right-block .tab-content > .active {
        display: block;
    }
    .news__right-block .actual__one-news {
        width: unset;
    }
    .news__right-block .actual__link {
        max-height: none;
    }
    .actual__title,
    .blog__title a,
    .news__link,
    .vocation__windows-text {
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
    }
    .news__link.active {
        font-size: 16px;
    }
    .actual__text,
    .categories__list-link {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0;
    }
    .vocation__windows-title {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        margin: 0;
    }
    .vocation__windows-text {
        margin: 0;
    }
    .vocation__windows-blue {
        height: auto;
        width: calc(100vw - 30px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px;
    }
    .vocation__windows-orange {
        width: calc(100vw - 30px);
    }
    .about__desc,
    .about__list-item,
    .about__text,
    .activity__desc,
    .cooperation__desc,
    .education__desc,
    .vocation__desc {
        font-size: 14px;
        line-height: 16px;
    }
    .about__list-item {
        line-height: 24px;
    }
    .about__wrapper {
        gap: 0;
    }
    .about__title::after {
        bottom: -10px;
    }
    .activity__name-title,
    .cooperation__name-title {
        font-size: 18px;
        line-height: 20px;
    }
    .projects {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .projects__slider {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .projects__main-title {
        font-size: 30px;
        line-height: 30px;
        margin: 0;
    }
    .projects__slider-info {
        width: 100%;
    }
    .projects__slider-img {
        max-width: 100%;
    }
    .projects__main-desc,
    .projects__slider-title {
        font-size: 16px;
        line-height: 20px;
    }
    .projects__main .slick-arrow,
    .projects__main-desc,
    .projects__social {
        display: none !important;
    }
    .vocation__windows {
        top: unset;
        bottom: 2%;
        gap: 5px;
    }
    .vocation {
        min-height: 500px;
    }
    .vocation__windows-text {
        display: none;
    }
    .vocation__windows-orange {
        padding: 15px;
    }
    .navigation.active {
        grid-template-rows: -webkit-max-content 1fr -webkit-min-content;
        grid-template-rows: max-content 1fr min-content;
    }
    .navigation__right-block {
        display: block;
        margin: 0;
    }
    .navigation__language {
        margin-right: 15px;
    }
    .navigation__abitur,
    .navigation__menu {
        display: none;
    }
    .navigation .navigation__eye {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navigation__top {
        padding-bottom: 20px;
    }
    .navigation__top-wrapper {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .navigation__bottom,
    .navigation__center {
        position: static;
    }
    .navigation__bottom {
        height: auto;
        z-index: 3;
    }
    .navigation__bottom-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0;
    }
    .navigation__bottom-wrapper > .social {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
    .navigation__bottom-wrapper .social__title {
        display: none;
    }
    .navigation__center-chapter {
        display: none;
    }
    .navigation .main-menu {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
    }
    .projects__slider .slick-track {
        left: 0;
    }
    .projects__slider::after {
        display: none;
    }
    .projects__main {
        max-width: 100%;
        position: relative;
    }
    .categories {
        gap: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .prev-next {
        grid-template-columns: 1fr;
    }
    .navigation__bottom-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .footer__menu {
        max-width: none;
        width: auto;
    }
    .footer__top-wrapper {
        row-gap: 30px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
    }
    .footer__connect {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .main__text,
    .main__title {
        max-width: calc(100vw - 30px);
    }
    .all-news__inner {
        grid-template-columns: 1fr;
    }
    .header__top.otherPage .header__language {
        right: 8px;
        bottom: 0;
    }
    .header__top.otherPage .logo {
        padding-left: 10px;
    }
    .all-news #image img {
        -o-object-fit: unset;
        object-fit: unset;
        min-height: unset;
        max-height: unset;
    }
    .prev-next {
        max-height: unset;
    }
    .prev-next img {
        height: 100%;
    }
    .one-news__date {
        font-size: 16px;
        line-height: 20px;
    }
    .one-news__author {
        font-size: 16px;
        line-height: 20px;
    }
    .one-news__left-image,
    .one-news__right-image {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .one-news__left-image .one-news__footnote,
    .one-news__right-image .one-news__footnote {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        text-align: center;
    }
    .one-news__left-image .one-news__footnote::before,
    .one-news__right-image .one-news__footnote::before {
        left: 0;
    }
    .page__title {
        font-size: 24px;
        line-height: 28px;
    }
    .prev-next .body-news__title {
        font-size: 16px;
        line-height: 20px;
    }
    .prev-next .body-news__desc {
        font-size: 14px;
        line-height: 18px;
    }
    #views-exposed-form-personalii-page-1 .form-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .back__to-top {
        right: 8px !important;
    }
    .footer__connect {
        gap: 10px;
    }
    .footer .container {
        padding: 0 20px !important;
    }
    .page-contacts__header-wrapper .form-row {
        gap: 0 !important;
        margin: 0 !important;
    }
    .page-contacts__header-wrapper .form-row input {
        max-width: none !important;
    }
    .page__left-sidebar-menu .sidebar .categories-item {
        height: 50px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .page__left-sidebar-menu .sidebar .categories-item .categories__list-link {
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 15px;
        padding: 6px 20px;
    }
    .images-10,
    .images-20,
    .images-30,
    .images-40,
    .images-5,
    .images-50,
    .images-60,
    .images-70,
    .images-80,
    .images-90 {
        max-width: 100% !important;
    }
    .one-news__img-text-imgWrapper {
        max-width: 100% !important;
        margin-right: 0 !important;
    }
    .one-news__img-text-5 {
        max-width: 25% !important;
    }
    .one-news__img-text-10 {
        max-width: 30% !important;
    }
    .one-news__img-text-20 {
        max-width: 40% !important;
    }
    .one-news__img-text-30 {
        max-width: 50% !important;
    }
    .one-news__img-text-40 {
        max-width: 60% !important;
    }
    .one-news__img-text-50 {
        max-width: 70% !important;
    }
    .one-news__img-text-60 {
        max-width: 80% !important;
    }
    .one-news__img-text-70 {
        max-width: 90% !important;
    }
    .one-news__img-text-80 {
        max-width: 100% !important;
    }
    .one-news__img-text-90 {
        max-width: 100% !important;
    }
    .youtube_video {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .youtube_video iframe {
        position: static;
        height: 250px;
    }
    .partners__img {
        max-width: 50px;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header__nav .language {
        position: absolute;
        bottom: 0;
        right: 5px;
    }
    .dropdown-menu_lang.open ul {
        top: 25px;
    }
    .news__wrapper {
        gap: 0;
    }
    #not-found .circles .circle.big {
        width: 200px;
        height: 200px;
    }
    #not-found .circles .circle.med {
        width: 65px;
        height: 65px;
    }
    #not-found .circles .circle.small {
        width: 40px;
        height: 40px;
    }
    #not-found p {
        font-size: 70px;
    }
    #not-found p > small {
        font-size: 26px;
    }
    #not-found .not-found__content {
        padding: 0;
    }
    #not-found .not-found__content .not-found__title {
        font-size: 20px;
    }
    #not-found .not-found__content .not-found__home {
        font-size: 14px;
    }
    .page__accordion-wrapper {
        max-width: 100% !important;
    }
}
@media (max-width: 680px) {
    .one-news__img.img-size-5 {
        max-width: 25%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-10 {
        max-width: 30%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-20 {
        max-width: 40%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-30 {
        max-width: 50%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-40 {
        max-width: 60%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-50 {
        max-width: 70%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-60 {
        max-width: 80%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-70 {
        max-width: 90%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-80 {
        max-width: 100%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media (max-width: 650px) {
    .page__contacts-list {
        grid-template-columns: 1fr !important;
    }
    .search-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 630px) {
    .page__left-sidebar-menu .categories-item {
        max-width: none !important;
    }
    .footer__menu {
        max-height: none;
    }
}
@media (max-width: 600px) {
    .sidebar {
        display: none;
    }
    .page__left-sidebar-menu .sidebar {
        display: block;
    }
    .page__left-sidebar-menu .sidebar .categories__list {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .blog__one-news .blog__info {
        grid-template-areas: "txt txt" "dc dc";
    }
    .blog__one-news > a {
        display: block;
        display: -webkit-box;
    }
    .blog__one-news .blog__info {
        min-height: 220px;
    }
    .blog__one-news .blog__text {
        min-height: none;
    }
    .blog__one-news .blog__title {
        display: none;
    }
    .page__news {
        grid-template-columns: 1fr;
    }
    .all-news__inner {
        margin-top: 20px;
    }
    .page__news .view-filters {
        display: block;
    }
    .page__news .view-filters label[for="edit-field-kategoriya-target-id"] {
        display: none;
    }
    .sidebar__categories .categories__list {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .one-news__center-image .one-news__footnote,
    .one-news__center-image img,
    .one-news__left-image .one-news__footnote,
    .one-news__left-image img,
    .one-news__right-image .one-news__footnote,
    .one-news__right-image img {
        max-width: none !important;
    }
    .one-news__img.img-size-5 {
        max-width: 25% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-10 {
        max-width: 30% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-20 {
        max-width: 40% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-30 {
        max-width: 50% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-40 {
        max-width: 60% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-50 {
        max-width: 70% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-60 {
        max-width: 80% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-70 {
        max-width: 90% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-80 {
        max-width: 100% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img.img-size-90 {
        max-width: 100% !important;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .one-news__img-text-imgWrapper {
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }
    .one-news__img-text-20 {
        max-width: 50% !important;
    }
    .one-news__img-text-30 {
        max-width: 60% !important;
    }
    .one-news__img-text-40 {
        max-width: 70% !important;
    }
    .one-news__img-text-50 {
        max-width: 80% !important;
    }
    .one-news__img-text-60 {
        max-width: 90% !important;
    }
    .one-news__img-text-100,
    .one-news__img-text-70,
    .one-news__img-text-80,
    .one-news__img-text-90 {
        max-width: 100% !important;
    }
    .cooperation__info-img {
        max-width: 70px;
        top: 5px;
    }
    .cooperation__info-title {
        padding-left: 50px;
        font-size: 16px;
    }
    .duo-img > div {
        max-width: 100% !important;
        gap: 10px !important;
    }
    .duo-img > div img {
        max-width: calc(50% - 5px);
    }
    .accordion-button,
    .card-header a {
        line-height: 1.2 !important;
    }
    .actual .actual__body .actual__body img {
        display: none;
    }
    .actual .actual__body .actual__body {
        grid-template-columns: auto;
    }
}
@media (max-width: 550px) {
    .page__left-sidebar-menu .categories-item {
        max-width: none !important;
        height: auto !important;
    }
    .page__left-sidebar-menu .categories-item .categories__list-link {
        padding: 4px;
        min-height: 50px;
    }
    .vocation {
        min-height: 460px;
    }
    .footer__contacts-item {
        font-size: 14px;
    }
    .main__title {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .main__text {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .main__button {
        font-size: 14px;
        line-height: 16px;
        padding: 8px 14px;
    }
    .news__inner {
        margin-bottom: 15px;
    }
    .about,
    .activity,
    .education {
        padding: 30px 0;
    }
    .cooperation {
        padding-bottom: 0;
    }
    .vocation__title {
        margin: 15px 0 0;
    }
    .header__top.otherPage .header__nav {
        height: 50px;
    }
    .header__top.otherPage .header__nav .header__nav-item {
        display: none;
    }
    .one-news__body .img-slider {
        max-width: unset;
    }
    .one-news__slider-img {
        max-width: unset;
    }
    .prev-next .next-news,
    .prev-next .prev-news {
        grid-template-columns: 1fr;
    }
    .body-news::before {
        display: none;
    }
    .prev-next {
        display: none;
    }
    .prev-next__all-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .categories__button {
        max-width: 185px;
    }
    .about__link:nth-child(2) {
        max-width: 182px;
    }
    .about__link,
    .activity__info-link,
    .categories__button {
        font-size: 14px;
    }
    .about__wrapper,
    .activity__wrapper,
    .cooperation__wrapper,
    .education__wrapper,
    .vocation__wrapper {
        gap: 20px;
    }
    .about__title::after,
    .activity__title::after,
    .cooperation__title::after,
    .education__title::after,
    .vocation__title::after {
        bottom: -10px;
    }
    .education__accordion {
        margin-top: 10px;
    }
    .education__accordion .card {
        gap: 0;
    }
    .about__inner {
        gap: 20px;
    }
    .about__text {
        margin-bottom: 10px;
    }
    .about__list {
        margin-top: 10px;
    }
    .about__buttons {
        margin-top: 10px;
    }
    .cooperation__partners {
        margin-top: 0;
    }
    .footer__additional-menu,
    .footer__navigation {
        display: none;
    }
    .footer__contacts {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 470px) {
    .blog {
        height: 440px;
    }
}
@media (max-width: 450px) {
    .main__text {
        display: none;
    }
    .education__one-card {
        grid-template-columns: auto;
    }
    .partners {
        padding: 15px 0;
    }
    .navigation__logo .logo__img {
        max-width: 70px;
    }
    .navigation__logo .first-line {
        font-size: 11.7px;
        line-height: 19.2px !important;
    }
    .navigation__logo .second-line {
        font-size: 18.8px;
        line-height: 20px;
    }
    .navigation__logo .thirdy-line {
        font-size: 13.84px;
        line-height: 16px;
    }
    .header__top.otherPage .header__logo .logo__img {
        max-width: 70px !important;
    }
    .header__top.otherPage .header__logo .first-line {
        font-size: 11.7px;
        line-height: 19.2px !important;
    }
    .header__top.otherPage .header__logo .second-line {
        font-size: 15.8px;
        line-height: 20px;
    }
    .header__top.otherPage .header__logo .thirdy-line {
        font-size: 13.84px;
        line-height: 16px;
    }
    .news__right-block {
        padding-left: 10px;
    }
    .news__right-block .news__link {
        padding: 0;
        margin-right: 12px;
    }
    .news__right-block .news__link::before {
        bottom: -3px;
    }
    .news__right-block .news__link::after {
        bottom: -6px;
    }
    .actual {
        padding-right: 10px;
    }
    .navigation__center {
        height: calc(100vh - 112px - 44px);
    }
    .footer__additional-menu,
    .footer__navigation {
        max-width: 50%;
    }
}
@media (max-width: 400px) {
    .blog {
        height: 410px;
    }
    .footer__bottom-item:last-child br {
        display: block;
    }
}
@media (max-width: 375px) {
    .header__nav,
    .header__top.otherPage .header__top-wrapper {
        padding: 10px;
    }
    .navigation__logo .logo__img {
        max-width: 60px;
    }
    .navigation__logo .first-line {
        font-size: 10.2px;
    }
    .navigation__logo .second-line {
        font-size: 16.3px;
    }
    .navigation__logo .thirdy-line {
        font-size: 12px;
    }
    .header__top.otherPage .header__logo .logo__img {
        max-width: 60px !important;
    }
    .header__top.otherPage .header__logo .first-line {
        font-size: 10.2px;
    }
    .header__top.otherPage .header__logo .second-line {
        font-size: 13.6px;
    }
    .header__top.otherPage .header__logo .thirdy-line {
        font-size: 12px;
    }
    .news__right-block .nav-link {
        margin-right: 6px;
        margin-bottom: 8px;
    }
    .news__right-block .nav-item:last-child .nav-link {
        margin-right: 0;
    }
}
@media (max-width: 360px) {
    .navigation .mobile__goback-link,
    .navigation .mobile__link-f-lvl,
    .navigation .mobile__link-fo-lvl,
    .navigation .mobile__link-s-lvl,
    .navigation .mobile__link-t-lvl {
        line-height: 16px !important;
        font-size: 13px;
    }
    .vocation {
        min-height: 500px;
    }
    .vocation__windows {
        bottom: 1%;
    }
    .logo .logo__img {
        max-width: 70px !important;
    }
    .logo .first-line {
        font-size: 11.7px;
    }
    .logo .second-line {
        font-size: 15.8px;
    }
    .logo .thirdy-line {
        font-size: 13.7px;
    }
    .header__top-menu {
        top: -62px;
    }
    .header__top .logo__img,
    .header__top.otherPage .logo__img,
    .navigation__logo .logo__img {
        max-width: 60px !important;
    }
    .header__top .logo__img,
    .navigation__logo .logo__img {
        max-width: 60px !important;
    }
    .header__top .first-line,
    .navigation__logo .first-line {
        font-size: 10.2px;
    }
    .header__top .second-line,
    .navigation__logo .second-line {
        font-size: 13.6px;
    }
    .header__top .thirdy-line,
    .navigation__logo .thirdy-line {
        font-size: 12px;
    }
    .news__tabs li.nav-item {
        margin-right: 5px;
    }
}
@media (max-width: 340px) {
    .blog {
        height: 380px;
    }
    .header__top.otherPage .header__top-wrapper {
        padding: 10px 5px;
    }
    .header__top.otherPage .logo__link {
        gap: 5px;
    }
}
@media (max-width: 360px) {
    .footer__top-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer__additional-menu,
    .footer__navigation {
        max-width: none;
    }
}
*,
::after,
::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.loaderArea {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    z-index: 11;
}
.loaderArea.hide-preloader {
    -webkit-animation: hidePreloader 1s;
    -o-animation: hidePreloader 1s;
    animation: hidePreloader 1s;
}
.loaderArea.preloader-hidden {
    display: none;
}
.nav-link:hover {
    color: inherit !important;
}
@-webkit-keyframes hidePreloader {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes hidePreloader {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes hidePreloader {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
body {
    font-family: Roboto, sans-serif;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a,
a:hover {
    text-decoration: none;
}
p {
    margin-bottom: 0.5rem;
}
button {
    cursor: pointer;
    border: none;
}
:root {
    --header-top-bg-color: #e7e7e7;
    --header-top-txt-color: #7b7c7c;
    --text-color: #565656;
    --text-light-color: #7a7b7d;
}
::-webkit-scrollbar {
    background-color: transparent;
}
::-webkit-scrollbar-button {
    display: none;
}
::-webkit-scrollbar-track {
    width: 1px;
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #c4c4c4;
}
body,
html {
    scrollbar-color: #c4c4c4 #fff;
    scrollbar-width: auto;
}
.container {
    padding: 0 180px;
    max-width: none;
}
article {
    margin-bottom: 20px;
}
.slick-dotted.slick-slider {
    margin: 0;
}
.no-scroll {
    overflow-y: hidden;
}
#fullpage1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.paragraph__column {
    padding: 0 !important;
    padding-bottom: 30px !important;
}
.back__to-top {
    background: #303a65;
    color: #fff;
    position: fixed;
    border-radius: 50%;
    right: 50px;
    bottom: -50px;
    padding: 10px 14px;
    cursor: pointer;
    border: 3px solid #dcbb0c;
    z-index: 6;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    min-height: 41px;
    min-width: 39px;
}
.back__to-top:hover {
    -webkit-box-shadow: 4px 4px 8px 3px rgba(34, 60, 80, 0.25);
    box-shadow: 4px 4px 8px 3px rgba(34, 60, 80, 0.25);
}
.back__to-top.active {
    bottom: 50px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.btn--blue-bg {
    color: #fff;
    background-color: #303a65;
    padding: 8px 15px;
    border-radius: 15px;
    cursor: pointer;
}
a {
    color: #0079c0;
    text-decoration: none;
}
.section {
    height: auto !important;
}
.bg-inverse {
    background: #ff4e2e !important;
}
.bg-yellow {
    background: #d4b818;
}
.bg-gray {
    background: #e7e7e7;
}
.site-footer {
    background: #0079c0 !important;
}
.menu--main li a {
    color: #ff4e2e;
}
.menu--account li a {
    color: #ff4e2e;
}
.site-name-slogan a {
    text-decoration: none;
}
.card-group img {
    margin: 0;
    width: 100%;
    height: auto;
}
.card-group .field--type-image {
    margin: 0;
}
.slick {
    width: 100%;
}
.slick > div {
    margin: 0 15px;
}
.nav-tabs li {
    list-style: none;
}
.timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1200px;
    position: relative;
}
.timeline__content-title {
    font-weight: 400;
    font-size: 66px;
    margin: 0 0 20px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    color: #fff;
    line-height: 1;
}
.timeline__content-desc {
    margin: 0;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-family: Roboto;
    font-weight: 400;
    line-height: 25px;
}
.timeline:before {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    content: "";
    background: #fff;
}
@media only screen and (max-width: 767px) {
    .timeline:before {
        left: 40px;
    }
}
.timeline-item {
    padding: 40px 0;
    opacity: 0.3;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(50% - 40px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
}
.timeline-item:before {
    content: attr(data-text);
    letter-spacing: 3px;
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    border-left: 2px solid #fff;
    top: 70%;
    margin-top: -5px;
    padding-left: 15px;
    opacity: 0;
    right: calc(-100% - 56px);
}
.timeline-item:nth-child(even) {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.timeline-item:nth-child(even):before {
    right: auto;
    text-align: right;
    left: calc(-100% - 56px);
    padding-left: 0;
    border-left: none;
    border-right: 2px solid #fff;
    padding-right: 15px;
}
.timeline-item--active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-filter: blur(0);
    filter: blur(0);
}
.timeline-item--active:before {
    top: 50%;
    -webkit-transition: 0.3s all 0.2s;
    -o-transition: 0.3s all 0.2s;
    transition: 0.3s all 0.2s;
    opacity: 1;
}
.timeline-item--active .timeline__content-title {
    margin: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {
    .timeline-item {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
        width: 100%;
        padding: 0 30px 150px 80px;
    }
    .timeline-item:before {
        left: 10px !important;
        padding: 0 !important;
        top: 50px;
        text-align: center !important;
        width: 60px;
        border: none !important;
    }
    .timeline-item:last-child {
        padding-bottom: 40px;
    }
}
.timeline__img {
    max-width: 100%;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.timeline-container {
    width: 100%;
    position: relative;
    padding: 80px 0;
    -webkit-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}
.timeline-container:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(48, 58, 101, 0.5);
    content: "";
}
.timeline-header {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}
.timeline-header__title {
    color: #fff;
    font-size: 46px;
    font-family: Roboto;
    font-weight: 400;
    margin: 0;
}
.timeline-header__subtitle {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    margin: 10px 0 0 0;
    font-weight: 400;
}
.demo-footer {
    padding: 60px 0;
    text-align: center;
}
.demo-footer a {
    color: #999;
    display: inline-block;
    font-family: Roboto;
}
p.Indent1 {
    text-indent: 10px;
}
p.Indent2 {
    text-indent: 20px;
}
p.Indent3 {
    text-indent: 30px;
}
p.Indent4 {
    text-indent: 40px;
}
p.Indent5 {
    text-indent: 50px;
}
p.Indent6 {
    text-indent: 60px;
}
p.Indent7 {
    text-indent: 70px;
}
p.Indent8 {
    text-indent: 80px;
}
p.Indent9 {
    text-indent: 90px;
}
p.Indent10 {
    text-indent: 100px;
}
ol.Indent1,
p.Indent1,
ul.Indent1 {
    margin-left: 0;
}
ol.Indent2,
p.Indent2,
ul.Indent2 {
    margin-left: 0;
}
ol.Indent3,
p.Indent3,
ul.Indent3 {
    margin-left: 0;
}
ol.Indent4,
p.Indent4,
ul.Indent4 {
    margin-left: 0;
}
ol.Indent5,
p.Indent5,
ul.Indent5 {
    margin-left: 0;
}
ol.Indent6,
p.Indent6,
ul.Indent6 {
    margin-left: 0;
}
ol.Indent7,
p.Indent7,
ul.Indent7 {
    margin-left: 0;
}
ol.Indent8,
p.Indent8,
ul.Indent8 {
    margin-left: 0;
}
ol.Indent9,
p.Indent9,
ul.Indent9 {
    margin-left: 0;
}
ol.Indent10,
p.Indent10,
ul.Indent10 {
    margin-left: 0;
}
#cookie-modal.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1050;
    width: 600px;
    max-width: 90%;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
}
#cookie-modal .modal-header {
    padding: 10px 18px;
    background-color: #eff6ff;
}
#cookie-modal .modal-header h5 {
    margin: 0;
}
#cookie-modal .modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 18px;
    background-color: rgba(231, 231, 231, 0.788);
}
#cookie-modal .modal-body {
    padding: 20px;
}
#cookie-modal .modal-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
#cookie-modal .label {
    font-size: 14px;
    color: #a1a1a1;
}
#cookie-modal .description {
    font-size: 16px;
    margin: 0;
}
#cookie-modal .description a {
    color: #303a65;
    text-decoration: none;
}
#cookie-modal .description a:hover {
    color: rgb(15.1409395973, 18.2953020134, 31.8590604027);
}
#cookie-modal .button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
}
#cookie-modal .button-primary {
    background-color: #303a65;
    color: #fff;
}
#cookie-modal .button-outline {
    background-color: #fff;
    color: #303a65;
    border: 1px solid #303a65;
}
#cookie-modal .button:focus {
    outline: 2px solid #303a65;
}
#cookie-modal.modal input[type="checkbox"]:checked {
    background-color: #303a65;
    border-color: #303a65;
}
#cookie-modal.modal input[type="checkbox"]:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(48, 58, 101, 0.25);
    box-shadow: 0 0 0 0.25rem rgba(48, 58, 101, 0.25);
}
#cookie-banner.cookie {
    z-index: 100;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    background: #303a65;
    color: #fff;
    padding: 20px 100px 20px 85px;
    line-height: 18px;
}
#cookie-banner.cookie p {
    text-align: justify;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}
#cookie-banner.cookie a {
    color: #dcbb0c;
}
#cookie-banner .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
#cookie-button {
    color: #fff;
}
#cookie-banner .cookie-button {
    border-radius: 5px;
    padding: 7px 12px;
    background: #dcbb0c;
    color: #000;
    border: none;
    cursor: pointer;
}
#cookie-banner .decline-button {
    color: #fff;
    background: #ce0000;
    border-radius: 5px;
    padding: 7px 12px;
    border: none;
    cursor: pointer;
}
@media (max-width: 991px) {
    #cookie-banner.cookie {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
    #cookie-banner.cookie p {
        margin: 15px 5px;
        text-align: justify;
    }
    #cookie-banner .buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px;
    }
}
@media (max-width: 490px) {
    #cookie-banner.cookie {
        padding: 10px 15px;
    }
    #cookie-modal .description {
        font-size: 13px;
    }
}

table.table-aspirantura .thead-light th {
    background-color: #f0f5f9;
    vertical-align: top;
}

table.table-aspirantura,
table.table-aspirantura td ,
table.table-aspirantura th {
    border: 1px solid #dee2e6 !important;
}


/* Качество услуг -- возникла ошибка на их сайте */
iframe[title="Качество услуг"] {
    display: none;
}
@media (min-width: 551px ) and (max-width: 1000px) {
    div.footer__top-wrapper {
        display: flex;
    }

    div.footer__connect {
        width: auto;
    }
}
@media (max-width: 550px ) {
    div.footer__connect {
        width: 100%;
    }
}