@charset "UTF-8"; /*!
* 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 {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleZ(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleZ(1)
    }
}

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

@keyframes rubberBand {
    0% {
        transform: scaleZ(1)
    }

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

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

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

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

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

    to {
        transform: scaleZ(1)
    }
}

.animate__rubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {
    0%,to {
        transform: translateZ(0)
    }

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

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

.animate__shakeX {
    animation-name: shakeX
}

@keyframes shakeY {
    0%,to {
        transform: translateZ(0)
    }

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

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

.animate__shakeY {
    animation-name: shakeY
}

@keyframes headShake {
    0% {
        transform: translate(0)
    }

    6.5% {
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        transform: translate(0)
    }
}

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

@keyframes swing {
    20% {
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        transform: rotate3d(0,0,1,0)
    }
}

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

@keyframes tada {
    0% {
        transform: scaleZ(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        transform: scaleZ(1)
    }
}

.animate__tada {
    animation-name: tada
}

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

    15% {
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

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

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

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

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

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

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

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

.animate__backInDown {
    animation-name: backInDown
}

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

    80% {
        transform: translate(0) scale(.7);
        opacity: .7
    }

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

.animate__backInLeft {
    animation-name: backInLeft
}

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

    80% {
        transform: translate(0) scale(.7);
        opacity: .7
    }

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

.animate__backInRight {
    animation-name: backInRight
}

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

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

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

.animate__backInUp {
    animation-name: backInUp
}

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

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

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

.animate__backOutDown {
    animation-name: backOutDown
}

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

    20% {
        transform: translate(0) scale(.7);
        opacity: .7
    }

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

.animate__backOutLeft {
    animation-name: backOutLeft
}

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

    20% {
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translate(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    animation-name: backOutRight
}

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

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

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

.animate__backOutUp {
    animation-name: backOutUp
}

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

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

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

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

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

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

    to {
        opacity: 1;
        transform: scaleZ(1)
    }
}

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

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: bounceInDown
}

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft
}

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: bounceInRight
}

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: bounceInUp
}

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

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

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

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

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

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

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

.animate__bounceOutDown {
    animation-name: bounceOutDown
}

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

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

.animate__bounceOutLeft {
    animation-name: bounceOutLeft
}

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

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

.animate__bounceOutRight {
    animation-name: bounceOutRight
}

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

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

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

.animate__bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

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

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

.animate__fadeInDown {
    animation-name: fadeInDown
}

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

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

.animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

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

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

.animate__fadeInLeft {
    animation-name: fadeInLeft
}

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

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

.animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

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

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

.animate__fadeInRight {
    animation-name: fadeInRight
}

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

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

.animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

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

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

.animate__fadeInUp {
    animation-name: fadeInUp
}

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

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

.animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

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

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

.animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

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

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

.animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

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

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

.animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

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

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

.animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

.animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

.animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

.animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

.animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

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

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

.animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

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

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

.animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

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

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

.animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

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

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

.animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

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

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

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

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

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

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

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

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

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

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

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

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

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

    60% {
        transform: skew(20deg);
        opacity: 1
    }

    80% {
        transform: skew(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

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

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

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

    80% {
        transform: skew(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

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

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

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

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

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

@keyframes rotateIn {
    0% {
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

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

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

@keyframes rotateInDownLeft {
    0% {
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

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

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

@keyframes rotateInDownRight {
    0% {
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

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

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

@keyframes rotateInUpLeft {
    0% {
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

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

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

@keyframes rotateInUpRight {
    0% {
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

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

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

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

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

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

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

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

    70% {
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    animation-name: jackInTheBox
}

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

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

.animate__rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.animate__rollOut {
    animation-name: rollOut
}

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

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

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

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

.animate__zoomInDown {
    animation-name: zoomInDown
}

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

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

.animate__zoomInLeft {
    animation-name: zoomInLeft
}

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

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

.animate__zoomInRight {
    animation-name: zoomInRight
}

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

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

.animate__zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: zoomOut
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

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

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

.animate__slideOutDown {
    animation-name: slideOutDown
}

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

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

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

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

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

.animate__slideOutRight {
    animation-name: slideOutRight
}

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

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

.animate__slideOutUp {
    animation-name: slideOutUp
}

@charset "UTF-8";

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007AFF
}

.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #FFF
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset, 1%);
        bottom: var(--swiper-scrollbar-bottom, 4px);
        top: var(--swiper-scrollbar-top, auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size, 4px);
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left, auto);
        right: var(--swiper-scrollbar-right, 4px);
        top: var(--swiper-scrollbar-sides-offset, 1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size, 4px);
        height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification, swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: "";
            background: #000;
            position: absolute;
            inset: 0;
            filter: blur(50px)
        }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }
/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*, :after, :before {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1224px) {
    .container {
        max-width: 1224px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -14px;
    margin-left: -14px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 14px;
    padding-left: 14px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1224px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1224px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1224px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1224px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #3F4458;
    box-shadow: 1px 0 #20222c,-1px 0 #20222c,0 1px #20222c,0 -1px #20222c,0 3px 13px #00000014
}

    .flatpickr-calendar.open, .flatpickr-calendar.inline {
        opacity: 1;
        max-height: 640px;
        visibility: visible
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999
    }

    .flatpickr-calendar.animate.open {
        animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        box-shadow: none !important
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        box-shadow: -2px 0 #e6e6e6,5px 0 #e6e6e6
    }

    .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #20222C
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:before, .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        left: 22px
    }

    .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
        left: auto;
        right: 22px
    }

    .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
        left: 50%;
        right: 50%
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
        bottom: 100%
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #20222c
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #3f4458
    }

    .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
        top: 100%
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #20222c
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #3f4458
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

    .flatpickr-months .flatpickr-month {
        background: #3F4458;
        color: #fff;
        fill: #fff;
        height: 34px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        user-select: none;
        overflow: hidden;
        flex: 1
    }

    .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
        -webkit-user-select: none;
        user-select: none;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        height: 34px;
        padding: 10px;
        z-index: 3;
        color: #fff;
        fill: #fff
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none
        }

        .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
            position: relative
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            left: 0
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            right: 0
        }

        .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
            color: #eee
        }

            .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
                fill: #f64747
            }

        .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
            width: 14px;
            height: 14px
        }

            .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
                transition: fill .1s;
                fill: inherit
            }

.numInputWrapper {
    position: relative;
    height: auto
}

    .numInputWrapper input, .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

        .numInputWrapper input::-ms-clear {
            display: none
        }

        .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(255,255,255,.15);
        box-sizing: border-box
    }

        .numInputWrapper span:hover {
            background: rgba(192,187,167,.1)
        }

        .numInputWrapper span:active {
            background: rgba(192,187,167,.2)
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(255,255,255,.6);
                top: 26%
            }

        .numInputWrapper span.arrowDown {
            top: 50%
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(255,255,255,.6);
                top: 40%
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto
        }

            .numInputWrapper span svg path {
                fill: #ffffff80
            }

    .numInputWrapper:hover {
        background: rgba(192,187,167,.05)
    }

        .numInputWrapper:hover span {
            opacity: 1
        }

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translateZ(0)
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: .5ch;
        padding: 0
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(192,187,167,.05)
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch \fffd;
        display: inline-block
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: #fff
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: #fff
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 .5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0
        }

        .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: #ffffff80;
            background: transparent;
            pointer-events: none
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: #3F4458;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0;
        outline: none;
        padding: 0 0 0 .5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
            outline: none
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(192,187,167,.05)
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: #3f4458;
            outline: none;
            padding: 0
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: #3F4458;
    color: #fff;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

    .flatpickr-days:focus {
        outline: 0
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translateZ(0);
    opacity: 1
}

    .dayContainer + .dayContainer {
        box-shadow: -1px 0 #20222c
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #fffffff2;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

    .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
        background: #646C8C;
        border-color: #646c8c
    }

    .flatpickr-day.today {
        border-color: #eee
    }

        .flatpickr-day.today:hover, .flatpickr-day.today:focus {
            border-color: #eee;
            background: #EEE;
            color: #3f4458
        }

    .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
        background: #80CBC4;
        box-shadow: none;
        color: #fff;
        border-color: #80cbc4
    }

        .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
            border-radius: 50px 0 0 50px
        }

        .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
            border-radius: 0 50px 50px 0
        }

        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            box-shadow: -10px 0 #80cbc4
        }

        .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
            border-radius: 50px
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 #646c8c,5px 0 #646c8c
    }

    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
        color: #ffffff4d;
        background: transparent;
        border-color: transparent;
        cursor: default
    }

        .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: #ffffff1a
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 #80cbc4,5px 0 #80cbc4
    }

    .flatpickr-day.hidden {
        visibility: hidden
    }

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        box-shadow: 1px 0 #20222c
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px
    }

    .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: #ffffff4d;
        background: transparent;
        cursor: default;
        border: none
    }

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        width: 40%;
        height: 40px;
        float: left
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #fffffff2
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #fffffff2
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        background: transparent;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #fffffff2;
        font-size: 14px;
        position: relative;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: 700
        }

        .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
            font-weight: 400
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0
        }

    .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #fffffff2;
        font-weight: 700;
        width: 2%;
        -webkit-user-select: none;
        user-select: none;
        align-self: center
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400
    }

        .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
            background: #6A7395
        }

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-20px,0)
    }

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

.jq-checkbox, .jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

    .jq-checkbox input, .jq-radio input {
        position: absolute;
        z-index: -1;
        margin: 0;
        padding: 0;
        opacity: 0
    }

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden
}

    .jq-file input {
        position: absolute;
        top: 0;
        right: 0;
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 0;
        font-size: 100px;
        line-height: 1em
    }

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox, .jq-select-multiple {
    position: relative;
    display: inline-block
}

    .jq-selectbox select, .jq-select-multiple select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0
    }

    .jq-selectbox li, .jq-select-multiple li {
        -webkit-user-select: none;
        user-select: none;
        white-space: nowrap
    }

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

    .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
        -webkit-appearance: none
    }

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

    .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none
    }

.jq-checkbox, .jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #C3C3C3;
    background: linear-gradient(#FFF,#E6E6E6);
    box-shadow: 0 1px 1px #0000000d,inset -1px -1px #fff,inset 1px -1px #fff;
    cursor: pointer
}

    .jq-checkbox.focused, .jq-radio.focused {
        border: 1px solid #08C
    }

    .jq-checkbox.disabled, .jq-radio.disabled {
        opacity: .55
    }

.jq-checkbox {
    border-radius: 3px
}

    .jq-checkbox.checked .jq-checkbox__div {
        width: 8px;
        height: 4px;
        margin: 3px 0 0 3px;
        border-bottom: 2px solid #666;
        border-left: 2px solid #666;
        transform: rotate(-50deg)
    }

.jq-radio {
    border-radius: 50%
}

    .jq-radio.checked .jq-radio__div {
        width: 10px;
        height: 10px;
        margin: 3px 0 0 3px;
        border-radius: 50%;
        background: #777;
        box-shadow: inset 1px 1px 1px #000000b3
    }

.jq-file {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 2px #0000001a
}

    .jq-file input {
        cursor: pointer
    }

.jq-file__name {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #f1f1f1;
    font: 14px/32px Arial,sans-serif;
    color: #333
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #CCC;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(#FFF,#E6E6E6);
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px #0000001a;
    font: 14px/32px Arial,sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF
}

.jq-file:hover .jq-file__browse {
    background: linear-gradient(#F6F6F6,#E6E6E6)
}

.jq-file:active .jq-file__browse {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794BF
}

.jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse {
    border-color: #ccc;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 100px;
    border: 1px solid #CCC;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1,0 1px 2px #0000001a
}

    .jq-number__field:hover {
        border-color: #b3b3b3
    }

    .jq-number__field input {
        box-sizing: border-box;
        width: 100%;
        padding: 8px 9px;
        border: none;
        outline: none;
        background: none;
        font: 14px Arial,sans-serif;
        color: #333
    }

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #CCC;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: linear-gradient(#FFF,#E6E6E6);
    box-shadow: 0 1px 2px #0000001a;
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px #0000001a;
    -webkit-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

    .jq-number__spin.minus {
        top: auto;
        bottom: 0
    }

    .jq-number__spin:hover {
        background: linear-gradient(#F6F6F6,#E6E6E6)
    }

    .jq-number__spin:active {
        background: #F5F5F5;
        box-shadow: inset 1px 1px 3px #ddd
    }

    .jq-number__spin:after {
        content: "";
        position: absolute;
        top: 4px;
        left: 11px;
        width: 0;
        height: 0;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #999;
        border-left: 5px solid transparent
    }

    .jq-number__spin.minus:after {
        top: 5px;
        border-top: 5px solid #999;
        border-right: 5px solid transparent;
        border-bottom: none;
        border-left: 5px solid transparent
    }

    .jq-number__spin.minus:hover:after {
        border-top-color: #000
    }

    .jq-number__spin.plus:hover:after {
        border-bottom-color: #000
    }

.jq-number.focused .jq-number__field {
    border: 1px solid #5794BF
}

.jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin {
    border-color: #ccc;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

    .jq-number.disabled .jq-number__spin:after {
        border-bottom-color: #aaa
    }

    .jq-number.disabled .jq-number__spin.minus:after {
        border-top-color: #aaa
    }

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 32px;
    padding: 0 45px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: linear-gradient(#FFF,#E6E6E6);
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px #0000001a;
    font: 14px/32px Arial,sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF
}

    .jq-selectbox__select:hover {
        background: linear-gradient(#F6F6F6,#E6E6E6)
    }

    .jq-selectbox__select:active {
        background: #F5F5F5;
        box-shadow: inset 1px 1px 3px #ddd
    }

.jq-selectbox.focused .jq-selectbox__select {
    border: 1px solid #5794BF
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #ccc;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    width: 100%
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-left: 1px solid #CCC
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 2px 10px #0003;
    font: 14px/18px Arial,sans-serif
}

.jq-selectbox__search {
    margin: 5px
}

    .jq-selectbox__search input {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 5px 27px 6px 8px;
        border: 1px solid #CCC;
        border-radius: 3px;
        outline: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
        box-shadow: inset 1px 1px #f1f1f1;
        color: #333
    }

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #F0F0F0;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #231f20
}

    .jq-selectbox li.selected {
        background-color: #a3abb1;
        color: #fff
    }

    .jq-selectbox li:hover {
        background-color: #08c;
        color: #fff
    }

    .jq-selectbox li.disabled {
        color: #aaa
    }

        .jq-selectbox li.disabled:hover {
            background: none
        }

    .jq-selectbox li.optgroup {
        font-weight: 700
    }

        .jq-selectbox li.optgroup:hover {
            background: none;
            color: #231f20;
            cursor: default
        }

    .jq-selectbox li.option {
        padding-left: 25px
    }

.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #f1f1f1,0 1px 2px #0000001a;
    font: 14px/18px Arial,sans-serif;
    color: #333;
    cursor: default
}

    .jq-select-multiple.focused {
        border: 1px solid #5794BF
    }

    .jq-select-multiple.disabled {
        border-color: #ccc;
        background: #F5F5F5;
        box-shadow: none;
        color: #888
    }

    .jq-select-multiple ul {
        margin: 0;
        padding: 0
    }

    .jq-select-multiple li {
        padding: 3px 9px 4px;
        list-style: none
    }

        .jq-select-multiple li:first-child {
            border-radius: 3px 3px 0 0
        }

        .jq-select-multiple li:last-child {
            border-radius: 0 0 3px 3px
        }

        .jq-select-multiple li.selected {
            background: #08C;
            color: #fff
        }

        .jq-select-multiple li.disabled {
            color: #aaa
        }

        .jq-select-multiple li.optgroup {
            font-weight: 700
        }

        .jq-select-multiple li.option {
            padding-left: 25px
        }

        .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled {
            background: #CCC;
            color: #fff
        }

input[type=email].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=text].styler, input[type=url].styler, textarea.styler {
    padding: 8px 9px;
    border: 1px solid #CCC;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1,0 1px 2px #0000001a;
    font: 14px Arial,sans-serif;
    color: #333
}

input[type=search].styler {
    -webkit-appearance: none;
    appearance: none
}

textarea.styler {
    overflow: auto
}

    input[type=email].styler:hover, input[type=password].styler:hover, input[type=search].styler:hover, input[type=tel].styler:hover, input[type=text].styler:hover, input[type=url].styler:hover, textarea.styler:hover {
        border-color: #b3b3b3
    }

        input[type=email].styler:hover:focus, input[type=password].styler:hover:focus, input[type=search].styler:hover:focus, input[type=tel].styler:hover:focus, input[type=text].styler:hover:focus, input[type=url].styler:hover:focus, textarea.styler:hover:focus {
            border-color: #ccc;
            border-top-color: #b3b3b3;
            outline: none;
            box-shadow: inset 0 1px 2px #0000001a
        }

button.styler, input[type=button].styler, input[type=submit].styler, input[type=reset].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #CCC;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    outline: none;
    background: linear-gradient(#FFF,#E6E6E6);
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px #0000001a;
    font: 14px Arial,sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

    button.styler.styler::-moz-focus-inner, input[type=button].styler.styler::-moz-focus-inner, input[type=submit].styler.styler::-moz-focus-inner, input[type=reset].styler.styler::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button.styler:not([disabled]):hover, input[type=button].styler:not([disabled]):hover, input[type=submit].styler:not([disabled]):hover, input[type=reset].styler:not([disabled]):hover, input[type=reset].styler:hover {
        background: linear-gradient(#F6F6F6,#E6E6E6)
    }

    button.styler:active, input[type=button].styler:active, input[type=submit].styler:active, input[type=reset].styler:active {
        background: #F5F5F5;
        box-shadow: inset 1px 1px 3px #ddd
    }

    button.styler[disabled], input[type=button].styler[disabled], input[type=submit].styler[disabled] {
        border-color: #ccc;
        background: #F5F5F5;
        box-shadow: none;
        color: #888
    }

.iti {
    position: relative;
    display: inline-block
}

    .iti * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px #0003;
    background-color: #fff;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: #0000000d
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

    .iti--allow-dropdown .iti__flag-container:hover {
        cursor: pointer
    }

        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
            background-color: #0000000d
        }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent
    }

.iti--separate-dial-code .iti__selected-flag {
    background-color: #0000000d
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .iti--container:hover {
        cursor: pointer
    }

.iti-mobile .iti--container {
    inset: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

    .iti__flag.iti__be {
        width: 18px
    }

    .iti__flag.iti__ch {
        width: 15px
    }

    .iti__flag.iti__mc {
        width: 19px
    }

    .iti__flag.iti__ne {
        width: 18px
    }

    .iti__flag.iti__np {
        width: 13px
    }

    .iti__flag.iti__va {
        width: 15px
    }

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px #888;
    background-image: url(/img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(/img/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-Regular.eot);
    src: local("Exo 2.0 Regular"),local("Exo2.0-Regular"),url(/fonts/Exo20-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-Regular.woff) format("woff"),url(/fonts/Exo20-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-LightItalic.eot);
    src: local("Exo 2.0 Light Italic"),local("Exo2.0-LightItalic"),url(/fonts/Exo20-LightItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-LightItalic.woff) format("woff"),url(/fonts/Exo20-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-Medium.eot);
    src: local("Exo 2.0 Medium"),local("Exo2.0-Medium"),url(/fonts/Exo20-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-Medium.woff) format("woff"),url(/fonts/Exo20-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-Thin.eot);
    src: local("Exo 2.0 Thin"),local("Exo2.0-Thin"),url(/fonts/Exo20-Thin.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-Thin.woff) format("woff"),url(/fonts/Exo20-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-ExtraLight.eot);
    src: local("Exo 2.0 Extra Light"),local("Exo2.0-ExtraLight"),url(/fonts/Exo20-ExtraLight.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-ExtraLight.woff) format("woff"),url(/fonts/Exo20-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-ThinItalic.eot);
    src: local("Exo 2.0 Thin Italic"),local("Exo2.0-ThinItalic"),url(/fonts/Exo20-ThinItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-ThinItalic.woff) format("woff"),url(/fonts/Exo20-ThinItalic.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-MediumItalic.eot);
    src: local("Exo 2.0 Medium Italic"),local("Exo2.0-MediumItalic"),url(/fonts/Exo20-MediumItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-MediumItalic.woff) format("woff"),url(/fonts/Exo20-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-ExtraBoldItalic.eot);
    src: local("Exo 2.0 Extra Bold Italic"),local("Exo2.0-ExtraBoldItalic"),url(/fonts/Exo20-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-ExtraBoldItalic.woff) format("woff"),url(/fonts/Exo20-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-ExtraLightItalic.eot);
    src: local("Exo 2.0 Extra Light Italic"),local("Exo2.0-ExtraLightItalic"),url(/fonts/Exo20-ExtraLightItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-ExtraLightItalic.woff) format("woff"),url(/fonts/Exo20-ExtraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-Bold.eot);
    src: local("Exo 2.0 Bold"),local("Exo2.0-Bold"),url(/fonts/Exo20-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-Bold.woff) format("woff"),url(/fonts/Exo20-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-BoldItalic.eot);
    src: local("Exo 2.0 Bold Italic"),local("Exo2.0-BoldItalic"),url(/fonts/Exo20-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-BoldItalic.woff) format("woff"),url(/fonts/Exo20-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-Italic.eot);
    src: local("Exo 2.0 Italic"),local("Exo2.0-Italic"),url(/fonts/Exo20-Italic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-Italic.woff) format("woff"),url(/fonts/Exo20-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-BlackItalic.eot);
    src: local("Exo 2.0 Black Italic"),local("Exo2.0-BlackItalic"),url(/fonts/Exo20-BlackItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-BlackItalic.woff) format("woff"),url(/fonts/Exo20-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-SemiBold.eot);
    src: local("Exo 2.0 Semi Bold"),local("Exo2.0-SemiBold"),url(/fonts/Exo20-SemiBold.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-SemiBold.woff) format("woff"),url(/fonts/Exo20-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-Light.eot);
    src: local("Exo 2.0 Light"),local("Exo2.0-Light"),url(/fonts/Exo20-Light.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-Light.woff) format("woff"),url(/fonts/Exo20-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-Black.eot);
    src: local("Exo 2.0 Black"),local("Exo2.0-Black"),url(/fonts/Exo20-Black.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-Black.woff) format("woff"),url(/fonts/Exo20-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-SemiBoldItalic.eot);
    src: local("Exo 2.0 Semi Bold Italic"),local("Exo2.0-SemiBoldItalic"),url(/fonts/Exo20-SemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-SemiBoldItalic.woff) format("woff"),url(/fonts/Exo20-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Exo 2.0";
    src: url(/fonts/Exo20-ExtraBold.eot);
    src: local("Exo 2.0 Extra Bold"),local("Exo2.0-ExtraBold"),url(/fonts/Exo20-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/fonts/Exo20-ExtraBold.woff) format("woff"),url(/fonts/Exo20-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@keyframes headerScene {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes arrow {
    0% {
        transform: translate(0)
    }

    25% {
        transform: translate(-5px)
    }

    50% {
        transform: translate(0)
    }

    75% {
        transform: translate(-5px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes live {
    0% {
        background-color: #253d81;
        transform: scale(0)
    }

    20% {
        transform: scale(1);
        background-color: #253d81
    }

    35% {
        background-color: #17c828
    }

    50% {
        background-color: #253d81
    }

    65% {
        background-color: #17c828
    }

    80% {
        transform: scale(1);
        background-color: #253d81
    }

    to {
        background-color: #253d81;
        transform: scale(0)
    }
}

* {
    box-sizing: border-box
}

html, body {
    font-family: "Exo 2.0",sans-serif;
    background-color: #190c76
}

html {
    font-size: 14px
}

@media (max-width: 480px) {
    html {
        font-size: 12px
    }
}

p, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    line-height: 1
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

sup, sub {
    font-size: 60%
}

sup {
    top: -6px
}

sub {
    bottom: 0;
    text-transform: uppercase
}

img {
    opacity: 1;
    transition: opacity .3s
}

input:focus::placeholder {
    color: transparent
}

.wrapper {
    width: 100%;
    min-width: 320px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    opacity: 1;
    z-index: 1
}

.content {
    flex: 1 0 auto
}

.footer {
    flex-shrink: 0
}

.svg-gradients {
    position: absolute;
    pointer-events: none;
    opacity: 0
}

@media (max-width: 991px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 991px) {
    .container, .container-fluid {
        padding: 0 20px
    }
}

@media (max-width: 991px) {
    .container, .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.z-index {
    z-index: 10;
    position: relative
}

.swiper-button-prev:after, .swiper-button-next:after {
    display: none
}

@media (max-width: 575px) {
    .datepicker {
        position: fixed !important;
        top: 10px !important;
        left: 50% !important;
        transform: translate(-50%) !important;
        pointer-events: none !important
    }

        .datepicker.active {
            pointer-events: all !important
        }
}

@media (max-width: 575px) {
    .datepicker--pointer {
        display: none !important
    }
}

.highcharts-credits {
    display: none
}

.copy-success {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-color: #fff;
    z-index: 9999;
    display: none;
    border: 4px solid #253d81
}

    .copy-success svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        fill: #253d81;
        width: 50%;
        height: 50%
    }

.chaotic-orbit {
    --uib-size: 25px;
    --uib-speed: 1.5s;
    --uib-color: #253d81;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--uib-size);
    width: var(--uib-size);
    animation: rotate calc(var(--uib-speed) * 1.667) infinite linear
}

    .chaotic-orbit:before, .chaotic-orbit:after {
        content: "";
        position: absolute;
        height: 60%;
        width: 60%;
        border-radius: 50%;
        background-color: var(--uib-color);
        will-change: transform;
        flex-shrink: 0
    }

    .chaotic-orbit:before {
        animation: orbit var(--uib-speed) linear infinite;
        background-color: #9bab97
    }

    .chaotic-orbit:after {
        animation: orbit var(--uib-speed) linear calc(var(--uib-speed) / -2) infinite
    }

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes orbit {
    0% {
        transform: translate(calc(var(--uib-size) * .5)) scale(.73684);
        opacity: .65
    }

    5% {
        transform: translate(calc(var(--uib-size) * .4)) scale(.68421);
        opacity: .58
    }

    10% {
        transform: translate(calc(var(--uib-size) * .3)) scale(.63158);
        opacity: .51
    }

    15% {
        transform: translate(calc(var(--uib-size) * .2)) scale(.57894);
        opacity: .44
    }

    20% {
        transform: translate(calc(var(--uib-size) * .1)) scale(.52631);
        opacity: .37
    }

    25% {
        transform: translate(0) scale(.47368);
        opacity: .3
    }

    30% {
        transform: translate(calc(var(--uib-size) * -.1)) scale(.52631);
        opacity: .37
    }

    35% {
        transform: translate(calc(var(--uib-size) * -.2)) scale(.57894);
        opacity: .44
    }

    40% {
        transform: translate(calc(var(--uib-size) * -.3)) scale(.63158);
        opacity: .51
    }

    45% {
        transform: translate(calc(var(--uib-size) * -.4)) scale(.68421);
        opacity: .58
    }

    50% {
        transform: translate(calc(var(--uib-size) * -.5)) scale(.73684);
        opacity: .65
    }

    55% {
        transform: translate(calc(var(--uib-size) * -.4)) scale(.78947);
        opacity: .72
    }

    60% {
        transform: translate(calc(var(--uib-size) * -.3)) scale(.8421);
        opacity: .79
    }

    65% {
        transform: translate(calc(var(--uib-size) * -.2)) scale(.89474);
        opacity: .86
    }

    70% {
        transform: translate(calc(var(--uib-size) * -.1)) scale(.94737);
        opacity: .93
    }

    75% {
        transform: translate(0) scale(1);
        opacity: 1
    }

    80% {
        transform: translate(calc(var(--uib-size) * .1)) scale(.94737);
        opacity: .93
    }

    85% {
        transform: translate(calc(var(--uib-size) * .2)) scale(.89474);
        opacity: .86
    }

    90% {
        transform: translate(calc(var(--uib-size) * .3)) scale(.8421);
        opacity: .79
    }

    95% {
        transform: translate(calc(var(--uib-size) * .4)) scale(.78947);
        opacity: .72
    }

    to {
        transform: translate(calc(var(--uib-size) * .5)) scale(.73684);
        opacity: .65
    }
}

.bg-circle {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
    width: 705px;
    height: 425px;
    background-image: url(/img/bg-circle-top.png);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat
}

@media (max-width: 575px) {
    .bg-circle {
        left: -190px;
        top: -110px
    }
}

.bg-circle_bot {
    height: 476px;
    top: auto;
    bottom: 0;
    background-image: url(/img/bg-circle-bot.png)
}

.bg-shadow {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(/img/bg-shadow-top.png);
    background-size: auto;
    background-position: 100% 0;
    background-repeat: no-repeat
}

@media (max-width: 575px) {
    .bg-shadow {
        background-image: url(/img/bg-shadow-mob-top.png);
        background-size: contain
    }
}

.bg-shadow_bot {
    top: 1796px;
    background-image: url(/img/bg-shadow-bot.png);
    background-position: 0 0
}

@media (max-width: 575px) {
    .bg-shadow_bot {
        background-image: url(/img/bg-shadow-mob-bot.png);
        top: 2530px
    }
}

.header {
    width: 100%;
    padding-top: 26px
}

@media (max-width: 991px) {
    .header {
        padding-top: 0
    }
}

.header-top {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    z-index: 10;
    background: transparent;
    transition: all .3s
}

@media (max-width: 991px) {
    .header-top {
        margin-bottom: 0;
        padding: 15px 0;
        min-height: 71px
    }
}

@media (max-width: 991px) {
    .header-top.active {
        background-color: #161515e6
    }

        .header-top.active .header-lang__drop {
            box-shadow: none
        }
}

.header-top .header-lang {
    display: none
}

@media (max-width: 991px) {
    .header-top .header-lang {
        display: block
    }
}

.header-top .header-lang__btn {
    font-size: 0;
    padding: 0;
    background-color: transparent
}

    .header-top .header-lang__btn > svg {
        display: none
    }

    .header-top .header-lang__btn .header-lang__icon {
        margin: 0
    }

@media (max-width: 991px) {
    .header-top .header-lang__drop {
        top: calc(100% + 22px)
    }
}

@media (max-width: 575px) {
    .header-top .header-lang__drop {
        width: 100vw;
        right: -20px;
        box-shadow: 0 8px 36px #11646680;
        min-width: 375px;
        justify-content: center;
        padding: 20px 70px
    }
}

@media (max-width: 991px) {
    .header-top .header-contacts, .header-top .header-btns, .header-top .header-hero {
        display: none
    }
}

.header-top.fixed {
    box-shadow: 0 8px 36px #11646680;
    background-color: #161515e6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

    .header-top.fixed .header-lang__drop {
        border-radius: 0 0 16px 16px
    }

.header-top.menu-open {
    box-shadow: 0 8px 36px #82af7600;
    background-color: #16151500
}

.header-burger {
    width: 20px;
    height: 16px;
    position: relative
}

    .header-burger span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px
    }

    .header-burger:before {
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        transition: all .3s ease
    }

    .header-burger:after {
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all .3s ease
    }

    .header-burger.active span {
        opacity: 0
    }

    .header-burger.active:after {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .header-burger.active:before {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(-45deg)
    }

.header-logo {
    max-width: 143px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .header-logo {
        max-width: 76px
    }
}

.header-logo img {
    max-width: 100%
}

.header-contacts {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    margin-right: 16px
}

    .header-contacts:last-child {
        margin-right: 0
    }

    .header-contacts a, .header-contacts > div {
        min-width: 56px;
        height: 56px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0,0,0,.4);
        border-radius: 16px;
        padding: 0 16px;
        font-weight: 400;
        font-size: 19px;
        color: #fff;
        margin-right: 10px;
        transition: all .3s ease
    }

        .header-contacts a:hover, .header-contacts > div:hover {
            background-color: #16151599;
            border-color: transparent;
            box-shadow: 0 8px 36px #1164664d
        }

        .header-contacts a:last-child, .header-contacts > div:last-child {
            margin-right: 0
        }

        .header-contacts a svg, .header-contacts > div svg {
            max-width: 22px;
            max-height: 26px;
            fill: #8996c3
        }

        .header-contacts a span, .header-contacts > div span {
            margin-left: 16px;
            font-size: 19px
        }

        .header-contacts a.big, .header-contacts > div.big {
            padding: 5px 8px
        }

            .header-contacts a.big svg, .header-contacts > div.big svg {
                max-width: 36px;
                max-height: 36px
            }

.header-contacts_footer {
    justify-content: flex-start;
    flex-wrap: wrap
}

    .header-contacts_footer a {
        margin-right: 18px;
        margin-bottom: 18px
    }

        .header-contacts_footer a:hover svg {
            fill: #8996c3
        }

        .header-contacts_footer a svg {
            fill: #979fad
        }

.header-btns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    position: relative
}

    .header-btns > .m-btn {
        margin-right: 16px
    }

        .header-btns > .m-btn:last-child {
            margin-right: 0
        }

.header-bot {
    width: 100%;
    position: relative;
    z-index: 5
}

@media (max-width: 991px) {
    .header-bot {
        display: none
    }
}

.header-bot__wrap {
    width: 100%;
    padding: 8px 8px 8px 37px;
    border-radius: 16px;
    box-shadow: 0 4px 24px #11646680;
    background-color: #16151580;
    min-height: 72px
}

.header-lang {
    position: relative
}

.header-lang__btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 22px 14px 26px;
    background-color: #1615154d;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
    cursor: pointer;
    transition: all .3s ease;
    line-height: 1
}

    .header-lang__btn:hover {
        background-color: #161515
    }

    .header-lang__btn > svg {
        width: 10px;
        height: 10px;
        fill: #8c8c8c;
        margin-left: 10px;
        transition: all .3s ease
    }

.header-lang__icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 10px
}

    .header-lang__icon svg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%
    }

.header-lang__drop {
    position: absolute;
    top: calc(100% + 9px);
    right: -8px;
    box-shadow: 0 4px 24px #11646680;
    background-color: #16151580;
    border-radius: 0 16px 16px;
    width: 414px;
    padding: 7px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

@media (max-height: 480px) {
    .header-lang__drop {
        max-height: 235px;
        overflow: hidden;
        overflow-y: scroll
    }

        .header-lang__drop::-webkit-scrollbar {
            width: 2px
        }

        .header-lang__drop::-webkit-scrollbar-track {
            background: transparent
        }

        .header-lang__drop::-webkit-scrollbar-thumb {
            background-color: red;
            border-radius: 20px;
            border: 0px solid orange
        }
}

@media (max-width: 991px) {
    .header-lang__drop {
        border-radius: 0 0 16px 16px;
        background-color: #161515e6
    }
}

.header-lang__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 14px 43px 14px 26px;
    border-radius: 16px;
    transition: all .3s ease;
    text-decoration: none;
    font-weight: 400;
    font-size: 19px;
    color: #8c8c8c;
    text-transform: uppercase;
    max-width: 132px;
    width: 100%
}

@media (max-width: 575px) {
    .header-lang__item {
        max-width: 114px;
        width: 100%;
        padding: 14px 26px
    }
}

.header-lang__item:hover {
    background-color: #161515;
    color: #fff
}

.header-lang__item.active {
    background-color: #253d81;
    color: #fff
}

.header-lang.active .header-lang__btn {
    background-color: #161515
}

    .header-lang.active .header-lang__btn > svg {
        fill: #fff;
        transform: scaleY(-1)
    }

.header-lang.active .header-lang__drop {
    opacity: 1;
    pointer-events: all
}

.header-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.header-menu__item {
    position: relative;
    font-weight: 400;
    font-size: 19px;
    color: #8c8c8c;
    transition: all .3s ease;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 28px
}

    .header-menu__item:last-child {
        margin-right: 0
    }

    .header-menu__item:hover {
        color: #fff
    }

        .header-menu__item:hover > svg {
            fill: #fff
        }

    .header-menu__item > svg {
        width: 10px;
        height: 10px;
        fill: #8c8c8c;
        transition: all .3s ease;
        margin-left: 12px
    }

    .header-menu__item.active {
        color: #fff
    }

        .header-menu__item.active > svg {
            fill: #fff;
            transform: scaleY(-1)
        }

        .header-menu__item.active .header-menu__drop {
            opacity: 1;
            pointer-events: all
        }

.header-menu__drop {
    position: absolute;
    top: calc(100% + 26px);
    left: -30px;
    box-shadow: 0 4px 24px #11646680;
    background-color: #16151580;
    border-radius: 0 0 16px 16px;
    padding: 7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 208px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

    .header-menu__drop a {
        width: 100%;
        padding: 16px 18px;
        transition: all .3s ease;
        cursor: pointer;
        text-decoration: none;
        font-weight: 400;
        font-size: 19px;
        color: #8c8c8c;
        border-radius: 16px
    }

        .header-menu__drop a:hover {
            background-color: #161515;
            color: #fff
        }

        .header-menu__drop a.active {
            background-color: #253d81;
            color: #fff
        }

.header-mob {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    padding-top: 71px;
    background-image: url(/img/header-mob-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #190c76;
    background-position: 0 0;
    display: none;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

@media (max-width: 991px) {
    .header-mob {
        display: block
    }
}

.header-mob .nicescroll-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

    .header-mob .nicescroll-box .wrap {
        padding: 24px 20px;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        flex-grow: 1
    }

.header-mob .header-contacts {
    margin-top: auto;
    margin-bottom: 17px;
    width: 100%;
    justify-content: flex-start
}

    .header-mob .header-contacts:last-child {
        margin-bottom: 0
    }

    .header-mob .header-contacts a:last-child {
        flex-grow: 1
    }

.header-mob .header-btns {
    width: 100%
}

    .header-mob .header-btns .m-btn:nth-child(2) {
        flex-grow: 1
    }

.header-mob .header-hero {
    margin-left: 0;
    width: 100%;
    margin-bottom: 18px
}

.header-mob__menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 32px
}

    .header-mob__menu a {
        position: relative;
        padding-left: 70px;
        margin-bottom: 32px;
        color: #979fad;
        text-decoration: none;
        font-weight: 400;
        font-size: 19px;
        transition: all .3s ease;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        line-height: 1
    }

        .header-mob__menu a:hover {
            color: #fff
        }

        .header-mob__menu a:last-child {
            margin-bottom: 0
        }

        .header-mob__menu a:after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 50px;
            height: 2px;
            background-color: #fff;
            border-radius: 2px;
            content: "";
            opacity: 0
        }

        .header-mob__menu a.active {
            color: #fff
        }

            .header-mob__menu a.active:after {
                opacity: 1
            }

.header-mob.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all
}

.header-content {
    padding: 14px 0;
    width: 100%
}

.header-title {
    font-weight: 600;
    font-size: 68px;
    color: #fff;
    margin-bottom: 44px
}

@media (max-width: 1223px) {
    .header-title {
        font-size: 48px
    }
}

@media (max-width: 767px) {
    .header-title {
        font-size: 38px
    }
}

.header-tabs {
    width: 100%;
    border-top: 1px solid #2A2C2E;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between
}

.header-tabs__item {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 30px;
    margin-top: -2px;
    border-top: 3px solid transparent;
    transition: all .3s ease;
    cursor: pointer
}

@media (max-width: 767px) {
    .header-tabs__item:nth-child(2) {
        padding-left: 18px
    }
}

.header-tabs__item:hover .header-tabs__text h3, .header-tabs__item:hover .header-tabs__text p {
    color: #fff
}

.header-tabs__item:hover .header-tabs__text > svg {
    fill: #fff
}

.header-tabs__item.active {
    border-top-color: #8996c3
}

    .header-tabs__item.active .header-tabs__num {
        color: #8996c3
    }

    .header-tabs__item.active .header-tabs__text h3, .header-tabs__item.active .header-tabs__text p {
        color: #fff
    }

    .header-tabs__item.active .header-tabs__text > svg {
        fill: #fff
    }

.header-tabs__num {
    font-weight: 300;
    font-size: 22px;
    color: #babfcd;
    margin-bottom: 20px;
    transition: all .3s ease;
    letter-spacing: .39px
}

@media (max-width: 767px) {
    .header-tabs__num {
        font-size: 20px;
        margin-bottom: 13px
    }
}

.header-tabs__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    padding-right: 50px;
    width: 100%
}

@media (max-width: 767px) {
    .header-tabs__text {
        padding-right: 0
    }
}

.header-tabs__text > svg {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) rotate(-90deg);
    width: 20px;
    height: 20px;
    fill: #babfcd;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .header-tabs__text > svg {
        top: auto;
        transform: translateY(0) rotate(-90deg);
        bottom: calc(100% + 15px);
        right: 0
    }
}

.header-tabs__text h3 {
    letter-spacing: .36px;
    font-weight: 600;
    font-size: 20px;
    color: #babfcd;
    transition: all .3s ease;
    line-height: 1.5;
    margin-bottom: 1px
}

@media (max-width: 767px) {
    .header-tabs__text h3 {
        font-size: 16px;
        margin-bottom: 0
    }
}

.header-tabs__text h3:last-child {
    margin-bottom: 0
}

.header-tabs__text p {
    font-weight: 300;
    font-size: 16px;
    color: #babfcd;
    transition: all .3s ease;
    line-height: 1.5
}

@media (max-width: 767px) {
    .header-tabs__text p {
        font-size: 14px
    }
}

.header-scene {
    height: 700px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    pointer-events: none
}

@media (max-width: 991px) {
    .header-scene {
        margin-bottom: 44px
    }
}

@media (max-width: 767px) {
    .header-scene {
        transform: scale(.65);
        margin: -130px 0 -80px -80px
    }
}

.header-scene__item {
    width: 100%;
    height: 100%
}

.header-scene__content {
    box-shadow: 0 8px 36px #82af763d;
    background-color: #1c1d1f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 36px;
    max-width: 334px;
    width: 100%;
    margin-top: 192px;
    background-image: url(/img/header-scene-bg-1.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: auto auto;
    z-index: 6;
    position: relative
}

    .header-scene__content h3 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-weight: 400;
        font-size: 24px;
        color: #fff;
        margin-bottom: 3px
    }

        .header-scene__content h3:last-child {
            margin-bottom: 0
        }

        .header-scene__content h3 svg {
            margin-left: 15px;
            transform: rotate(-90deg);
            width: 18px;
            height: 18px;
            fill: #8996c3
        }

        .header-scene__content h3.red svg {
            fill: #bb3535;
            transform: rotate(90deg)
        }

    .header-scene__content p {
        font-weight: 400;
        font-size: 14px;
        color: #9b9caf;
        line-height: 1.5
    }

.header-scene__content_right {
    background-image: url(/img/header-scene-bg-2.png);
    background-position: 50px 50%;
    align-items: flex-end;
    text-align: right
}

    .header-scene__content_right h3 {
        justify-content: flex-end
    }

        .header-scene__content_right h3 svg {
            margin-left: 3px
        }

.header-scene__phone {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.header-scene__phone_1 {
    left: 205px !important;
    top: 70px !important;
    z-index: 1
}

    .header-scene__phone_1 img {
        width: 349px
    }

.header-scene__phone_2 {
    left: 172px !important;
    top: 0 !important;
    z-index: 3
}

    .header-scene__phone_2 img {
        width: 249px
    }

.header-scene__pc {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 552px;
    z-index: 2
}

    .header-scene__pc img {
        max-width: 552px
    }

.header-scene__cur {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.header-scene__cur_1 {
    z-index: 3;
    left: 120px !important;
    top: -14px !important;
    animation: 4s headerScene infinite ease-in-out
}

    .header-scene__cur_1 img {
        width: 101px
    }

.header-scene__cur_2 {
    animation: 6s headerScene infinite ease-in-out;
    left: 450px !important;
    top: 460px !important;
    z-index: 1
}

    .header-scene__cur_2 img {
        width: 186px
    }

.header-scene__cur_3 {
    top: 250px !important;
    left: -174px !important;
    z-index: 1;
    animation: 8s headerScene infinite ease-in-out
}

    .header-scene__cur_3 img {
        width: 470px
    }

.header-hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding: 2px 41px 5px 72px;
    margin-left: 20px;
    background: transparent;
    transition: all .3s;
    border-radius: 26px 16px 16px 26px
}

    .header-hero:hover {
        background: rgba(22,21,21,.4)
    }

@media (max-width: 991px) {
    .header-hero:hover {
        background: transparent
    }
}

.header-hero__img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 56px;
    height: 56px;
    background-color: #1c1d1ff5;
    box-shadow: 0 8px 36px #1164665c;
    border-radius: 50%;
    background-image: url(/img/logo.svg);
    background-size: 39px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

    .header-hero__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        border-radius: 50%
    }

.header-hero__flag {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden
}

    .header-hero__flag svg {
        width: 100%;
        height: 100%
    }

.header-hero__name {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px
}

    .header-hero__name:last-child {
        margin-bottom: 0
    }

.header-hero__status {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 14px;
    color: #d36e6e;
    text-transform: uppercase
}

    .header-hero__status svg {
        margin-right: 10px;
        width: 19px;
        height: 19px;
        fill: #d36e6e
    }

    .header-hero__status.green {
        color: #8996c3
    }

        .header-hero__status.green svg {
            fill: #8996c3
        }

.header-hero .rank-img {
    left: -22px;
    width: 100px !important;
    height: 100px !important;
    top: -21px
}

.header-hero .rank-img-1 {
    top: -23px
}

.header-hero .rank-img-2 {
    top: -19px
}

.header-hero .rank-img-4 {
    top: -12px
}

.header-hero .rank-img-5 {
    top: -18px;
    left: -25px
}

.header-hero .rank-img-6 {
    top: -21px
}

.header-hero .rank-img-7 {
    left: -32px;
    width: 128px !important;
    height: 107px !important;
    top: -23px
}

.header-hero .rank-img-8 {
    left: -30px;
    width: 114px !important;
    height: 107px !important;
    top: -25px
}

.header-sign {
    position: absolute;
    right: 166px;
    top: calc(100% + 16px);
    pointer-events: none;
    opacity: 0;
    transition: all .3s ease;
    background-color: #1c1d1fe6;
    border-radius: 16px;
    padding: 42px 48px 50px;
    width: 416px
}

@media (max-width: 991px) {
    .header-sign {
        position: fixed;
        top: 70px;
        right: 0;
        left: auto;
        z-index: 1000;
        border-radius: 0 0 0 16px;
        max-height: calc(var(--vh, 1vh) * 100 - 70px);
        overflow-y: auto
    }
}

@media (max-width: 480px) {
    .header-sign {
        border-radius: 0 0 16px 16px;
        padding: 20px;
        width: 100%
    }
}

.header-sign.active {
    opacity: 1;
    pointer-events: all
}

.header-sign__close {
    position: absolute;
    top: 43px;
    right: 48px;
    z-index: 5;
    cursor: pointer;
    width: 18px;
    height: 18px
}

@media (max-width: 480px) {
    .header-sign__close {
        top: 33px;
        right: 20px
    }
}

.header-sign__close:hover svg {
    fill: #8996c3
}

.header-sign__close svg {
    width: 100%;
    height: 100%;
    fill: #a9aab3;
    transition: all .3s ease
}

.header-sign__title {
    font-weight: 600;
    font-size: 32px;
    color: #fff;
    margin-bottom: 28px
}

.header-sign__text {
    margin-bottom: 28px;
    font-weight: 300;
    font-size: 18px;
    color: #979fad;
    line-height: 1.33
}

.header-sign__img img {
    max-width: 100%
}

.header-sign__link {
    font-size: 18px;
    color: #979fad;
    margin-bottom: 28px;
    word-break: break-word;
    display: block
}

.m-btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 18px 36px 19px;
    background-color: #253d81;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    transition: all .3s ease;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer
}

    .m-btn > img {
        margin-right: 10px;
        width: 28px
    }

    .m-btn > svg {
        width: 20px;
        height: 20px;
        fill: #979fad;
        transition: all .3s ease;
        margin-right: 10px;
        margin-bottom: -1px
    }

    .m-btn:hover {
        background-color: #1f1e46
    }

        .m-btn:hover:after {
            bottom: 0;
            opacity: 0
        }

    .m-btn:after {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: 100%;
        width: calc(100% - 20px);
        opacity: .16;
        border-radius: 16px;
        background-color: #253d81;
        content: "";
        z-index: -1;
        bottom: -8px;
        transition: all .3s ease
    }

.m-btn_black {
    background-color: #1c1d1f
}

    .m-btn_black:after {
        background-color: #1c1d1f;
        opacity: .4
    }

    .m-btn_black:hover {
        background-color: #fff;
        color: #161515
    }

        .m-btn_black:hover:after {
            background-color: #fff
        }

.m-btn_full {
    width: 100%
}

.m-btn_mb44 {
    margin-bottom: 44px
}

.m-btn_mb36 {
    margin-bottom: 36px
}

.m-btn_mb38 {
    margin-bottom: 38px
}

.m-btn_mb {
    margin-bottom: 28px
}

.m-btn_gray {
    background-color: #484b53
}

    .m-btn_gray:after {
        background-color: #484b53
    }

    .m-btn_gray:hover {
        background-color: #253d81
    }

        .m-btn_gray:hover:after {
            background-color: #253d81
        }

.m-btn_icon {
    padding: 13px 19px 13px 15px
}

@media (max-width: 575px) {
    .m-btn_chat {
        font-size: 0;
        width: 56px;
        height: 56px;
        padding: 5px
    }
}

.m-btn_chat svg {
    display: none;
    fill: #fff;
    transform: rotate(-90deg);
    margin: 0
}

@media (max-width: 575px) {
    .m-btn_chat svg {
        display: block
    }
}

.m-btn.disabled {
    background-color: #2a2b2c;
    color: #484b53;
    pointer-events: none
}

    .m-btn.disabled:after {
        background-color: #2a2b2c
    }

.m-text {
    width: 100%;
    margin-bottom: 28px
}

    .m-text p {
        font-weight: 300;
        font-size: 18px;
        color: #babfcd;
        line-height: 1.33;
        margin-bottom: 28px
    }

@media (max-width: 767px) {
    .m-text p {
        font-size: 16px;
        line-height: 1.5
    }
}

.m-text p:last-child {
    margin-bottom: 0
}

.m-text p b {
    font-weight: 700
}

.m-text p > span {
    color: #fff
}

.m-text p i {
    font-style: italic;
    color: #fff;
    font-weight: 400
}

.m-text h1 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 18px;
    line-height: 1.25
}

    .m-text h1:last-child {
        margin-bottom: 0
    }

.m-text h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 18px;
    line-height: 1.25
}

    .m-text h2:last-child {
        margin-bottom: 0
    }

.m-text h3 {
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 21px;
    color: #fff;
    line-height: 1.29
}

    .m-text h3:last-child {
        margin-bottom: 0
    }

@media (max-width: 767px) {
    .m-text h3 {
        font-size: 18px
    }
}

.m-text h4 {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.33
}

    .m-text h4:last-child {
        margin-bottom: 0
    }

.m-text h5 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.33
}

    .m-text h5:last-child {
        margin-bottom: 0
    }

.m-text ul li {
    position: relative;
    padding-left: 36px
}

    .m-text ul li:after {
        position: absolute;
        top: 11px;
        left: 13px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #babfcd;
        content: ""
    }

.m-text a {
    color: #8996c3;
    transition: all .3s ease;
    text-decoration: underline
}

    .m-text a:hover {
        color: #babfcd
    }

.m-text_gray p {
    color: #979fad
}

.m-text_sm2 {
    margin-bottom: 24px
}

    .m-text_sm2 p {
        font-size: 14px;
        margin-bottom: 14px
    }

        .m-text_sm2 p:last-child {
            margin-bottom: 0
        }

.m-text_sm p {
    font-size: 16px;
    margin-bottom: 14px
}

    .m-text_sm p:last-child {
        margin-bottom: 0
    }

.m-title {
    margin-bottom: 19px;
    font-weight: 600;
    font-size: 44px;
    color: #fff
}

@media (max-width: 767px) {
    .m-title {
        font-size: 38px
    }
}

.m-subtitle {
    font-weight: 400;
    font-size: 20px;
    color: #8996c3;
    letter-spacing: 1.4px;
    width: 100%;
    margin-bottom: 24px;
    text-transform: uppercase
}

.m-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 18px;
    color: #8996c3;
    text-transform: uppercase;
    text-decoration: none
}

    .m-link:hover svg {
        animation: arrow 2s infinite ease
    }

    .m-link svg {
        margin-left: 12px;
        fill: #8996c3;
        width: 17px;
        height: 12px
    }

.m-link_mb {
    margin-bottom: 18px
}

.m-input {
    width: 100%;
    margin-bottom: 24px;
    position: relative
}

    .m-input input {
        width: 100%;
        height: 56px;
        background-color: #190c76;
        padding: 16px 22px;
        transition: all .3s ease;
        border: none;
        outline: none;
        font-weight: 400;
        font-size: 19px;
        color: #a9aab3;
        border-radius: 16px
    }

        .m-input input.success {
            background-color: #a9aab3;
            color: #a9aab3
        }

            .m-input input.success ~ .m-input__show:after {
                border-right-color: #a9aab3
            }

        .m-input input.error {
            background-color: #402d2d;
            color: #a9aab3
        }

            .m-input input.error ~ .m-input__show:after {
                border-right-color: #402d2d
            }

        .m-input input.disabled, .m-input input:disabled {
            background-color: #1615153d;
            color: #979fad;
            pointer-events: none
        }

            .m-input input.disabled ~ .m-input__show:after, .m-input input:disabled ~ .m-input__show:after {
                border-right-color: #1615153d
            }

        .m-input input:focus {
            background-color: #fff;
            color: #161515
        }

            .m-input input:focus ~ .m-input__show:after {
                border-right-color: #fff
            }

        .m-input input#tel {
            padding-left: 78px
        }

    .m-input textarea {
        width: 100%;
        height: 174px;
        background-color: #190c76;
        padding: 16px 22px;
        transition: all .3s ease;
        border: none;
        outline: none;
        font-weight: 400;
        font-size: 19px;
        color: #a9aab3;
        border-radius: 16px;
        resize: none
    }

        .m-input textarea.success {
            background-color: #a9aab3;
            color: #a9aab3
        }

        .m-input textarea.error {
            background-color: #402d2d;
            color: #a9aab3
        }

        .m-input textarea:focus {
            background-color: #fff;
            color: #161515
        }

.m-input__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    flex-wrap: wrap
}

    .m-input__title h3 {
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 18px;
        color: #fff;
        margin-right: 5px
    }

        .m-input__title h3 svg {
            width: 18px;
            height: 18px;
            fill: #979fad;
            margin-right: 11px;
            margin-bottom: -3px
        }

        .m-input__title h3 span {
            color: #979fad;
            text-transform: uppercase
        }

        .m-input__title h3:last-child {
            margin-right: 0
        }

    .m-input__title a {
        font-weight: 400;
        font-size: 18px;
        color: #a9aab3;
        text-decoration: underline;
        margin-bottom: 10px
    }

        .m-input__title a:hover {
            text-decoration: none
        }

    .m-input__title p {
        font-weight: 400;
        font-size: 14px;
        color: #a9aab3;
        margin-bottom: 10px
    }

.m-input__title_tip {
    justify-content: flex-start
}

.m-input__text {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

    .m-input__text p {
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        line-height: 1.63
    }

        .m-input__text p span {
            text-transform: uppercase;
            color: #babfcd
        }

.m-input__symbol {
    font-weight: 400;
    font-size: 16px;
    color: #979fad;
    line-height: 1.5
}

@media (max-width: 480px) {
    .m-input__symbol {
        font-size: 12px
    }
}

.m-input__symbol p {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: #979fad
}

@media (max-width: 480px) {
    .m-input__symbol p {
        font-size: 14px
    }
}

.m-input__symbol p span {
    color: #fff
}

.m-input__show {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 44px;
    height: 100%;
    cursor: pointer
}

    .m-input__show:hover:after {
        border-left-color: #fff
    }

    .m-input__show:hover svg {
        fill: #fff
    }

    .m-input__show.active:after {
        height: 0;
        opacity: 0
    }

    .m-input__show.active svg {
        fill: #fff
    }

    .m-input__show:after {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 20px;
        border-left: 1px solid #979FAD;
        border-right: 1px solid #190c76;
        content: "";
        transform: translate(-50%,-50%) rotate(-45deg);
        transition: all .3s ease
    }

    .m-input__show svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        fill: #979fad;
        transition: all .3s ease;
        width: 16px;
        height: 16px
    }

.m-input__tip {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 10px
}

    .m-input__tip:hover .m-input__tip-wrap {
        opacity: 1;
        pointer-events: all
    }

    .m-input__tip:hover > svg {
        fill: #fff
    }

    .m-input__tip > svg {
        width: 16px;
        height: 16px;
        min-width: 16px;
        fill: #979fad;
        transition: all .3s ease;
        cursor: pointer
    }

.m-input__tip-wrap {
    position: absolute;
    left: -9px;
    top: calc(100% + 14px);
    width: 224px;
    background-color: #161515;
    border-radius: 8px;
    box-shadow: 0 8px 36px #11646682;
    z-index: 10;
    padding: 12px;
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none
}

@media (max-width: 480px) {
    .m-input__tip-wrap {
        position: absolute;
        left: 50%;
        transform: translate(-50%)
    }
}

.m-input__tip-wrap:after {
    position: absolute;
    left: 17px;
    top: 0;
    transform: translate(-50%,-50%) rotate(-45deg);
    content: "";
    background-color: #161515;
    width: 8px;
    height: 8px
}

@media (max-width: 480px) {
    .m-input__tip-wrap:after {
        left: 50%
    }
}

.m-input__tip-wrap:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 14px;
    content: ""
}

.m-input__tip-wrap p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    color: #fefeff
}

.m-input__error {
    position: absolute;
    right: 11px;
    top: 0;
    transform: translateY(-50%);
    background-color: #bb3535;
    border-radius: 4px;
    padding: 2px 5px 2px 6px;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase
}

.m-input_mb14 {
    margin-bottom: 14px
}

.m-input_text {
    position: relative
}

    .m-input_text:focus-within span {
        color: #253d81
    }

    .m-input_text:focus-within button {
        color: #253d81
    }

    .m-input_text p {
        position: absolute;
        top: 50%;
        right: 34px;
        transform: translate(50%,-50%);
        font-weight: 400;
        font-size: 16px;
        color: #6a707c;
        transition: all .3s ease;
        pointer-events: none
    }

    .m-input_text span {
        position: absolute;
        top: 50%;
        right: 34px;
        transform: translate(50%,-50%);
        font-weight: 400;
        font-size: 16px;
        color: #979fad;
        transition: all .3s ease;
        text-transform: uppercase;
        pointer-events: none
    }

    .m-input_text input {
        padding-right: 68px
    }

    .m-input_text button {
        position: absolute;
        top: 50%;
        right: 34px;
        transform: translate(50%,-50%);
        transition: all .3s ease;
        text-transform: uppercase;
        padding: 0;
        width: auto;
        border: none;
        outline: none;
        cursor: pointer;
        background: transparent;
        font-weight: 600;
        font-size: 16px;
        color: #8996c3
    }

        .m-input_text button:hover {
            color: #253d81
        }

.m-input .iti {
    width: 100%;
    background-color: transparent
}

    .m-input .iti:hover {
        background-color: transparent
    }

.m-input .iti__flag {
    box-shadow: 0 1px 3px #1018281a;
    border-radius: 2px
}

.m-input .iti__flag-box {
    margin-right: 10px
}

.m-input .iti__selected-flag {
    outline: none;
    background-color: transparent !important;
    padding-left: 18px;
    padding-right: 0
}

.m-input .iti__selected-dial-code {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    transition: all .3s ease;
    margin-left: 10px
}

    .m-input .iti__selected-dial-code.focus {
        color: #161515
    }

.m-input .iti__arrow {
    border: none;
    width: 11px;
    height: 6px;
    background-image: url(/img/arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: 10px
}

.m-input .iti__dial-code {
    color: #8c8c8c;
    font-size: 18px
}

.m-input .iti__country {
    width: 100%;
    padding: 14px 18px;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    transition: all .3s ease
}

    .m-input .iti__country:hover {
        background-color: #2a2c2e
    }

.m-input .iti__country-name {
    color: #fff;
    font-weight: 400;
    font-size: 18px
}

.m-input .iti__country-list {
    width: 434px;
    background-color: #161515;
    overflow-x: hidden;
    border: none;
    border-radius: 16px
}

@media (max-width: 1223px) {
    .m-input .iti__country-list {
        width: 324px
    }
}

@media (max-width: 991px) {
    .m-input .iti__country-list {
        width: 302px
    }
}

@media (max-width: 767px) {
    .m-input .iti__country-list {
        width: 444px
    }
}

@media (max-width: 575px) {
    .m-input .iti__country-list {
        width: calc(100vw - 96px);
        min-width: 224px
    }
}

.m-input .iti__country-list::-webkit-scrollbar {
    width: 2px;
    border-radius: 10px
}

.m-input .iti__country-list::-webkit-scrollbar-track {
    background: transparent
}

.m-input .iti__country-list::-webkit-scrollbar-thumb {
    background-color: #485353;
    border-radius: 20px;
    border: 0px solid orange
}

.m-input .iti__divider {
    display: none
}

.m-input .iti__active {
    background-color: #2a2c2e
}

.footer {
    margin-top: auto;
    padding: 38px 0 26px;
    width: 100%;
    z-index: 2;
    position: relative
}

@media (max-width: 991px) {
    .footer {
        padding: 20px 0
    }
}

.footer .header-lang__drop {
    top: auto;
    bottom: calc(100% + 15px);
    border-radius: 16px;
    right: 0
}

.footer-logo {
    max-width: 143px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .footer-logo {
        max-width: 105px
    }
}

.footer-logo img {
    width: 100%
}

.footer-top {
    margin-bottom: 28px
}

@media (max-width: 767px) {
    .footer-top {
        margin-bottom: 20px
    }
}

.footer-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

    .footer-menu a {
        position: relative;
        padding-left: 42px;
        margin-bottom: 22px;
        color: #979fad;
        text-decoration: none;
        font-weight: 400;
        font-size: 19px;
        transition: all .3s ease
    }

@media (max-width: 1223px) {
    .footer-menu a {
        font-size: 15px;
        padding-left: 38px
    }
}

.footer-menu a:hover {
    color: #fff
}

.footer-menu a:last-child {
    margin-bottom: 0
}

.footer-menu a:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 28px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    content: "";
    opacity: 0
}

.footer-menu a.active {
    color: #fff
}

    .footer-menu a.active:after {
        opacity: 1
    }

.footer-copy {
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #979fad
}

@media (max-width: 767px) {
    .footer-copy {
        font-size: 16px;
        margin-bottom: 16px
    }
}

.footer-copy a {
    color: #babfcd;
    text-decoration: underline;
    font-weight: 400;
    transition: all .3s ease
}

    .footer-copy a:hover {
        color: #fff;
        text-decoration: none
    }

.footer-company {
    text-align: right;
    line-height: 1.5;
    font-weight: 400;
    font-size: 16px;
    color: #979fad
}

@media (max-width: 991px) {
    .footer-company {
        display: none
    }
}

.footer-company a {
    text-decoration: underline;
    color: #979fad
}

    .footer-company a:hover {
        text-decoration: none
    }

.footer-company img {
    width: 19px;
    margin-right: 7px;
    margin-bottom: -4px
}

.footer-app {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: -10px
}

.footer-app__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 17px;
    transition: all .3s ease;
    margin-bottom: 10px
}

    .footer-app__item:hover {
        transform: scale(1.1)
    }

    .footer-app__item:last-child {
        margin-right: 0
    }

    .footer-app__item img {
        max-width: 100%
    }

    .footer-app__item.soon {
        pointer-events: none
    }

.footer_cab .footer-top {
    margin-bottom: 20px
}

.footer_cab .footer-copy {
    text-align: right;
    font-size: 16px;
    margin-bottom: 8px
}

@media (max-width: 991px) {
    .footer_cab .footer-copy {
        text-align: left
    }
}

.footer_cab .footer-copy:last-child {
    margin-bottom: 0
}

.footer_cab .header-contacts {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .footer_cab .header-contacts {
        margin-bottom: 29px
    }
}

.footer_cab .m-text {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .footer_cab .m-text {
        margin-bottom: 32px
    }
}

.partners {
    width: 100%;
    padding: 25px 0 50px
}

@media (max-width: 991px) {
    .partners {
        padding: 20px 0
    }
}

.partners-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 15px;
    height: 100%;
    transition: all .3s ease;
    text-decoration: none
}

    .partners-item:hover {
        background-color: #16151566;
        box-shadow: 0 8px 36px #11646680
    }

    .partners-item img {
        max-width: 100%
    }

.partners-slider {
    height: 255px;
    width: 100%
}

@media (max-width: 767px) {
    .partners-slider {
        height: 136px
    }
}

.partners-slider .swiper {
    height: 100%;
    width: 100%;
    overflow: visible
}

.partners-slider .swiper-slide {
    height: -moz-calc(100% / 2);
    height: 50%;
    border-right: 1px solid rgba(231,235,239,.1);
    border-bottom: 1px solid rgba(231,235,239,.1)
}

@media (max-width: 767px) {
    .partners-slider .swiper-slide {
        height: 100%;
        opacity: 0
    }
}

.partners-slider .swiper-slide:nth-child(4n) {
    border-right: none
}

.partners-slider .swiper-slide:nth-child(n+5) {
    border-bottom: none
}

@media (max-width: 767px) {
    .partners-slider .swiper-slide-active {
        background-color: #16151566;
        box-shadow: 0 8px 36px #11646680;
        opacity: 1
    }
}

.stat {
    padding: 25px 0;
    width: 100%
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .stat-item {
        margin-bottom: 20px
    }
}

.stat-item .m-text {
    margin-bottom: 0
}

.stat-val {
    font-weight: 700;
    font-size: 64px;
    color: #8996c3;
    line-height: 1.25;
    margin-bottom: 9px
}

@media (max-width: 767px) {
    .stat-val {
        font-size: 48px;
        margin-bottom: 3px;
        line-height: 1.67
    }
}

.stat-chart {
    margin-bottom: 28px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (max-width: 767px) {
    .stat-chart {
        margin-bottom: 20px
    }
}

.stat-chart:after {
    width: 218px;
    height: 216px;
    background-image: url(/img/stat-cur-1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: "";
    position: absolute;
    left: -70px;
    top: -68px;
    z-index: -1;
    pointer-events: none;
    animation: 3s headerScene infinite ease-in-out
}

@media (max-width: 991px) {
    .stat-chart:after {
        width: 108px;
        height: 108px
    }
}

.stat-chart:before {
    width: 210px;
    height: 210px;
    background-image: url(/img/stat-cur-2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: "";
    position: absolute;
    right: -108px;
    top: 112px;
    z-index: -1;
    pointer-events: none;
    animation: 3s headerScene infinite ease-in-out;
    animation-delay: 1.5s
}

@media (max-width: 991px) {
    .stat-chart:before {
        width: 90px;
        height: 90px;
        right: -60px
    }
}

@media (max-width: 575px) {
    .stat-chart:before {
        top: 33px
    }
}

.stat-chart__wrap {
    background-color: #16151566;
    box-shadow: 0 8px 36px #11646680;
    padding: 28px 28px 10px;
    border-radius: 16px;
    position: relative;
    z-index: 2
}

@media (max-width: 575px) {
    .stat-chart__wrap {
        padding: 8px
    }
}

.stat-chart__wrap .highcharts-tooltip > span {
    padding: 16px;
    border-radius: 16px;
    min-width: 240px;
    box-shadow: 0 4px 14px #82af7652;
    background-color: #1c1d1f !important
}

    .stat-chart__wrap .highcharts-tooltip > span > span {
        display: none
    }

    .stat-chart__wrap .highcharts-tooltip > span br {
        display: none
    }

.stat-chart__wrap .highcharts-legend-item text {
    font-family: "Exo 2.0",sans-serif
}

.stat-chart__wrap .highcharts-legend-item .highcharts-point {
    display: none
}

.stat-chart__item {
    height: 500px
}

@media (max-width: 991px) {
    .stat-chart__item {
        height: 300px
    }
}

@media (max-width: 575px) {
    .stat-chart__item {
        height: 200px
    }
}

.stat-chart__tip-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 14px;
    color: #979fad;
    margin-bottom: 10px
}

    .stat-chart__tip-row:last-child {
        margin-bottom: 0
    }

    .stat-chart__tip-row img {
        width: 20px;
        margin-right: 12px
    }

    .stat-chart__tip-row span {
        margin-left: auto;
        color: #fff;
        text-transform: uppercase
    }

.promo {
    padding: 55px 0;
    width: 100%
}

@media (max-width: 991px) {
    .promo {
        padding: 24px 0
    }
}

.promo-video {
    width: calc(100% + 50px);
    margin-left: -50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 991px) {
    .promo-video {
        width: 100%;
        margin: 30px 0 34px
    }
}

.promo-video:hover:after {
    background-color: #161515cc
}

.promo-video:after {
    height: calc(100% + 34px);
    width: calc(100% - 7px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -18px;
    background-color: #16151566;
    box-shadow: 0 8px 36px #11646680;
    border-radius: 16px;
    content: "";
    z-index: -1;
    transition: all .3s ease
}

@media (max-width: 991px) {
    .promo-video:after {
        height: calc(100% + 24px);
        width: 100%;
        left: -14px
    }
}

.promo-video > img {
    max-width: 100%
}

.promo-video__wrap {
    padding: 7px 26px 7px 19px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 38px;
    background-color: #1c1d1fcc;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 26px;
    width: calc(100% - 50px)
}

@media (max-width: 767px) {
    .promo-video__wrap {
        padding: 4px 14px 4px 10px;
        width: calc(100% - 28px);
        bottom: 10px
    }
}

.promo-video__logo {
    width: 82px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .promo-video__logo {
        width: 43px
    }
}

.promo-video__logo img {
    width: 100%
}

.promo-video__icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .promo-video__icon {
        width: 22px
    }
}

.promo-video__icon img {
    width: 100%
}

.promo-btn {
    position: relative;
    z-index: 1
}

    .promo-btn:after {
        top: -50px;
        left: 210px;
        position: absolute;
        width: 107px;
        height: 105px;
        background-image: url(/img/promo-circle.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        content: "";
        z-index: -1;
        pointer-events: none
    }

.guide {
    padding: 70px 0
}

@media (max-width: 991px) {
    .guide {
        padding: 24px 0
    }
}

.guide-step {
    font-weight: 700;
    font-size: 16px;
    color: #979fad;
    margin-bottom: 56px;
    position: relative;
    padding-left: 42px
}

@media (max-width: 991px) {
    .guide-step {
        margin-bottom: 22px
    }
}

.guide-step:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 28px;
    height: 1px;
    background-color: #979fad;
    content: ""
}

.guide-content {
    padding-left: 102px;
    position: relative;
    min-height: 314px;
    z-index: 2
}

@media (max-width: 991px) {
    .guide-content {
        padding-left: 75px
    }

        .guide-content .guide-step, .guide-content .m-title {
            display: none
        }
}

.guide-content .swiper {
    width: 100%;
    margin-bottom: 57px;
    overflow: visible
}

.guide-content .swiper-pagination {
    position: absolute;
    top: -7px;
    left: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto
}

.guide-content .swiper-pagination-bullet {
    width: 36px;
    height: 36px;
    min-height: 36px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 50%;
    opacity: 1;
    background-color: #2a2c2e;
    position: relative;
    margin: 0 0 57px !important;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

    .guide-content .swiper-pagination-bullet:last-child {
        margin-bottom: 0
    }

    .guide-content .swiper-pagination-bullet:after {
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        content: "";
        border-radius: 50%;
        background-color: #1c1d1fad;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: -1
    }

    .guide-content .swiper-pagination-bullet:before {
        width: 2px;
        height: 30px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: calc(100% + 12px);
        background-color: #d9ebff26;
        content: ""
    }

    .guide-content .swiper-pagination-bullet:last-child:before {
        display: none
    }

    .guide-content .swiper-pagination-bullet-active, .guide-content .swiper-pagination-bullet:hover {
        background-color: #1f1e46
    }

        .guide-content .swiper-pagination-bullet-active:after, .guide-content .swiper-pagination-bullet:hover:after {
            background-color: #ffcb9a29
        }

.guide-content .swiper-button-next {
    position: relative;
    inset: auto;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 18px;
    color: #8996c3;
    text-transform: uppercase;
    transition: all .3s ease;
    width: auto;
    height: auto
}

    .guide-content .swiper-button-next:hover {
        color: #161515
    }

        .guide-content .swiper-button-next:hover svg {
            fill: #161515
        }

    .guide-content .swiper-button-next svg {
        width: 17px;
        height: 12px;
        fill: #8996c3;
        transition: all .3s ease;
        margin-left: 12px
    }

.guide-content-mob {
    margin-bottom: 36px;
    position: relative;
    z-index: 2
}

    .guide-content-mob .m-title {
        margin-bottom: 0
    }

.guide-scene {
    position: relative;
    width: 100%;
    min-height: 357px;
    z-index: 1;
    padding: 16px 54px 16px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px) {
    .guide-scene {
        margin-bottom: 46px
    }
}

@media (max-width: 767px) {
    .guide-scene {
        min-height: 203px
    }
}

.guide-scene:before {
    width: 125%;
    height: 160%;
    position: absolute;
    left: -44px;
    top: -82px;
    content: "";
    background-image: url(/img/guide-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    pointer-events: none;
    z-index: -2;
    filter: blur(5px)
}

@media (max-width: 575px) {
    .guide-scene:before {
        top: -55px
    }
}

.guide-scene:after {
    z-index: -1;
    opacity: .61;
    border-radius: 16px;
    box-shadow: 0 8px 36px #11646680;
    background-image: linear-gradient(121deg,#212324,#000 99%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.guide-scene .swiper {
    width: 100%;
    height: 100%
}

.guide-scene .swiper-wrapper {
    align-items: center
}

.guide-scene .swiper-slide {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%
}

    .guide-scene .swiper-slide img {
        max-width: 100%;
        max-height: 320px
    }

@media (max-width: 767px) {
    .guide-scene .swiper-slide img {
        max-height: 170px
    }
}

.guide-scene__title {
    position: absolute;
    top: 50%;
    right: 15px;
    font-weight: 600;
    font-size: 18px;
    color: #323c46;
    writing-mode: vertical-rl;
    transform: translateY(-50%) scale(-1);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    pointer-events: none
}

@media (max-width: 767px) {
    .guide-scene__title {
        font-size: 14px;
        letter-spacing: 2px
    }
}

.serv {
    padding: 40px 0;
    width: 100%
}

@media (max-width: 991px) {
    .serv {
        padding: 20px 0
    }
}

.serv-wrap {
    position: relative;
    z-index: 1
}

    .serv-wrap:before {
        position: absolute;
        left: -200px;
        top: 154px;
        width: 265px;
        height: 410px;
        background-image: url(/img/serv-bg.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: "";
        z-index: -1;
        pointer-events: none;
        animation: 6s headerScene infinite ease-in-out
    }

@media (max-width: 767px) {
    .serv-wrap:before {
        top: 140px
    }
}

.serv-wrap:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #2a2c2e;
    content: ""
}

@media (max-width: 991px) {
    .serv-wrap:after {
        display: none
    }
}

.serv-top {
    border-bottom: 1px solid #2A2C2E;
    width: 100%;
    margin-bottom: 13px
}

@media (max-width: 991px) {
    .serv-top {
        border-bottom: none;
        margin-bottom: 0
    }
}

.serv-top-left {
    position: relative;
    padding-right: 25px;
    z-index: 1
}

@media (max-width: 991px) {
    .serv-top-left {
        border-bottom: 1px solid #2A2C2E;
        margin-bottom: 13px
    }
}

.serv-top-left:after {
    position: absolute;
    bottom: -12px;
    right: -6px;
    width: 54px;
    height: 54px;
    background-image: url(/img/serv-angle.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: "";
    pointer-events: none;
    z-index: -1
}

@media (max-width: 991px) {
    .serv-top-left:after {
        right: 0;
        bottom: 7px
    }
}

.serv-top-right {
    height: 100%
}

    .serv-top-right .serv-item {
        border-bottom-left-radius: 0;
        height: calc(100% - 13px)
    }

@media (max-width: 991px) {
    .serv-top-right .serv-item {
        height: auto;
        border-bottom-left-radius: 16px
    }
}

.serv-bottom-left .serv-item {
    margin-bottom: 0;
    border-top-right-radius: 0
}

@media (max-width: 991px) {
    .serv-bottom-left .serv-item {
        margin-bottom: 14px;
        border-top-right-radius: 16px
    }
}

.serv-bottom-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%
}

    .serv-bottom-right .serv-item {
        margin-bottom: 32px;
        border-top-left-radius: 0
    }

@media (max-width: 991px) {
    .serv-bottom-right .serv-item {
        border-bottom-left-radius: 0;
        border-top-left-radius: 16px;
        margin-bottom: 24px
    }
}

.serv-item {
    margin-bottom: 13px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #16151599;
    border-radius: 16px;
    box-shadow: 0 8px 36px #11646680;
    padding: 28px 28px 28px 101px
}

@media (max-width: 991px) {
    .serv-item {
        margin-bottom: 14px;
        border-radius: 16px !important
    }
}

@media (max-width: 767px) {
    .serv-item {
        padding: 24px
    }
}

.serv-item img {
    position: absolute;
    top: 28px;
    left: 28px;
    width: 56px
}

@media (max-width: 767px) {
    .serv-item img {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 18px
    }
}

.serv-item h3 {
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    margin-bottom: 14px
}

@media (max-width: 767px) {
    .serv-item h3 {
        font-size: 22px;
        margin-bottom: 16px
    }
}

.serv-item p {
    font-weight: 300;
    font-size: 18px;
    color: #babfcd;
    line-height: 1.33;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .serv-item p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px
    }
}

.serv-item p:last-child {
    margin-bottom: 0
}

.serv-btn-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: auto
}

@media (max-width: 767px) {
    .serv-btn-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }

        .serv-btn-wrap .m-btn {
            margin-bottom: 34px
        }
}

.serv-scroll {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    padding-right: 46px;
    text-align: right
}

    .serv-scroll p {
        font-weight: 400;
        font-style: italic;
        font-size: 20px;
        color: #babfcd;
        margin-bottom: 10px
    }

@media (max-width: 1223px) {
    .serv-scroll p {
        font-size: 16px
    }
}

@media (max-width: 991px) {
    .serv-scroll p {
        font-size: 18px
    }
}

.serv-scroll p:last-child {
    margin-bottom: 0
}

.serv-scroll > img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.head {
    padding-top: 75px
}

@media (max-width: 991px) {
    .head {
        padding-top: 20px
    }
}

.head .header-title {
    margin-bottom: 18px
}

.head_invest {
    padding-top: 0
}

@media (max-width: 991px) {
    .head_invest {
        padding-top: 20px
    }
}

.head_refs {
    padding-top: 50px
}

@media (max-width: 991px) {
    .head_refs {
        padding-top: 0
    }
}

.head_refs .about-img {
    margin: -70px 0
}

@media (max-width: 991px) {
    .head_refs .about-img {
        margin: -30px 0
    }
}

.about-img {
    margin-left: -86px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    pointer-events: none;
    margin-bottom: 28px
}

@media (max-width: 991px) {
    .about-img {
        justify-content: center;
        align-items: center;
        margin-left: 0
    }
}

.about-img img {
    max-width: 863px
}

@media (max-width: 991px) {
    .about-img img {
        max-width: 100%
    }
}

.about-platform {
    padding-bottom: 30px
}

@media (max-width: 991px) {
    .about-platform {
        padding: 25px 0
    }
}

.about-platform .about-img {
    margin-left: -28px
}

@media (max-width: 991px) {
    .about-platform .about-img {
        max-width: 107%;
        margin-left: -7%
    }
}

.about-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 28px;
    z-index: 1
}

.about-info__icon {
    width: 81px;
    height: 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    border-radius: 16px;
    background-color: #2a2c2e99;
    padding: 19px 16px;
    margin-bottom: -40px;
    z-index: -1;
    position: relative;
    margin-left: -16px
}

.about-info .m-text {
    z-index: 2;
    position: relative;
    margin-bottom: 0
}

.who {
    margin: -30px 0
}

@media (max-width: 991px) {
    .who {
        margin: 0
    }
}

.who .who-wrap {
    position: relative;
    z-index: 1;
    padding: 50px 0
}

@media (max-width: 991px) {
    .who .who-wrap {
        padding: 25px 0
    }
}

.who .who-wrap:after {
    opacity: .2;
    border-radius: 16px;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#161515 83%);
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    height: 100%;
    width: calc(100% + 286px);
    z-index: -1;
    pointer-events: none
}

@media (max-width: 1223px) {
    .who .who-wrap:after {
        border-radius: 0
    }
}

.who .who-wrap:before {
    background-image: url(/img/who-bg.png);
    position: absolute;
    left: -263px;
    top: 73px;
    width: 331px;
    height: 341px;
    background-repeat: no-repeat;
    background-position: 0 0;
    content: "";
    z-index: -1;
    pointer-events: none;
    animation: 6s headerScene infinite ease-in-out
}

.who_rules {
    margin: -30px 0 75px
}

@media (max-width: 991px) {
    .who_rules {
        margin-bottom: 20px
    }
}

.who_rules .who-wrap:before {
    display: none
}

.turnover {
    margin-bottom: 40px
}

    .turnover .m-title {
        margin-bottom: 32px
    }

    .turnover .refs-status__slider {
        min-width: 1120px
    }

    .turnover .refs-status__table table tr td.dark {
        background-color: #1c1d1f !important
    }

    .turnover .refs-status__table table tr:not(:first-child):nth-child(even) td {
        background-color: #2a2c2e
    }

    .turnover .refs-status__table table tr:nth-child(2) td {
        background-color: transparent
    }

        .turnover .refs-status__table table tr:nth-child(2) td:nth-child(2), .turnover .refs-status__table table tr:nth-child(2) td:nth-child(4) {
            background-color: #2a2c2e
        }

.team {
    padding: 82px 0 50px;
    width: 100%;
    background-image: url(/img/team-bg.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover
}

@media (max-width: 991px) {
    .team {
        padding: 20px 0
    }
}

.team-wrap {
    padding: 47px 28px 35px;
    background-color: #16151566;
    box-shadow: 0 8px 36px #11646680;
    border-radius: 16px;
    position: relative
}

@media (max-width: 575px) {
    .team-wrap {
        padding-bottom: 20px
    }
}

.team-wrap .guide-scene__title {
    right: auto;
    left: 45px;
    font-size: 27px;
    color: #a9aab3
}

@media (max-width: 991px) {
    .team-wrap .guide-scene__title {
        display: none
    }
}

.team-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: -75px
}

@media (max-width: 1223px) {
    .team-hero {
        margin-bottom: 28px
    }
}

.team-hero__img {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    max-width: 380px
}

    .team-hero__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%
    }

.team-hero__name {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
    text-align: center;
    line-height: 1.35
}

    .team-hero__name:last-child {
        margin-bottom: 0
    }

.team-hero__text {
    font-weight: 500;
    font-size: 14px;
    color: #babfcd;
    line-height: 1.5;
    text-align: center
}

.team-logo {
    padding-right: 20px;
    max-width: 163px;
    width: 100%
}

@media (max-width: 575px) {
    .team-logo {
        padding-right: 0;
        margin-top: 20px
    }
}

.team-logo img {
    max-width: 100%
}

.team-docs {
    border-radius: 16px;
    overflow: hidden;
    position: relative
}

@media (max-width: 991px) {
    .team-docs {
        margin-bottom: 30px
    }
}

.team-docs .swiper-slide {
    height: auto
}

.team-docs .swiper img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.team-docs .swiper-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 56px
}

.team-docs .swiper-button {
    width: 50%;
    height: 56px;
    background-color: #1c1d1f;
    opacity: .6;
    position: relative;
    left: auto;
    right: auto;
    transition: all .3s
}

    .team-docs .swiper-button img {
        -webkit-user-select: none;
        user-select: none
    }

.team-docs .swiper-button-prev img {
    transform: rotateY(180deg)
}

.team-docs .swiper-button:hover {
    opacity: 1
}

.road {
    width: 100%;
    padding: 50px 0
}

@media (max-width: 991px) {
    .road {
        padding: 20px 0
    }
}

.road-wrap {
    width: 100%;
    position: relative
}

    .road-wrap:before {
        bottom: -80px;
        left: calc(50% + 90px);
        position: absolute;
        width: 107px;
        height: 105px;
        background-image: url(/img/promo-circle.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        content: "";
        z-index: -1;
        pointer-events: none
    }

.road-col {
    width: calc(50% - 16px)
}

@media (max-width: 767px) {
    .road-col {
        width: 100%
    }
}

.road-col_left .road-item {
    border-top-right-radius: 0
}

@media (max-width: 767px) {
    .road-col_left .road-item {
        border-radius: 16px
    }
}

.road-col_right .road-item {
    border-top-left-radius: 0
}

@media (max-width: 767px) {
    .road-col_right .road-item {
        border-radius: 16px
    }
}

.road-item {
    margin-bottom: 28px;
    position: relative;
    background-color: #16151599;
    box-shadow: 0 8px 36px #11646680;
    padding: 28px;
    border-radius: 16px
}

    .road-item > h3 {
        font-weight: 400;
        font-size: 24px;
        color: #fff;
        margin-bottom: 14px
    }

@media (max-width: 991px) {
    .road-item > h3 {
        font-size: 22px
    }
}

.road-item > h3:last-child {
    margin-bottom: 0
}

.road-item > p {
    font-weight: 300;
    font-size: 18px;
    color: #babfcd;
    line-height: 1.33;
    margin-bottom: 14px
}

@media (max-width: 991px) {
    .road-item > p {
        font-size: 16px
    }
}

.road-item > p a {
    color: #8996c3;
    text-decoration: none
}

.road-item > p:last-child {
    margin-bottom: 0
}

.road-item__date {
    font-weight: 700;
    font-size: 18px;
    color: #8996c3;
    text-transform: uppercase;
    margin-bottom: 24px;
    padding-right: 58px
}

@media (max-width: 991px) {
    .road-item__date {
        font-size: 16px
    }
}

.road-item__date:last-child {
    margin-bottom: 0
}

.road-item__icon {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #111112
}

    .road-item__icon svg {
        width: 18px;
        height: 18px;
        fill: #253d81
    }

.road-item.check .road-item__date {
    color: #979fad
}

.road-item.check .road-item__icon svg {
    fill: #979fad
}

.road-hidden {
    display: none
}

.road-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap
}

    .road-row > h3 {
        width: 100%;
        margin-bottom: 24px;
        text-align: center;
        font-weight: 600;
        font-size: 24px;
        color: #fff
    }

    .road-row:after {
        width: 4px;
        height: calc(100% - 48px);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        content: "";
        background-color: #11646654;
        bottom: 0
    }

@media (max-width: 767px) {
    .road-row:after {
        display: none
    }
}

.invest-nav {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .invest-nav {
        margin-bottom: 0
    }
}

.invest-tabs {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 20px;
    background-color: #16151566;
    box-shadow: 0 8px 36px #11646680;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px
}

    .invest-tabs:last-child {
        margin-right: 0;
        margin-left: 0
    }

.invest-tabs__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 40px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .invest-tabs__item {
        padding: 10px 16px
    }
}

.invest-tabs__item:hover {
    color: #253d81
}

.invest-tabs__item.active {
    background-color: #253d81;
    color: #fff
}

.invest-tabs__content {
    position: relative;
    z-index: 1
}

    .invest-tabs__content:after {
        position: absolute;
        background-image: url(../img/invest-circle.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        content: "";
        width: 265px;
        height: 260px;
        top: 283px;
        left: -55px;
        z-index: -1;
        pointer-events: none
    }

.invest-cur {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 20px;
    border: 1px solid rgba(22,21,21,.4);
    margin-bottom: 20px
}

.invest-cur__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 23px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    transition: all .3s ease
}

    .invest-cur__item:hover {
        color: #16151566
    }

    .invest-cur__item.active {
        background-color: #16151566;
        box-shadow: 0 8px 36px #11646680;
        color: #fff
    }

.invest-plan {
    width: 100%;
    padding: 34px 20px 43px;
    border-radius: 16px;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    margin-bottom: 48px
}

@media (max-width: 1223px) {
    .invest-plan {
        margin-bottom: 28px
    }
}

.invest-plan:hover {
    box-shadow: 0 8px 36px #11646680;
    background-color: #16151578
}

    .invest-plan:hover .m-btn {
        background-color: #253d81;
        color: #fff
    }

        .invest-plan:hover .m-btn:after {
            background-color: #253d81
        }

.invest-plan__title {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-bottom: 24px
}

.invest-plan__percent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 20px
}

    .invest-plan__percent > span {
        font-weight: 700;
        font-size: 48px;
        color: #fff;
        margin-right: 8px
    }

@media (max-width: 767px) {
    .invest-plan__percent > span {
        font-size: 38px
    }
}

.invest-plan__percent > p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 18px;
    color: #fff
}

@media (max-width: 767px) {
    .invest-plan__percent > p {
        font-size: 16px
    }
}

.invest-plan__percent > p > span {
    color: #979fad
}

.invest-plan__info {
    margin-bottom: 14px
}

    .invest-plan__info p {
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        line-height: 1.69
    }

        .invest-plan__info p span {
            color: #8996c3
        }

.invest-plan__text {
    font-weight: 300;
    font-size: 15px;
    color: #babfcd;
    line-height: 1.6;
    margin-bottom: 27px
}

    .invest-plan__text:last-child {
        margin-bottom: 0
    }

.invest-plan_cab {
    padding: 36px 20px 30px;
    cursor: pointer;
    margin-bottom: 28px;
    border-radius: 16px;
    transition: none;
    position: relative;
    z-index: 1
}

    .invest-plan_cab:before {
        width: 100%;
        height: 100%;
        border-radius: 16px;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid rgba(0,0,0,.4);
        z-index: -1;
        pointer-events: none
    }

    .invest-plan_cab:after {
        width: calc(100% - 8px);
        height: 102%;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 4px;
        background-image: url(/img/cab-plan-bg.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% 100%;
        content: "";
        z-index: -1;
        pointer-events: none
    }

    .invest-plan_cab.active, .invest-plan_cab:hover {
        background-blend-mode: normal;
        box-shadow: 0 8px 36px #11646680;
        background-image: linear-gradient(220deg,#000 0%,#a9aab3 100%)
    }

        .invest-plan_cab.active:before, .invest-plan_cab:hover:before {
            display: none
        }

.invest-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-radius: 16px;
    box-shadow: 0 8px 36px #11646680;
    background-color: #16151566;
    padding: 18px;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 28px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

    .invest-info svg {
        width: 42px;
        height: 42px;
        margin-right: 14px;
        fill: #253d81
    }

.calc {
    position: relative;
    padding: 47px 102px 24px;
    border-radius: 16px;
    box-shadow: 0 8px 36px #11646680;
    background-color: #16151566;
    background-image: url(/img/calc-bg.svg);
    background-position: calc(100% - 28px) 206px;
    background-size: 156px 156px;
    background-repeat: no-repeat;
    min-height: 470px
}

@media (max-width: 991px) {
    .calc {
        padding: 28px;
        background-position: calc(100% - 28px) 28px;
        margin-bottom: 28px
    }
}

.calc .guide-scene__title {
    right: auto;
    left: 35px;
    font-size: 27px;
    color: #a9aab3;
    transform: translateY(0) scale(-1);
    top: 47px
}

@media (max-width: 991px) {
    .calc .guide-scene__title {
        display: none
    }
}

.calc .m-title {
    margin-bottom: 20px
}

.calc-wrap {
    width: 100%;
    background-color: #1c1d1f;
    border-radius: 16px;
    margin-bottom: 23px;
    padding: 48px 48px 38px
}

@media (max-width: 991px) {
    .calc-wrap {
        padding: 28px 28px 18px
    }
}

.calc-wrap:last-child {
    margin-bottom: 0
}

.calc-info {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media (max-width: 1223px) {
    .calc-info {
        margin-bottom: 10px
    }
}

.calc-info-wrapper {
    display: flex
}

@media (max-width: 575px) {
    .calc-info-wrapper {
        flex-wrap: wrap
    }
}

.calc-info-wrap {
    margin-bottom: 17px
}

@media (max-width: 575px) {
    .calc-info-wrap {
        width: 100%
    }
}

.calc-info-wrap:first-child .calc-info__item {
    background-color: #190c7666
}

.calc-info-wrap:last-child .calc-info__item:last-child {
    margin-right: 0
}

@media (max-width: 1223px) {
    .calc-info-wrap:last-child .calc-info__item:nth-child(2) {
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .calc-info-wrap:last-child .calc-info__item {
        margin-right: 0
    }
}

.calc-info-title {
    font-size: 18px;
    margin-bottom: 18px;
    color: #fff
}

.calc-info-btn {
    margin-bottom: 26px
}

.calc-info__item {
    margin-right: 12px;
    margin-bottom: 14px;
    background-color: #16151566;
    box-shadow: 0 8px 36px #11646680;
    border-radius: 16px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 155px
}

@media (max-width: 1223px) {
    .calc-info__item {
        flex-grow: 1
    }
}

@media (max-width: 575px) {
    .calc-info__item {
        width: 100%;
        margin-right: 0
    }
}

.calc-info__item h3 {
    font-weight: 400;
    font-size: 16px;
    color: #babfcd;
    margin-bottom: 11px
}

    .calc-info__item h3:last-child {
        margin-bottom: 0
    }

.calc-info__item p {
    font-weight: 600;
    font-size: 20px;
    color: #fff
}

.calc-title {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px
}

    .calc-title span {
        color: #979fad
    }

.calc-text {
    font-weight: 300;
    font-size: 15px;
    color: #babfcd;
    margin-bottom: 10px
}

.calc-days {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 7px);
    margin-bottom: 7px
}

.calc-days__item {
    margin-right: 7px;
    width: 66px;
    height: 56px;
    background-color: #190c76;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 19px;
    color: #babfcd;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .calc-days__item {
        width: 50px;
        height: 40px;
        font-size: 16px
    }
}

.calc-days__item:hover {
    color: #fff
}

.calc-days__item.active {
    background-color: #253d81;
    color: #fff
}

.calc-cur {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 7px);
    margin-bottom: 7px
}

.calc-cur__item {
    margin-right: 7px;
    width: 66px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 19px;
    color: #babfcd;
    background-color: #190c76;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .calc-cur__item {
        width: 50px;
        height: 40px;
        font-size: 16px
    }
}

.calc-cur__item:hover {
    color: #fff
}

.calc-cur__item.active {
    background-color: #253d81;
    color: #fff
}

.calc-input {
    width: 100%;
    margin-bottom: 14px
}

    .calc-input input {
        width: 100%;
        background-color: #190c76;
        border: none;
        outline: none;
        border-radius: 16px;
        height: 56px;
        min-width: 284px;
        padding: 10px 22px;
        color: #fff;
        font-weight: 400;
        font-size: 19px;
        transition: all .3s ease
    }

@media (max-width: 1223px) {
    .calc-input input {
        min-width: 0
    }
}

.calc-input input.success {
    background-color: #a9aab3;
    color: #a9aab3
}

.calc-input input.error {
    background-color: #402d2d;
    color: #a9aab3
}

.calc-input input.disabled, .calc-input input:disabled {
    background-color: #1615153d;
    color: #979fad;
    pointer-events: none
}

.calc-input input:focus {
    background-color: #fff;
    color: #161515
}

.news {
    padding: 46px 0 75px
}

@media (max-width: 991px) {
    .news {
        padding: 20px 0
    }
}

.news .header-title {
    margin-bottom: 28px
}

.news-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: -27px;
    margin-bottom: 28px
}

@media (max-width: 1223px) {
    .news-list {
        margin-top: -20px
    }
}

.news-list__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    padding: 27px 20px 27px 0;
    border-bottom: 1px solid rgba(231,235,239,.1);
    width: 100%;
    cursor: pointer
}

@media (max-width: 1223px) {
    .news-list__item {
        padding: 20px 20px 20px 0
    }
}

.news-list__item:last-child {
    border-bottom: none
}

.news-list__item > svg {
    position: absolute;
    top: 37px;
    right: 0;
    width: 20px;
    height: 12px;
    fill: #fff;
    transform: rotate(-90deg)
}

.news-list__item:hover .news-title, .news-list__item.active .news-title {
    color: #8996c3
}

.news-title {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    transition: all .3s ease;
    margin-bottom: 12px;
    line-height: 1.5
}

    .news-title:last-child {
        margin-bottom: 0
    }

.news-date {
    font-weight: 300;
    font-size: 16px;
    color: #979fad;
    line-height: 1.5
}

.news-full {
    width: 100%;
    background-color: #16151580;
    border-radius: 16px;
    box-shadow: 0 8px 36px #82af7640;
    margin-bottom: 28px;
    text-decoration: none
}

    .news-full .header-contacts {
        justify-content: flex-start;
        flex-wrap: wrap;
        width: calc(100% + 18px)
    }

        .news-full .header-contacts a {
            margin-right: 18px;
            margin-bottom: 16px
        }

.news-full_faq .m-link {
    margin-top: auto
}

.news-full_faq .news-img {
    position: relative
}

    .news-full_faq .news-img svg {
        width: 143px;
        height: 77px;
        position: absolute;
        fill: #1b2418;
        right: 28px;
        bottom: 28px
    }

.news-content {
    padding: 24px 28px
}

.news-img {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    max-height: 350px
}

    .news-img > img {
        width: 100%;
        object-fit: cover;
        object-position: 100% 50%
    }

.news-item {
    background-color: #16151566;
    cursor: pointer;
    border-radius: 16px;
    height: calc(100% - 28px);
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-decoration: none;
    transition: all .3s ease
}

    .news-item:hover {
        box-shadow: 0 8px 36px #11646680;
        background-color: #16151578
    }

    .news-item .news-img {
        height: 285px
    }

    .news-item .news-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .news-item .m-link {
        margin-top: auto
    }

.news-single {
    padding: 63px 0 75px
}

@media (max-width: 991px) {
    .news-single {
        padding: 20px 0
    }
}

.news-single .header-title {
    font-size: 58px;
    margin-bottom: 26px
}

@media (max-width: 991px) {
    .news-single .header-title {
        font-size: 48px
    }
}

@media (max-width: 767px) {
    .news-single .header-title {
        font-size: 38px
    }
}

.news-head {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 24px
}

    .news-head img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%
    }

.faq {
    padding: 46px 0 75px
}

@media (max-width: 991px) {
    .faq {
        padding: 20px 0
    }
}

.faq .header-title {
    margin-bottom: 28px
}

.faq .invest-tabs {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 27px
}

.faq-list {
    width: 100%;
    margin-top: -28px
}

@media (max-width: 991px) {
    .faq-list {
        margin-bottom: 28px
    }
}

.faq-list .accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.faq-list .accordion__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid rgba(231,235,239,.1)
}

    .faq-list .accordion__item.active .accordion__head h3 {
        color: #fff
    }

    .faq-list .accordion__item.active .accordion__head svg {
        fill: #fff;
        transform: rotate(-180deg)
    }

.faq-list .accordion__head {
    position: relative;
    width: 100%;
    cursor: pointer;
    padding: 27px 40px 27px 0
}

    .faq-list .accordion__head:hover h3 {
        color: #fff
    }

    .faq-list .accordion__head h3 {
        font-weight: 600;
        font-size: 20px;
        color: #979fad;
        transition: all .3s ease;
        line-height: 1.5
    }

    .faq-list .accordion__head svg {
        width: 20px;
        height: 12px;
        fill: #979fad;
        transition: all .3s ease;
        position: absolute;
        top: 37px;
        right: 0
    }

.faq-list .accordion__body {
    display: none;
    padding-bottom: 27px
}

    .faq-list .accordion__body .m-text {
        margin-bottom: 0
    }

.faq-title {
    font-weight: 600;
    font-size: 18px;
    color: #babfcd;
    text-transform: uppercase;
    margin-bottom: 18px
}

.faq-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 1223px) {
    .faq-links {
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .faq-links {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .faq-links {
        margin-bottom: 20px
    }
}

.faq-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-left: 38px;
    position: relative;
    margin-bottom: 20px;
    text-decoration: underline;
    color: #babfcd;
    font-weight: 400;
    font-size: 18px;
    transition: all .3s ease;
    cursor: pointer
}

    .faq-link:hover {
        color: #fff;
        text-decoration: none
    }

    .faq-link svg {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translate(-50%,-50%);
        fill: #8996c3;
        width: 24px;
        height: 22px
    }

    .faq-link:last-child {
        margin-bottom: 0
    }

.rules {
    padding: 46px 0 75px
}

@media (max-width: 991px) {
    .rules {
        padding: 20px 0
    }
}

.rules .m-text p {
    font-size: 16px;
    color: #a9aab3;
    line-height: 1.75;
    margin-bottom: 14px
}

.rules .m-text h4, .rules .m-text h5 {
    font-size: 16px;
    margin-bottom: 18px
}

.sign {
    position: relative
}

.sign-wrap {
    padding: 40px 0;
    width: 100%;
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .sign-wrap {
        padding: 20px 0
    }
}

.sign-wrap:after {
    z-index: -1;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    height: 628px;
    max-width: 1196px;
    background-color: #16151566;
    box-shadow: 0 8px 36px #11646680;
    border-radius: 0 0 16px 16px;
    content: "";
    width: 100%
}

@media (max-width: 991px) {
    .sign-wrap:after {
        display: none
    }
}

.sign-wrap:before {
    width: 235px;
    height: 230px;
    position: absolute;
    top: 550px;
    left: -68px;
    z-index: -1;
    content: "";
    background-image: url(../img/invest-circle.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    pointer-events: none
}

@media (max-width: 991px) {
    .sign-wrap:before {
        display: none
    }
}

.sign-wrap .guide-scene__title {
    right: 38px;
    top: 110px;
    transform: translateY(0) scale(-1);
    font-size: 27px;
    color: #a9aab3
}

@media (max-width: 991px) {
    .sign-wrap .guide-scene__title {
        display: none
    }
}

.sign-back {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #babfcd;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom: 19px
}

    .sign-back:hover {
        color: #fff
    }

        .sign-back:hover svg {
            fill: #fff
        }

    .sign-back svg {
        transform: scaleX(-1);
        transition: all .3s ease;
        width: 17px;
        height: 12px;
        fill: #979fad;
        margin-right: 16px
    }

.sign-logo {
    position: absolute;
    top: 255px;
    left: 13px;
    transform: rotate(-90deg);
    width: 134px;
    height: 76px;
    pointer-events: none;
    transform-origin: 0 0
}

@media (max-width: 991px) {
    .sign-logo {
        display: none
    }
}

.sign-logo svg {
    width: 100%;
    fill: #a9aab3;
    height: 100%
}

.sign-box {
    background-color: #1c1d1fe6;
    border-radius: 16px;
    padding: 48px;
    width: 100%
}

@media (max-width: 991px) {
    .sign-box {
        padding: 28px
    }
}

.sign-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .sign-list {
        margin-bottom: 28px
    }
}

.sign-list__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px
}

    .sign-list__item:last-child {
        margin-bottom: 0
    }

    .sign-list__item p {
        font-weight: 300;
        font-size: 16px;
        color: #979fad;
        line-height: 1.2
    }

    .sign-list__item svg {
        width: 10px;
        height: 10px;
        fill: #aa5a5a;
        margin-right: 10px;
        margin-bottom: -4px;
        min-width: 10px;
        margin-top: 7px
    }

    .sign-list__item.green p {
        color: #8996c3
    }

    .sign-list__item.green svg {
        fill: #8996c3;
        width: 12px;
        margin-right: 8px
    }

.sign-upline {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 56px;
    border: 1px solid #2F3136;
    border-radius: 16px;
    margin-bottom: 28px
}

    .sign-upline input {
        padding: 17px 42px 17px 22px;
        width: 100%;
        height: 100%;
        outline: none;
        border: none;
        background: transparent;
        font-weight: 400;
        font-size: 18px;
        color: #a9aab3
    }

    .sign-upline ::placeholder {
        color: #a9aab3
    }

.sign-upline__clear {
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    cursor: pointer
}

    .sign-upline__clear:hover svg {
        fill: #8996c3
    }

    .sign-upline__clear svg {
        width: 100%;
        height: 100%;
        fill: #979fad;
        transition: all .3s ease
    }

.sign-hero {
    margin-bottom: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.sign-hero__img {
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin-right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden
}

    .sign-hero__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%
    }

.sign-hero p {
    font-weight: 500;
    font-size: 18px;
    color: #fff
}

.sign-check {
    margin-bottom: 28px;
    display: block;
    cursor: pointer
}

    .sign-check input {
        display: none
    }

        .sign-check input:checked + p:after {
            background-color: #fff;
            border-color: #fff
        }

        .sign-check input:checked + p svg {
            opacity: 1
        }

    .sign-check p {
        position: relative;
        padding-left: 34px;
        font-weight: 400;
        font-size: 18px;
        color: #a9aab3
    }

        .sign-check p:after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #979FAD;
            border-radius: 2px;
            content: "";
            z-index: 1;
            transition: all .3s ease
        }

        .sign-check p svg {
            position: absolute;
            top: 50%;
            left: 9px;
            transform: translate(-50%,-50%);
            fill: #161515;
            width: 12px;
            height: 12px;
            opacity: 0;
            transition: all .3s ease;
            z-index: 2
        }

        .sign-check p a {
            text-decoration: underline;
            color: #979fad;
            transition: all .3s ease
        }

            .sign-check p a:hover {
                color: #8996c3
            }

.sign-shield {
    position: absolute;
    right: -92px;
    top: 492px;
    z-index: -1;
    pointer-events: none;
    max-width: 320px
}

    .sign-shield img {
        max-width: 100%
    }

.sign-btns {
    margin-bottom: -28px
}

.contacts {
    width: 100%;
    padding: 46px 0 75px;
    z-index: 1
}

@media (max-width: 991px) {
    .contacts {
        padding: 20px 0
    }
}

.contacts-wrap {
    padding: 47px 102px 17px 105px;
    box-shadow: 0 8px 36px #11646680;
    background-color: #16151566;
    border-radius: 16px;
    margin-bottom: 57px;
    position: relative;
    z-index: 1;
    min-height: 480px
}

@media (max-width: 991px) {
    .contacts-wrap {
        min-height: 0;
        padding: 28px 28px 0
    }
}

.contacts-wrap .guide-scene__title {
    right: auto;
    left: 35px;
    top: 50px;
    font-size: 27px;
    color: #a9aab3;
    transform: translateY(0) scale(-1)
}

@media (max-width: 991px) {
    .contacts-wrap .guide-scene__title {
        display: none
    }
}

.contacts .header-title {
    margin-bottom: 28px
}

.contacts .m-title, .contacts .invest-tabs {
    margin-bottom: 20px
}

.contacts .m-subtitle {
    margin-bottom: 14px
}

.contacts-form {
    background-color: #1c1d1f;
    border-radius: 16px;
    padding: 48px 48px 24px;
    margin-bottom: 28px;
    width: 100%
}

@media (max-width: 991px) {
    .contacts-form {
        padding: 28px 28px 0
    }
}

.contacts .header-contacts {
    justify-content: flex-start
}

    .contacts .header-contacts a svg {
        fill: #979fad;
        transition: all .3s ease
    }

    .contacts .header-contacts a:hover svg {
        fill: #fff
    }

.contacts-icon {
    height: 236px;
    filter: grayscale(100) blur(3px);
    margin: -190px -103px -46px auto;
    max-width: 231px;
    pointer-events: none;
    z-index: -1
}

    .contacts-icon img {
        height: 100%
    }

.contacts-map {
    width: 100%;
    height: 311px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 28px;
    border-radius: 16px;
    overflow: hidden
}

@media (max-width: 991px) {
    .contacts-map {
        height: auto;
        width: calc(100% + 56px);
        margin-left: -28px;
        border-radius: 0
    }
}

.contacts-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.contacts .faq-links {
    margin-bottom: 28px
}

.error-page {
    min-height: calc(var(--vh, 1vh) * 100);
    padding: 100px 0
}

@media (max-width: 991px) {
    .error-page {
        padding: 20px 0
    }
}

.error-page .header-logo {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px
}

@media (max-width: 991px) {
    .error-page .header-logo {
        margin-bottom: 20px
    }
}

.error-page__box {
    width: 100%;
    border-radius: 16px;
    position: relative;
    box-shadow: 0 8px 36px #11646680;
    background-color: #16151566;
    padding: 70px;
    text-align: center
}

@media (max-width: 991px) {
    .error-page__box {
        padding: 28px
    }
}

.error-page__box .m-subtitle {
    margin-bottom: 15px
}

.error-page__box .m-title {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .error-page__box .m-title {
        font-size: 30px
    }
}

.error-page__box .guide-scene__title {
    right: auto;
    left: 35px;
    top: 50%;
    font-size: 27px;
    color: #a9aab3
}

@media (max-width: 991px) {
    .error-page__box .guide-scene__title {
        display: none
    }
}

.error-page__title {
    font-weight: 600;
    font-size: 256px;
    margin-bottom: 15px;
    color: #fff
}

@media (max-width: 991px) {
    .error-page__title {
        font-size: 200px
    }
}

@media (max-width: 767px) {
    .error-page__title {
        font-size: 100px
    }
}

.error-page__text {
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    margin-bottom: 2px;
    margin-top: 8px
}

@media (max-width: 767px) {
    .error-page__text {
        font-size: 18px
    }
}

.error-page__text_sm {
    font-size: 18px;
    max-width: 964px;
    margin: 0 auto 36px
}

@media (max-width: 767px) {
    .error-page__text_sm {
        font-size: 14px
    }
}

.error-page_pin .error-page__title {
    font-size: 198px
}

@media (max-width: 991px) {
    .error-page_pin .error-page__title {
        font-size: 120px
    }
}

@media (max-width: 767px) {
    .error-page_pin .error-page__title {
        font-size: 60px
    }
}

.msg {
    position: absolute;
    z-index: 1000;
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 100);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 20px;
    display: none;
    overflow-y: auto
}

    .msg.active {
        display: flex
    }

.msg-item {
    pointer-events: all;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 463px;
    border-radius: 16px;
    background-color: #231818db;
    box-shadow: 0 8px 36px #11646680;
    padding: 22px;
    position: relative;
    margin-bottom: 14px
}

    .msg-item:last-child {
        margin-bottom: 0
    }

    .msg-item h3 {
        font-weight: 400;
        font-size: 18px;
        color: #b85d5d;
        text-transform: uppercase;
        margin-bottom: 11px
    }

    .msg-item p {
        font-weight: 400;
        font-size: 16px;
        color: #979fad;
        line-height: 1.63
    }

    .msg-item.green {
        background-color: #181e17db
    }

        .msg-item.green h3 {
            color: #253d81
        }

    .msg-item.yellow {
        background-color: #1d1601db
    }

        .msg-item.yellow h3 {
            color: #f1bb0c
        }

    .msg-item.blue {
        background-color: #121619db
    }

        .msg-item.blue h3 {
            color: #627e9a
        }

.msg-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

    .msg-close:hover svg {
        fill: #fff
    }

    .msg-close svg {
        width: 100%;
        height: 100%;
        fill: #979fad;
        transition: all .3s ease
    }

.refs-table {
    display: block;
    margin-bottom: 54px;
    padding: 126px 0 16px;
    width: 100%;
    overflow-x: auto
}

.refs-table__icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: calc(100% - 35px);
    width: 200px;
    height: 200px;
    pointer-events: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

    .refs-table__icon img {
        max-width: 100%
    }

.refs-table__row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    border-radius: 19px;
    width: 1196px
}

    .refs-table__row:hover {
        background-color: #16151578
    }

    .refs-table__row:first-child:hover, .refs-table__row:last-child:hover {
        background-color: transparent
    }

    .refs-table__row:first-child .refs-table__cell {
        padding-bottom: 6px
    }

        .refs-table__row:first-child .refs-table__cell:after {
            border-radius: 16px 16px 0 0;
            height: calc(100% + 22px);
            bottom: 0;
            top: auto
        }

    .refs-table__row:last-child .refs-table__cell {
        padding-top: 6px
    }

        .refs-table__row:last-child .refs-table__cell:after {
            border-radius: 0 0 16px 16px;
            height: calc(100% + 16px)
        }

.refs-table__cell {
    width: 100%;
    text-align: center;
    border-right: 1px solid #2A2C2E;
    position: relative;
    z-index: 1;
    padding: 0 12px;
    min-height: 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

    .refs-table__cell:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #16151578;
        content: "";
        z-index: -1;
        opacity: 0
    }

    .refs-table__cell:first-child, .refs-table__cell:last-child {
        max-width: 72px
    }

    .refs-table__cell:last-child {
        border-right: none
    }

    .refs-table__cell.active:after {
        opacity: 1
    }

    .refs-table__cell.active .m-btn {
        background-color: #253d81;
        color: #fff
    }

        .refs-table__cell.active .m-btn:after {
            background-color: #253d81
        }

.refs-table__title {
    font-weight: 400;
    font-size: 20px;
    color: #babfcd
}

    .refs-table__title span {
        display: block;
        margin-top: 14px;
        font-size: 18px
    }

.refs-table__val {
    font-weight: 700;
    font-size: 20px;
    color: #fff
}

.refs-table__num {
    font-weight: 400;
    font-size: 20px;
    color: #6a707c
}

.refs-status {
    width: 100%;
    margin-bottom: 48px
}

@media (max-width: 991px) {
    .refs-status {
        overflow-x: auto;
        padding-bottom: 40px;
        margin-bottom: 8px
    }
}

@media (max-width: 575px) {
    .refs-status {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px
    }
}

.refs-status__wrap {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px
}

@media (max-width: 991px) {
    .refs-status__wrap {
        min-width: 932px
    }
}

.refs-status .swiper {
    overflow: visible;
    width: 100%
}

.refs-status__slider {
    position: relative;
    z-index: 2;
    grid-area: 1/2/2/6
}

.refs-status__head {
    margin-bottom: 12px
}

    .refs-status__head .m-title {
        margin-bottom: 20px
    }

.refs-status__nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .refs-status__nav {
        width: 100%;
        justify-content: space-between;
        position: relative
    }
}

.refs-status__nav .swiper-button-prev, .refs-status__nav .swiper-button-next {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: static;
    inset: auto;
    font-weight: 700;
    font-size: 18px;
    color: #979fad;
    width: auto;
    height: auto;
    text-transform: uppercase;
    transition: all .3s ease;
    line-height: 1;
    margin: 0
}

@media (max-width: 575px) {
    .refs-status__nav .swiper-button-prev, .refs-status__nav .swiper-button-next {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .refs-status__nav .swiper-button-prev, .refs-status__nav .swiper-button-next {
        font-size: 12px
    }
}

.refs-status__nav .swiper-button-prev:hover, .refs-status__nav .swiper-button-next:hover {
    color: #8996c3
}

    .refs-status__nav .swiper-button-prev:hover svg, .refs-status__nav .swiper-button-next:hover svg {
        fill: #8996c3
    }

.refs-status__nav .swiper-button-prev svg, .refs-status__nav .swiper-button-next svg {
    width: 17px;
    height: 12px;
    fill: #979fad;
    transition: all .3s ease
}

.refs-status__nav .swiper-button-prev {
    margin-right: 24px
}

    .refs-status__nav .swiper-button-prev svg {
        margin-right: 16px;
        transform: scaleX(-1)
    }

.refs-status__nav .swiper-button-next svg {
    margin-left: 16px
}

.refs-status__table {
    width: 100%;
    background-color: #16151599;
    box-shadow: 0 8px 36px #11646680;
    border-radius: 0 16px 16px 0;
    position: relative;
    overflow-y: auto
}

    .refs-status__table table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        text-align: center
    }

        .refs-status__table table td {
            border-right: 1px solid #161515;
            padding: 6px 0
        }

            .refs-status__table table td:last-child {
                border-right: none
            }

        .refs-status__table table thead tr td {
            padding: 18px 0 24px
        }

        .refs-status__table table tbody tr td {
            padding: 16px 0 20px
        }

        .refs-status__table table tbody tr:first-child td {
            background-color: #11646633;
            padding: 5px 0 10px
        }

.refs-status__title {
    font-weight: 400;
    font-size: 20px;
    color: #babfcd
}

.refs-status__val {
    font-weight: 700;
    font-size: 20px;
    color: #fff
}

.refs-status__val-short {
    padding: 0 60px
}

.refs-status__val-small {
    color: #babfcd;
    font-size: 16px;
    font-weight: 400
}

.refs-status__text {
    font-weight: 400;
    font-size: 20px;
    color: #babfcd
}

.refs-status__scroll {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px
}

    .refs-status__scroll .nicescroll-box {
        background-color: #26282a;
        height: 254px;
        border-bottom-right-radius: 16px;
        width: 100%
    }

.refs-status__row {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    position: relative
}

.refs-status__col {
    width: 100%;
    text-align: center;
    padding: 18px 10px;
    border-right: 1px solid #161515
}

    .refs-status__col:last-child {
        border-right: none
    }

.refs-status__list {
    grid-area: 1/1/2/2;
    background-color: #1c1d1f;
    border-radius: 16px 0 0 16px;
    box-shadow: 0 8px 36px #11646680;
    z-index: 20;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 416px;
    overflow: hidden
}

    .refs-status__list .nicescroll-box {
        flex-grow: 1;
        width: 100%
    }

        .refs-status__list .nicescroll-box .wrap {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start
        }

.refs-status__list-head {
    padding: 18px 0 24px;
    font-weight: 400;
    font-size: 20px;
    color: #babfcd;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.refs-status__list-cur {
    width: 100%;
    background-color: #253d81;
    pointer-events: none;
    margin-bottom: 5px
}

    .refs-status__list-cur .refs-status__list-item {
        margin-bottom: 0
    }

.refs-status__list-item {
    padding: 5px 0 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-bottom: 7px;
    transition: all .3s ease;
    width: 100%
}

    .refs-status__list-item:last-child {
        margin-bottom: 0
    }

    .refs-status__list-item:hover {
        background-color: #2a2c2e
    }

    .refs-status__list-item.active {
        display: none
    }

.modal {
    right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: fixed;
    z-index: 9999999
}

.btn-show {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-right: 33px;
    cursor: pointer;
    opacity: .6;
    transition: all .3s
}

    .btn-show:hover {
        opacity: 1
    }

    .btn-show img {
        position: absolute;
        right: 5px;
        width: 8px;
        transform: rotate(-270deg)
    }

    .btn-show.active img {
        transform: rotate(270deg)
    }

.rank-img {
    position: absolute;
    left: -32px;
    width: 150px !important;
    height: 150px !important;
    top: -32px
}

.rank-img-2, .rank-img-3 {
    top: -30px
}

.rank-img-4 {
    top: -10px
}

.rank-img-5 {
    left: -34px;
    top: -28px
}

.rank-img-7 {
    left: -48px;
    width: 195px !important;
    height: 128px !important;
    top: -19px
}

.iti-mobile .iti__dial-code {
    color: #8c8c8c;
    font-size: 18px
}

@media (max-width: 575px) {
    .iti-mobile .iti__dial-code {
        font-size: 14px
    }
}

.iti-mobile .iti__country {
    width: 100%;
    padding: 14px 18px;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    transition: all .3s ease
}

    .iti-mobile .iti__country:hover {
        background-color: #2a2c2e
    }

.iti-mobile .iti__country-name {
    color: #fff;
    font-weight: 400;
    font-size: 18px
}

@media (max-width: 575px) {
    .iti-mobile .iti__country-name {
        font-size: 14px
    }
}

.iti-mobile .iti__country-list {
    width: calc(100vw - 20px);
    background-color: #161515;
    overflow-x: hidden;
    border: none;
    border-radius: 16px
}

    .iti-mobile .iti__country-list::-webkit-scrollbar {
        width: 2px;
        border-radius: 10px
    }

    .iti-mobile .iti__country-list::-webkit-scrollbar-track {
        background: transparent
    }

    .iti-mobile .iti__country-list::-webkit-scrollbar-thumb {
        background-color: #485353;
        border-radius: 20px;
        border: 0px solid orange
    }

.iti-mobile .iti__divider {
    display: none
}

.iti-mobile .iti__active {
    background-color: #2a2c2e
}

.cab {
    padding: 28px 0 10px;
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 100);
    position: relative;
    z-index: 1
}

    .cab:after {
        z-index: -1;
        background-image: url(/img/cab-circle.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        content: "";
        position: absolute;
        top: 867px;
        left: 15%;
        width: 161px;
        height: 158px;
        pointer-events: none
    }

@media (max-width: 1400px) {
    .cab:after {
        left: 5%
    }
}

@media (max-width: 991px) {
    .cab:after {
        display: none
    }
}

@media (max-width: 1223px) {
    .cab {
        padding-top: 95px
    }
}

@media (min-width: 1238px) {
    .cab .container {
        max-width: 1238px
    }
}

@media (max-width: 575px) {
    .cab__no-footer footer {
        display: none
    }
}

.cab .bg-shadow {
    background-size: auto;
    background-image: url(/img/cab-shadow.png)
}

.cab .m-input textarea {
    height: 124px
}

.cab .m-input input, .cab .m-input textarea {
    background-color: #16151566;
    font-size: 16px
}

    .cab .m-input input.error, .cab .m-input textarea.error {
        background-color: #bb353566;
        color: #a9aab3
    }

    .cab .m-input input.disabled, .cab .m-input input:disabled, .cab .m-input textarea.disabled, .cab .m-input textarea:disabled {
        background-color: #1615153d;
        color: #979fad;
        pointer-events: none
    }

    .cab .m-input input.success, .cab .m-input textarea.success {
        background-color: #a9aab366;
        color: #fff
    }

    .cab .m-input input:focus, .cab .m-input textarea:focus {
        background-color: #fff;
        color: #161515
    }

.cab .m-input ::placeholder {
    color: #6a707c
}

.cab-content {
    min-width: 0
}

@media (max-width: 991px) {
    .cab-content {
        width: 100%
    }
}

.cab-content > .m-title {
    margin-bottom: 30px
}

.cab-template {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 28px
}

@media (max-width: 1223px) {
    .cab-template {
        grid-template-columns: 1fr 2fr;
        grid-column-gap: 77px
    }
}

@media (max-width: 991px) {
    .cab-template {
        display: block
    }
}

@media (max-width: 1223px) {
    .cab-template.active {
        grid-template-columns: 2fr 1fr
    }

        .cab-template.active .cab-side__left {
            display: none
        }

        .cab-template.active .cab-side__right {
            display: block
        }
}

@media (max-width: 991px) {
    .cab-template.active {
        grid-template-columns: 1fr
    }

        .cab-template.active .cab-side__left {
            display: block
        }
}

.cab-side__left {
    position: relative;
    z-index: 30
}

    .cab-side__left .nicescroll-box {
        overflow: visible !important
    }

@media (max-width: 991px) {
    .cab-side__left {
        display: block;
        position: fixed;
        top: 70px;
        left: 0;
        transform: translate(-100%);
        opacity: 0;
        pointer-events: none;
        max-width: 375px;
        width: 100%;
        background-image: url(/img/cab-side-mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-position: 0 0;
        z-index: 100;
        height: calc(var(--vh, 1vh) * 100 - 70px);
        transition: all .3s ease
    }

        .cab-side__left:after {
            width: 10000px;
            height: 100%;
            left: 100%;
            top: 0;
            background-color: #161515b3;
            position: absolute;
            content: ""
        }

        .cab-side__left.active {
            opacity: 1;
            transform: translate(0);
            pointer-events: all
        }

        .cab-side__left .nicescroll-box {
            height: 100%;
            overflow: hidden !important
        }

            .cab-side__left .nicescroll-box .wrap {
                padding: 26px 20px
            }
}

@media (max-width: 1223px) {
    .cab-side__right {
        display: none
    }
}

@media (max-width: 991px) {
    .cab-side__right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        position: fixed;
        top: 70px;
        right: 0;
        transform: translate(100%);
        opacity: 0;
        pointer-events: none;
        max-width: 375px;
        width: 100%;
        background-color: #2f3136;
        z-index: 100;
        height: calc(var(--vh, 1vh) * 100 - 70px);
        transition: all .3s ease;
        background-image: url(/img/cab-side-mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-position: 0 0
    }

        .cab-side__right:after {
            width: 10000px;
            height: 100%;
            right: 100%;
            top: 0;
            background-color: #161515b3;
            position: absolute;
            content: ""
        }

        .cab-side__right.active {
            opacity: 1;
            transform: translate(0);
            pointer-events: all
        }
}

.cab-side__right > .nicescroll-box {
    overflow: visible !important
}

@media (max-width: 991px) {
    .cab-side__right > .nicescroll-box {
        height: 100%;
        overflow: hidden !important
    }
}

@media (max-width: 991px) {
    .cab-side__right > .nicescroll-box .wrap {
        padding: 20px
    }
}

@media (max-width: 1223px) {
    .cab-side__right .cab-chat__btns {
        display: none
    }
}

.cab-side__right .cab-nodata {
    margin-top: 20px
}

    .cab-side__right .cab-nodata:last-child {
        margin-bottom: 0
    }

.cab-logo {
    max-width: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 30px
}

@media (max-width: 1223px) {
    .cab-logo {
        max-width: 74px
    }
}

.cab-logo img {
    max-width: 100%
}

.cab .header-lang {
    margin-bottom: 30px;
    z-index: 2;
    position: relative
}

@media (max-width: 575px) {
    .cab .header-lang {
        position: static
    }
}

.cab .header-lang__btn {
    padding: 0;
    background-color: transparent
}

.cab .header-lang__drop {
    border-radius: 16px;
    right: auto;
    left: -8px
}

@media (max-width: 1223px) {
    .cab .header-lang__drop {
        right: -8px;
        left: auto;
        top: calc(100% + 21px)
    }
}

@media (max-width: 575px) {
    .cab .header-lang__drop {
        width: 100vw;
        right: -10px;
        box-shadow: 0 8px 36px #11646680;
        min-width: 375px;
        justify-content: center;
        padding: 20px 70px;
        border-radius: 0 0 16px 16px
    }
}

.cab .header-lang.active .header-lang__btn {
    background-color: transparent
}

.cab .header-hero {
    margin-left: 0;
    width: 100%;
    margin-bottom: 34px
}

    .cab .header-hero:hover {
        background: transparent
    }

.cab .m-subtitle {
    margin-bottom: 8px;
    font-size: 18px
}

.cab-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 30px
}

    .cab-menu:last-child {
        margin-bottom: 0
    }

.cab-menu__title {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-bottom: 14px;
    text-transform: uppercase
}

.cab-menu__item {
    padding: 18px 18px 18px 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #babfcd;
    text-decoration: none;
    transition: all .3s ease;
    border-radius: 16px
}

    .cab-menu__item:hover {
        color: #fff
    }

        .cab-menu__item:hover svg {
            fill: #fff
        }

    .cab-menu__item svg {
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translate(-50%,-50%);
        fill: #6a707c;
        width: 24px;
        height: 24px;
        transition: all .3s ease
    }

    .cab-menu__item span {
        margin-left: 10px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #979fad;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-weight: 600;
        font-size: 12px;
        color: #fff
    }

        .cab-menu__item span.active {
            background-color: #ff754c
        }

    .cab-menu__item .live {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        content: "";
        background-color: #17c828;
        border: 4px solid #253d81;
        margin-left: 16px;
        animation: live 2s infinite ease-in-out;
        transition: all .3s ease
    }

    .cab-menu__item.active {
        background-color: #253d81;
        color: #fff
    }

        .cab-menu__item.active svg {
            fill: #fff
        }

.cab-chat__btns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 12px
}

.cab-chat__title {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 21px
}

.cab-chat__nav {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(28,29,31,.5)
}

    .cab-chat__nav .cab-search {
        width: calc(100% - 68px);
        margin-right: 12px
    }

    .cab-chat__nav .cab-btn {
        margin-right: 12px;
        flex-grow: 1
    }

    .cab-chat__nav .cab-btn-icon {
        margin-right: 0;
        margin-bottom: 0
    }

.cab-chat__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(28,29,31,.5)
}

@media (max-width: 991px) {
    .cab-chat__list {
        flex-grow: 1;
        max-height: calc(100% - 128px)
    }
}

.cab-chat__list .nicescroll-box {
    max-height: 866px
}

@media (max-width: 991px) {
    .cab-chat__list .nicescroll-box {
        max-height: none
    }
}

.cab-chat-msg {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 11px 16px 11px 80px;
    position: relative;
    border-radius: 16px;
    transition: all .3s ease;
    cursor: pointer;
    margin-bottom: 6px;
    z-index: 1;
    min-height: 97px
}

    .cab-chat-msg:last-child {
        margin-bottom: 0
    }

    .cab-chat-msg:hover {
        background-color: #16151566
    }

        .cab-chat-msg:hover:after {
            opacity: 1
        }

        .cab-chat-msg:hover .cab-chat-msg__name {
            color: #fff
        }

        .cab-chat-msg:hover .cab-chat-msg__text {
            color: #d6d6d6
        }

    .cab-chat-msg:after {
        height: calc(100% - 40px);
        top: 40px;
        left: 16px;
        width: 48px;
        background-color: #1c1d1f66;
        content: "";
        position: absolute;
        opacity: 0;
        transition: all .3s ease;
        z-index: -1
    }

    .cab-chat-msg .header-hero__img {
        position: absolute;
        top: 16px;
        left: 16px;
        transform: translate(0);
        width: 48px;
        height: 48px;
        box-shadow: none
    }

.cab-chat-msg__lvl {
    position: absolute;
    left: 40px;
    top: 67px;
    transform: translate(-50%);
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 1.29
}

.cab-chat-msg__btn {
    position: absolute;
    top: 13px;
    right: 16px;
    cursor: pointer;
    z-index: 2
}

    .cab-chat-msg__btn:hover svg {
        fill: #8996c3
    }

    .cab-chat-msg__btn svg {
        width: 12px;
        height: 12px;
        fill: #fff;
        transition: all .3s ease
    }

.cab-chat-msg__date {
    font-weight: 300;
    font-size: 11px;
    color: #979fad;
    margin-bottom: 5px
}

    .cab-chat-msg__date:last-child {
        margin-bottom: 0
    }

.cab-chat-msg__status {
    font-weight: 300;
    font-size: 11px;
    color: #8996c3;
    margin-bottom: 5px
}

    .cab-chat-msg__status:last-child {
        margin-bottom: 0
    }

.cab-chat-msg__name {
    font-weight: 500;
    font-size: 16px;
    color: #babfcd;
    margin-bottom: 5px;
    line-height: 1.13;
    transition: all .3s ease
}

    .cab-chat-msg__name:last-child {
        margin-bottom: 0
    }

    .cab-chat-msg__name.active {
        position: relative;
        padding-left: 13px
    }

        .cab-chat-msg__name.active:after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #8996c3;
            content: ""
        }

    .cab-chat-msg__name.white {
        color: #fff
    }

.cab-chat-msg__text {
    font-weight: 500;
    font-size: 14px;
    color: #979fad;
    transition: all .3s ease
}

.cab-chat-msg_notifi {
    min-height: 80px
}

    .cab-chat-msg_notifi:hover .cab-notifi__icon {
        background-color: #16151599;
        border-color: transparent
    }

    .cab-chat-msg_notifi .cab-notifi__icon {
        position: absolute;
        top: 16px;
        left: 16px
    }

    .cab-chat-msg_notifi:after {
        display: none
    }

.cab-chat-scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    min-height: calc(var(--vh, 1vh) * 100 - 38px)
}

@media (max-width: 1223px) {
    .cab-chat-scroll {
        min-height: calc(var(--vh, 1vh) * 100 - 105px)
    }
}

.cab-chat-scroll > .m-title {
    width: 100%
}

.cab-chat-scroll .cab-nodata__title {
    width: 100%
}

.cab-chat-scroll > .row {
    width: calc(100% + 30px)
}

@media (max-width: 575px) {
    .cab-chat-scroll .m-input {
        margin-bottom: 10px
    }
}

@media (max-width: 575px) {
    .cab-chat-scroll .m-input textarea {
        height: 56px;
        max-height: 160px;
        vertical-align: middle
    }
}

.cab-chat__wrap {
    border-top: 1px solid #1C1D1F;
    border-bottom: 1px solid #1C1D1F;
    margin-bottom: 18px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: calc(var(--vh, 1vh) * 100 - 365px);
    padding: 20px 0;
    overflow-y: scroll
}

@media (max-width: 991px) {
    .cab-chat__wrap {
        height: calc(var(--vh, 1vh) * 100 - 428px)
    }
}

@media (max-width: 575px) {
    .cab-chat__wrap {
        height: calc(var(--vh, 1vh) * 100 - 280px)
    }
}

.cab-chat__wrap::-webkit-scrollbar {
    width: 2px
}

.cab-chat__wrap::-webkit-scrollbar-track {
    background-color: transparent
}

.cab-chat__wrap::-webkit-scrollbar-thumb {
    background-color: #8996c3;
    border-radius: 100px
}

.cab-chat__wrap::-webkit-scrollbar-button {
    display: none
}

.cab-chat__wrap .nicescroll-box-chat {
    display: inline-block;
    min-height: 300px;
    width: 100%;
    cursor: default !important;
    width: calc(100% + 6px);
    padding-right: 6px;
    flex-grow: 1
}

@media (max-width: 1223px) {
    .cab-chat__wrap .nicescroll-box-chat {
        height: calc(var(--vh, 1vh) * 100 - 480px)
    }
}

.cab-chat__wrap .nicescroll-box-chat .wrap {
    padding: 20px 0
}

.cab-chat__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 14px
}

    .cab-chat__item:last-child {
        margin-bottom: 0
    }

    .cab-chat__item .cab-hero {
        margin-bottom: 12px;
        width: auto
    }

    .cab-chat__item .cab-hero__name {
        color: #fff
    }

    .cab-chat__item .cab-hero__date {
        color: #979fad
    }

.cab-chat__item_right {
    align-items: flex-end
}

    .cab-chat__item_right .cab-chat__msg {
        background-color: #253d81;
        border-radius: 16px 0 16px 16px
    }

.cab-chat__msg {
    background-color: #16151566;
    border-radius: 0 16px 16px;
    padding: 20px;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    max-width: 482px
}

    .cab-chat__msg > svg {
        width: 18px;
        height: 10px;
        fill: #fff;
        margin-left: 10px
    }

@keyframes shine {
    to {
        background-position-x: -200%
    }
}

.cab-chat__loader .cab-chat__title {
    max-width: 153px;
    height: 20px;
    background: linear-gradient(100deg,rgba(21,21,21,.4) 11%,rgba(21,21,21,.5) 28%,rgba(21,21,21,.4) 45%);
    background-size: 200% 100%;
    animation: 1.3s shine linear infinite;
    border-radius: 16px
}

.cab-chat__loader .cab-search-box {
    width: calc(100% - 68px);
    margin-right: 12px;
    height: 56px;
    background: linear-gradient(100deg,rgba(21,21,21,.4) 11%,rgba(21,21,21,.5) 28%,rgba(21,21,21,.4) 45%);
    background-size: 200% 100%;
    animation: 1.3s shine linear infinite;
    border-radius: 16px
}

.cab-chat__loader .cab-search-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(100deg,rgba(21,21,21,.4) 11%,rgba(21,21,21,.5) 28%,rgba(21,21,21,.4) 45%);
    background-size: 200% 100%;
    animation: 1.3s shine linear infinite;
    border-radius: 16px
}

.cab-chat__loader .cab-chat-msg {
    height: 80px;
    background: linear-gradient(100deg,rgba(21,21,21,.4) 11%,rgba(21,21,21,.5) 28%,rgba(21,21,21,.4) 45%);
    background-size: 200% 100%;
    animation: 1.3s shine linear infinite;
    border-radius: 16px;
    min-height: auto;
    cursor: default;
    padding: 15px 16px 14px 80px
}

    .cab-chat__loader .cab-chat-msg:after {
        content: none
    }

.cab-chat__loader .cab-chat-msg__circle {
    width: 48px;
    height: 48px;
    background: rgba(21,21,21,.4);
    border-radius: 50%;
    position: absolute;
    top: 16px;
    left: 16px;
    transform: translate(0)
}

.cab-chat__loader .cab-chat-msg__strings {
    width: 100%
}

.cab-chat__loader .cab-chat-msg__string {
    height: 20px;
    background: rgba(21,21,21,.4);
    border-radius: 16px;
    margin-bottom: 10px
}

    .cab-chat__loader .cab-chat-msg__string:last-child {
        margin-bottom: 0
    }

.cab-chat__input {
    margin-top: auto
}

.cab-btn-icon {
    width: 56px;
    height: 56px;
    margin-right: 12px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 16px;
    border: 1px solid #1C1D1F;
    transition: all .3s ease
}

    .cab-btn-icon:hover {
        box-shadow: 0 8px 36px #11646680;
        background-color: #16151599
    }

        .cab-btn-icon:hover svg {
            fill: #8996c3
        }

        .cab-btn-icon:hover span {
            background-color: #ff754c
        }

    .cab-btn-icon span {
        position: absolute;
        top: 6px;
        right: 7px;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background-color: #979fad;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 12px;
        color: #fff;
        line-height: 1;
        z-index: 2;
        transition: all .3s ease;
        padding-left: 1px;
        padding-bottom: 3px
    }

        .cab-btn-icon span.active {
            background-color: #ff754c
        }

    .cab-btn-icon svg {
        width: 22px;
        height: 22px;
        fill: #979fad;
        transition: all .3s ease
    }

.cab-search {
    width: 100%;
    background-color: #16151566;
    position: relative;
    border-radius: 16px;
    transition: all .3s ease
}

    .cab-search:focus-within {
        background-color: #fff
    }

        .cab-search:focus-within input {
            color: #161515
        }

        .cab-search:focus-within button svg {
            fill: #253d81
        }

    .cab-search input {
        width: 100%;
        height: 56px;
        padding: 10px 52px 10px 22px;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        border: none;
        outline: none;
        background: transparent;
        transition: all .3s ease
    }

    .cab-search ::placeholder {
        color: #a9aab3
    }

    .cab-search button {
        position: absolute;
        top: 0;
        right: 0;
        width: 52px;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0;
        background: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        transition: all .3s ease
    }

        .cab-search button:hover svg {
            fill: #fff
        }

        .cab-search button svg {
            width: 18px;
            height: 18px;
            fill: #979fad;
            transition: all .3s ease
        }

.cab-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #161515d9;
    box-shadow: 0 8px 24px #11646680;
    z-index: 100;
    padding: 15px 0;
    display: none;
    min-height: 70px
}

@media (max-width: 1223px) {
    .cab-header {
        display: block
    }
}

.cab-header .cab-logo {
    margin-bottom: 0
}

.cab-header .header-lang {
    margin-bottom: 0;
    margin-right: 15px
}

    .cab-header .header-lang:hover .header-lang__btn {
        opacity: 1
    }

.cab-header .header-lang__btn {
    font-size: 0;
    opacity: .5
}

    .cab-header .header-lang__btn > svg {
        display: none
    }

    .cab-header .header-lang__btn .header-lang__icon {
        margin-left: 0
    }

.cab-header .cab-chat__btns {
    margin-bottom: 0
}

.cab-header .cab-btn-icon {
    margin-bottom: 0;
    width: 22px;
    height: 22px;
    margin-right: 21px
}

    .cab-header .cab-btn-icon:last-child {
        margin-right: 0
    }

    .cab-header .cab-btn-icon svg {
        width: 100%;
        height: 100%
    }

    .cab-header .cab-btn-icon span {
        top: -11px;
        right: -9px
    }

.cab-burger {
    width: 20px;
    height: 16px;
    position: relative;
    margin-right: 24px
}

    .cab-burger span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px
    }

    .cab-burger:before {
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        transition: all .3s ease
    }

    .cab-burger:after {
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all .3s ease
    }

@media (max-width: 991px) {
    .cab-burger.active span {
        opacity: 0
    }

    .cab-burger.active:after {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .cab-burger.active:before {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(-45deg)
    }
}

.cab-bal {
    width: 100%;
    border-radius: 16px;
    background-color: #16151566;
    padding: 24px;
    margin-bottom: 28px
}

    .cab-bal .m-text {
        margin-bottom: 0
    }

        .cab-bal .m-text p {
            font-size: 14px;
            font-weight: 300
        }

    .cab-bal .m-btn {
        margin-bottom: 22px
    }

        .cab-bal .m-btn:last-child {
            margin-bottom: 0
        }

.cab-bal__title {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    margin-bottom: 16px
}

.cab-bal__tabs {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    background-color: #16151566;
    border-radius: 30px;
    margin-bottom: 18px
}

.cab-bal__tabs-item {
    padding: 10px 25px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #979fad;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none
}

    .cab-bal__tabs-item:hover {
        color: #fff
    }

    .cab-bal__tabs-item.active {
        color: #fff;
        background-color: #485353
    }

.cab-bal__tabs_color .cab-bal__tabs-item.active {
    background-color: #253d81
}

.cab-bal__tabs_set {
    width: 100%;
    margin-bottom: 30px
}

    .cab-bal__tabs_set .cab-bal__tabs-item {
        font-size: 14px;
        padding: 11px;
        flex-grow: 1
    }

@media (max-width: 575px) {
    .cab-bal__tabs_set .cab-bal__tabs-item {
        font-size: 12px
    }
}

.cab-bal__tabs_plan {
    margin-bottom: 30px
}

@media (max-width: 575px) {
    .cab-bal__tabs_plan {
        width: 100%
    }
}

.cab-bal__tabs_plan .cab-bal__tabs-item {
    font-size: 14px;
    padding: 11px 40px;
    flex-grow: 1
}

@media (max-width: 575px) {
    .cab-bal__tabs_plan .cab-bal__tabs-item {
        font-size: 12px;
        padding: 11px
    }
}

.cab-bal__val {
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin-bottom: 21px;
    letter-spacing: 1.5px
}

    .cab-bal__val:last-child {
        margin-bottom: 0
    }

@media (max-width: 767px) {
    .cab-bal__val:last-child {
        margin-bottom: 20px
    }
}

.cab-bal_gray .cab-bal__title, .cab-bal_gray .cab-bal__val {
    color: #babfcd
}

.cab-title {
    font-weight: 500;
    font-size: 28px;
    color: #fff;
    margin-bottom: 18px
}

.cab-title_mb {
    margin-bottom: 28px
}

.cab-upline {
    width: 100%;
    border-radius: 16px;
    background-color: #16151566;
    margin-bottom: 20px;
    padding: 24px
}

@media (max-width: 767px) {
    .cab-upline .m-btn {
        width: 100%
    }
}

.cab-upline__title {
    font-weight: 500;
    font-size: 16px;
    color: #8996c3;
    margin-bottom: 15px
}

.cab-upline__soc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    flex-wrap: wrap
}

    .cab-upline__soc a {
        margin-right: 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

@media (max-width: 767px) {
    .cab-upline__soc a {
        margin-bottom: 15px
    }
}

.cab-upline__soc a:last-child {
    margin-right: 0
}

.cab-upline__soc a:hover svg {
    fill: #8996c3
}

.cab-upline__soc a svg {
    width: 19px;
    height: 17px;
    fill: #979fad;
    transition: all .3s ease
}

.cab-upline__hero {
    position: relative;
    min-height: 86px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 106px
}

@media (max-width: 767px) {
    .cab-upline__hero {
        margin-bottom: 17px
    }
}

.cab-upline__hero h3 {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px
}

    .cab-upline__hero h3:last-child {
        margin-bottom: 0
    }

.cab-upline__hero p {
    font-weight: 500;
    font-size: 14px;
    color: #979fad;
    margin-bottom: 8px
}

    .cab-upline__hero p:last-child {
        margin-bottom: 0
    }

    .cab-upline__hero p span {
        color: #babfcd
    }

.cab-upline__hero .header-hero__img {
    width: 86px;
    height: 86px;
    box-shadow: none
}

.cab-upline_tr {
    background-color: transparent;
    border: 1px solid #1C1D1F
}

.cab-chart__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 28px
}

    .cab-chart__info.mb4 {
        margin-bottom: 4px
    }

.cab-chart__info-item {
    padding: 12px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all .3s ease;
    width: 100%;
    border-radius: 0 16px 16px 0;
    position: relative;
    margin-bottom: 4px
}

    .cab-chart__info-item:last-child {
        margin-bottom: 0
    }

    .cab-chart__info-item:hover, .cab-chart__info-item.active {
        background-color: #16151566
    }

    .cab-chart__info-item:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 4px;
        height: 44px;
        background-color: #253d81;
        content: ""
    }

    .cab-chart__info-item h3 {
        font-weight: 500;
        font-size: 12px;
        color: #979fad;
        margin-bottom: 6px
    }

        .cab-chart__info-item h3:last-child {
            margin-bottom: 0
        }

    .cab-chart__info-item p {
        font-weight: 500;
        font-size: 26px;
        color: #fff
    }

        .cab-chart__info-item p span {
            font-size: 14px;
            color: #babfcd
        }

    .cab-chart__info-item:nth-child(2):after {
        background-color: #253d81
    }

.cab-chart__info_2 .cab-chart__info-item:nth-child(1):after {
    background-color: #babfcd
}

.cab-chart__info_2 .cab-chart__info-item:nth-child(2):after {
    background-color: #6a707c
}

.cab-chart__info_3 .cab-chart__info-item:nth-child(1):after {
    background-color: #253d81
}

.cab-chart__info_3 .cab-chart__info-item:nth-child(2):after {
    background-color: #fff
}

.cab-chart__info_3 .cab-chart__info-item:nth-child(3):after {
    background-color: #6a707c
}

.cab-chart__info_3 .cab-chart__info-item:nth-child(4):after {
    background-color: #323c46
}

.cab-chart__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.cab-chart__box {
    width: calc(50% - 12px)
}

.cab-chart__item {
    width: 100%;
    height: 284px;
    margin-bottom: 28px
}

.cab-chart__nodata {
    width: 100%;
    height: 315px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background-image: url(/img/cab-chart-nodata.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-position: 50% 100%;
    margin-bottom: 33px
}

    .cab-chart__nodata .cab-nodata__title {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .cab-chart__nodata .cab-nodata__icon {
        margin-right: 0;
        margin-bottom: 12px
    }

.cab-open {
    width: 100%;
    border-radius: 16px;
    background-color: #16151566;
    margin-bottom: 28px;
    padding: 24px
}

@media (max-width: 575px) {
    .cab-open {
        padding-bottom: 6px
    }
}

.cab-open .m-btn {
    margin-bottom: 24px
}

.cab-open__name {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 11px 22px 11px 54px;
    min-height: 36px;
    background-color: #1c1d1f;
    border-radius: 20px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px
}

    .cab-open__name img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 36px;
        height: 36px
    }

.cab-open__date {
    font-weight: 500;
    font-size: 14px;
    color: #979fad;
    margin-bottom: 25px;
    text-align: right
}

    .cab-open__date span {
        color: #babfcd
    }

.cab-open__subtitle {
    font-weight: 500;
    font-size: 12px;
    color: #979fad;
    margin-bottom: 6px;
    text-transform: uppercase
}

.cab-open__val {
    font-weight: 500;
    font-size: 36px;
    color: #fff;
    margin-bottom: 24px
}

    .cab-open__val span {
        font-size: 18px;
        color: #979fad;
        text-transform: uppercase
    }

.cab-open__left {
    font-weight: 500;
    font-size: 14px;
    color: #979fad;
    margin-bottom: 6px
}

    .cab-open__left p {
        font-weight: 500;
        font-size: 14px;
        color: #babfcd;
        display: inline-block
    }

        .cab-open__left p span {
            color: #fff
        }

.cab-open__info_mb {
    margin-bottom: 24px
}

@media (max-width: 575px) {
    .cab-open__info {
        margin-bottom: 18px
    }
}

.cab-open__info .cab-open__val {
    font-size: 26px;
    margin-bottom: 0
}

    .cab-open__info .cab-open__val span {
        font-size: 14px
    }

.cab-open__bar {
    width: 100%;
    margin-bottom: 24px;
    background-color: #1c1d1f;
    border-radius: 20px;
    position: relative;
    height: 14px
}

    .cab-open__bar span {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #253d81;
        border-radius: 20px;
        display: block
    }

.cab-open__bar_sm {
    height: 4px;
    margin-bottom: 12px;
    background-color: #16151566
}

.cab-open_hover {
    background-color: transparent;
    border: 1px solid #1C1D1F;
    transition: all .3s ease;
    box-shadow: none
}

    .cab-open_hover .cab-open__bar, .cab-open_hover .cab-open__name {
        background-color: #1c1d1f66;
        transition: all .3s ease
    }

    .cab-open_hover:hover {
        box-shadow: 0 8px 36px #11646680;
        background-color: #16151566;
        border-color: transparent
    }

        .cab-open_hover:hover .cab-open__bar, .cab-open_hover:hover .cab-open__name {
            background-color: #1c1d1f
        }

.cab-open.disabled {
    border: 1px solid #485353;
    pointer-events: none
}

    .cab-open.disabled .m-btn {
        background-color: #2a2b2c
    }

        .cab-open.disabled .m-btn:after {
            background-color: #2a2b2c
        }

    .cab-open.disabled .cab-open__name, .cab-open.disabled .cab-open__bar {
        background-color: #48535366
    }

    .cab-open.disabled .cab-open__val {
        color: #babfcd
    }

.cab-trans {
    width: 100%;
    border: 1px solid #1C1D1F;
    border-radius: 16px;
    margin-bottom: 10px;
    padding: 24px;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .cab-trans {
        margin-bottom: 14px
    }
}

.cab-trans:hover {
    background-color: #16151566;
    border-color: transparent;
    box-shadow: 0 8px 36px #11646680
}

.cab-trans__title {
    font-weight: 500;
    font-size: 12px;
    color: #979fad;
    position: relative;
    padding-left: 29px;
    margin-bottom: 9px;
    text-transform: uppercase
}

    .cab-trans__title img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }

.cab-trans__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px
}

    .cab-trans__text h3 {
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        line-height: 1.56
    }

        .cab-trans__text h3 span {
            color: #979fad;
            text-transform: uppercase
        }

    .cab-trans__text p {
        font-weight: 500;
        font-size: 18px;
        color: #979fad;
        line-height: 1.56
    }

.cab-trans__date {
    font-weight: 500;
    font-size: 14px;
    color: #babfcd;
    margin-top: auto
}

@media (max-width: 767px) {
    .cab-trans__date {
        margin-bottom: 20px
    }
}

.cab-trans__date_right {
    text-align: right
}

@media (max-width: 767px) {
    .cab-trans__date_right {
        text-align: left
    }
}

.cab-trans__subtitle {
    font-weight: 500;
    font-size: 12px;
    color: #979fad;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 14px
}

@media (max-width: 767px) {
    .cab-trans__subtitle {
        text-align: left
    }
}

.cab-trans__val {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    margin-bottom: 13px
}

@media (max-width: 767px) {
    .cab-trans__val {
        text-align: left;
        justify-content: flex-start
    }
}

.cab-trans__val p {
    font-weight: 500;
    font-size: 20px;
    color: #fff
}

    .cab-trans__val p span {
        font-size: 12px;
        color: #979fad;
        text-transform: uppercase
    }

    .cab-trans__val p.red, .cab-trans__val p.red span {
        color: #d36e6e
    }

    .cab-trans__val p.green, .cab-trans__val p.green span {
        color: #8996c3
    }

.cab-trans__val > svg {
    width: 12px;
    height: 8px;
    fill: #979fad;
    margin: 0 11px -5px
}

.cab-trans__status {
    text-align: right;
    font-weight: 500;
    font-size: 12px;
    color: #253d81;
    text-transform: uppercase;
    line-height: 1.5;
    min-height: 28px;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .cab-trans__status {
        text-align: left
    }
}

.cab-trans__status.orange {
    color: #f1bb0c
}

.cab-trans__status.red {
    color: #d36e6e
}

.cab-trans__num {
    text-align: right;
    font-weight: 500;
    font-size: 14px;
    color: #babfcd
}

@media (max-width: 767px) {
    .cab-trans__num {
        text-align: left
    }
}

.cab-trans__percent {
    text-align: right;
    font-weight: 500;
    font-size: 14px;
    color: #babfcd;
    margin-bottom: 19px
}

@media (max-width: 767px) {
    .cab-trans__percent {
        text-align: left
    }
}

.cab-trans__percent span {
    color: #fff
}

.cab-trans__percent sub {
    text-transform: uppercase;
    font-size: 10px
}

.cab-trans__link {
    font-weight: 500;
    font-size: 14px;
    color: #8996c3;
    text-decoration: underline;
    display: block
}

@media (max-width: 767px) {
    .cab-trans__link {
        margin-bottom: 10px
    }
}

.cab-trans__link:hover {
    text-decoration: none
}

.cab-trans__link_right {
    text-align: right
}

@media (max-width: 767px) {
    .cab-trans__link_right {
        text-align: left
    }
}

.cab-trans__link_mb18 {
    margin-bottom: 18px
}

.cab-trans__bot {
    width: calc(100% + 48px);
    margin-top: 25px;
    padding: 15px 24px 18px;
    margin-bottom: -24px;
    border-top: 1px solid #1C1D1F;
    margin-left: -24px
}

    .cab-trans__bot .cab-trans__date {
        margin-bottom: 12px !important
    }

.cab-trans__upline {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 1
}

@media (max-width: 767px) {
    .cab-trans__upline {
        margin-bottom: 14px
    }
}

.cab-trans__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 18px
}

.cab-trans__info-wrap {
    margin-bottom: -18px
}

.cab-trans__info h3 {
    font-weight: 500;
    font-size: 12px;
    color: #979fad;
    text-transform: uppercase;
    margin-bottom: 16px
}

.cab-trans__info h4 {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    margin-bottom: 11px
}

    .cab-trans__info h4:last-child {
        margin-bottom: 0
    }

    .cab-trans__info h4 span {
        font-size: 12px;
        color: #979fad;
        text-transform: uppercase
    }

.cab-trans__info p {
    font-weight: 500;
    font-size: 14px;
    color: #babfcd
}

    .cab-trans__info p span {
        color: #fff
    }

    .cab-trans__info p sub {
        color: #babfcd;
        font-size: 10px;
        text-transform: uppercase
    }

.cab-trans .cab-upline__hero {
    padding-left: 62px;
    min-height: 48px;
    margin-bottom: 18px
}

    .cab-trans .cab-upline__hero .header-hero__img {
        width: 48px;
        height: 48px
    }

.cab-trans .cab-bal__tabs {
    margin-bottom: 21px
}

.cab-trans .cab-upline__soc {
    justify-content: flex-end;
    margin-bottom: 8px
}

    .cab-trans .cab-upline__soc a {
        margin-bottom: 8px
    }

.cab-trans .cab-select {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    margin-bottom: 20px;
    margin-left: auto
}

    .cab-trans .cab-select > svg {
        right: 20px
    }

@media (max-width: 767px) {
    .cab-trans .cab-select {
        display: inline-flex;
        width: auto;
        justify-content: flex-start
    }
}

.cab-trans .cab-select .jq-selectbox {
    width: auto;
    display: inline-block
}

.cab-trans .cab-select .jq-selectbox__select {
    padding-right: 40px
}

.cab-trans .cab-select .jq-selectbox__select-text:after {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: #babfcd;
    text-transform: uppercase;
    content: attr(data-cur);
    margin-left: 5px
}

.cab-trans .cab-select .jq-selectbox__dropdown {
    width: auto;
    right: 0;
    min-width: 100%
}

    .cab-trans .cab-select .jq-selectbox__dropdown li:after {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        color: #babfcd;
        text-transform: uppercase;
        content: attr(data-cur);
        margin-left: 5px
    }

.cab-trans_refs {
    margin-bottom: 14px
}

    .cab-trans_refs .cab-trans__date {
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 14px;
        color: #979fad
    }

        .cab-trans_refs .cab-trans__date span {
            color: #fff
        }

    .cab-trans_refs .rank-img {
        left: -22px;
        width: 93px !important;
        height: 93px !important;
        top: -21px
    }

    .cab-trans_refs .rank-img-1 {
        top: -23px
    }

    .cab-trans_refs .rank-img-2 {
        top: -19px
    }

    .cab-trans_refs .rank-img-4 {
        top: -12px
    }

    .cab-trans_refs .rank-img-5 {
        top: -18px;
        left: -25px
    }

    .cab-trans_refs .rank-img-6 {
        top: -21px
    }

    .cab-trans_refs .rank-img-7 {
        left: -32px;
        width: 120px !important;
        height: 100px !important;
        top: -23px
    }

    .cab-trans_refs .rank-img-8 {
        left: -27px;
        width: 100px !important;
        height: 95px !important;
        top: -24px
    }

.cab-nodata {
    width: 100%;
    border-radius: 16px;
    background-color: #16151566;
    padding: 24px;
    margin-bottom: 28px
}

.cab-nodata__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-bottom: 14px
}

.cab-nodata__icon {
    width: 48px;
    height: 48px;
    margin-right: 14px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #485353;
    position: relative
}

    .cab-nodata__icon img {
        max-width: 34px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        pointer-events: none
    }

    .cab-nodata__icon.red {
        background-color: #bb3535
    }

    .cab-nodata__icon.orange {
        background-color: #f1c200
    }

.cab-nodata__text {
    font-weight: 300;
    font-size: 14px;
    color: #babfcd;
    line-height: 1.5;
    margin-bottom: 18px
}

    .cab-nodata__text:last-child {
        margin-bottom: 0
    }

    .cab-nodata__text p {
        font-weight: 300;
        font-size: 14px;
        color: #babfcd;
        line-height: 1.5;
        margin-bottom: 14px
    }

        .cab-nodata__text p:last-child {
            margin-bottom: 0
        }

    .cab-nodata__text a {
        color: #8996c3;
        text-decoration: underline
    }

        .cab-nodata__text a:hover {
            text-decoration: none
        }

.cab-nodata__refs {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -10px;
    width: calc(100% + 18px)
}

    .cab-nodata__refs .cab-code {
        margin-right: 18px;
        flex-grow: 1;
        margin-bottom: 10px;
        width: auto;
        max-width: calc(100% - 18px)
    }

    .cab-nodata__refs .cab-code__copy {
        margin-bottom: 0;
        min-height: 56px
    }

    .cab-nodata__refs .m-btn {
        white-space: nowrap;
        margin-bottom: 10px;
        margin-right: 18px;
        flex-grow: 1
    }

.cab-nodata_refs {
    background-image: linear-gradient(247deg,#303237 0%,#a9aab3 100%)
}

    .cab-nodata_refs .cab-nodata__icon {
        background-color: #253d81
    }

    .cab-nodata_refs .m-btn {
        white-space: nowrap
    }

@media (max-width: 575px) {
    .cab-nodata_refs .m-btn {
        width: 100%
    }

        .cab-nodata_refs .m-btn.copy-text {
            margin-bottom: 20px
        }
}

@media (max-width: 575px) {
    .cab-nodata_chat {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
        margin-bottom: 0;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

        .cab-nodata_chat .row {
            width: calc(100% + 20px);
            margin-left: -10px
        }
}

@media (max-width: 575px) {
    .cab-nodata_chat .m-input {
        margin-bottom: 10px
    }
}

@media (max-width: 575px) {
    .cab-nodata_chat .m-input textarea {
        height: 56px;
        max-height: 160px;
        vertical-align: middle
    }
}

.cab-load {
    width: 100%;
    min-height: 315px;
    background-image: linear-gradient(242deg,#303237 0%,#a9aab3 100%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    margin-bottom: 28px
}

.cab-load__text {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #979fad
}

.cab-load__icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background-color: #16151566;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 36px #11646680;
    margin-top: auto;
    margin-bottom: auto
}

.cab-subtitle {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    margin-bottom: 14px
}

.cab-cur {
    width: 100%;
    margin-bottom: 14px;
    display: block;
    padding: 26px 26px 26px 67px;
    border-radius: 16px;
    border: 1px solid #1C1D1F;
    cursor: pointer;
    transition: all .3s ease;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    position: relative
}

@media (max-width: 575px) {
    .cab-cur {
        font-size: 0
    }
}

.cab-cur span {
    text-transform: uppercase;
    color: #babfcd;
    font-size: 18px
}

.cab-cur:hover {
    background-color: #16151566;
    border-color: transparent
}

.cab-cur.active {
    background-color: #16151566;
    border-color: transparent;
    box-shadow: 0 8px 36px #11646680
}

.cab-cur h3 {
    font-weight: 400;
    font-size: 14px;
    color: #979fad;
    line-height: 1.6
}

.cab-cur p {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    color: #fff
}

.cab-cur img {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 21px
}

.cab-cur__title {
    position: absolute;
    top: 0;
    right: 16px;
    background-color: #f1bb0c;
    padding: 2px 7px 3px;
    border-radius: 0 0 7px 7px;
    font-weight: 500;
    font-size: 10px;
    color: #161515;
    text-transform: uppercase;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center
}

.cab-cur_title {
    padding-top: 10px;
    padding-bottom: 10px
}

    .cab-cur_title:hover p, .cab-cur_title.active p {
        color: #fff
    }

    .cab-cur_title p {
        color: #979fad;
        transition: all .3s ease
    }

        .cab-cur_title p span {
            font-size: 12px
        }

.cab-cur.disabled {
    pointer-events: none
}

    .cab-cur.disabled img {
        filter: grayscale(1)
    }

    .cab-cur.disabled h3, .cab-cur.disabled p, .cab-cur.disabled h3 span, .cab-cur.disabled p span {
        color: #6a707c
    }

    .cab-cur.disabled .cab-cur__title {
        background-color: #6a707c;
        color: #fff
    }

.cab-modal {
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    z-index: 10000;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: #111112e6;
    display: none
}

    .cab-modal.active {
        display: flex
    }

.cab-modal__wrap {
    background-image: url(/img/cab-modal-bg.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: auto;
    background-color: #190c76;
    border-radius: 16px;
    max-width: 682px;
    margin: auto;
    padding: 48px 48px 56px;
    position: relative
}

@media (max-width: 767px) {
    .cab-modal__wrap {
        max-width: 100%;
        border-radius: 0;
        padding: 20px
    }
}

.cab-modal__close {
    top: 47px;
    right: 50px;
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer
}

@media (max-width: 767px) {
    .cab-modal__close {
        top: 20px;
        right: 20px
    }
}

.cab-modal__close:hover svg {
    fill: #fff
}

.cab-modal__close svg {
    transition: all .3s ease;
    fill: #979fad;
    width: 100%;
    height: 100%
}

.cab-modal__qr {
    max-width: 175px;
    width: 100%;
    margin-bottom: 30px
}

    .cab-modal__qr img {
        max-width: 100%
    }

.cab-modal__bal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 24px
}

    .cab-modal__bal h3 {
        font-weight: 500;
        font-size: 12px;
        color: #979fad;
        margin-bottom: 6px;
        text-transform: uppercase
    }

        .cab-modal__bal h3:last-child {
            margin-bottom: 0
        }

    .cab-modal__bal p {
        font-weight: 500;
        font-size: 26px;
        color: #fff
    }

        .cab-modal__bal p span {
            font-size: 14px;
            color: #babfcd;
            text-transform: uppercase
        }

.cab-modal__text {
    font-weight: 300;
    font-size: 16px;
    color: #babfcd;
    line-height: 1.5;
    margin-bottom: 30px
}

.cab-modal__btns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: -18px;
    width: calc(100% + 18px)
}

    .cab-modal__btns .m-btn {
        margin-bottom: 18px;
        margin-right: 18px
    }

@media (max-width: 767px) {
    .cab-modal__btns .m-btn {
        flex-grow: 1
    }
}

.cab-modal__btns_between {
    justify-content: space-between
}

    .cab-modal__btns_between .m-btn {
        flex-grow: 0
    }

@media (max-width: 767px) {
    .cab-modal__btns_between .m-btn {
        flex-grow: 1
    }
}

.cab-modal_note .cab-modal__wrap {
    padding: 48px 48px 56px;
    max-width: 610px;
    background-image: url(/img/cab-modal-note.svg);
    background-position: 0 100%
}

@media (max-width: 767px) {
    .cab-modal_note .cab-modal__wrap {
        max-width: 100%;
        padding: 28px
    }
}

.cab-code {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-code_mb {
    margin-bottom: 12px
}

.cab-code__copy {
    width: 100%;
    background-color: #16151566;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 22px;
    cursor: pointer;
    position: relative;
    margin-bottom: 12px
}

    .cab-code__copy p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        max-width: 100%;
        display: inline-block;
        margin-right: 5px;
        line-height: 1.3
    }

        .cab-code__copy p.gray {
            color: #babfcd
        }

.cab-code__btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: auto
}

.cab-code__btn {
    width: 18px;
    height: 18px;
    fill: #979fad;
    transition: all .3s ease;
    margin-right: 14px
}

    .cab-code__btn:last-child {
        margin-right: 0
    }

    .cab-code__btn:hover svg {
        fill: #fff
    }

    .cab-code__btn svg {
        width: 100%;
        height: 100%;
        fill: #979fad;
        transition: all .3s ease
    }

.cab-code__text {
    font-weight: 300;
    font-size: 16px;
    color: #979fad;
    margin-bottom: 25px
}

    .cab-code__text p {
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        display: inline-block
    }

        .cab-code__text p span {
            color: #babfcd
        }

.cab-btns {
    width: calc(100% + 18px);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap
}

    .cab-btns .m-btn {
        margin-bottom: 18px;
        margin-right: 18px
    }

@media (max-width: 575px) {
    .cab-btns .m-btn {
        flex-grow: 1
    }
}

.cab-select {
    margin-bottom: 28px;
    position: relative;
    width: 100%
}

    .cab-select.active > svg {
        fill: #253d81;
        transform: translate(50%,-50%) scaleY(-1)
    }

    .cab-select.active .cab-code__btn:hover svg {
        fill: #8996c3
    }

    .cab-select.active .cab-code__btn svg {
        fill: #253d81
    }

    .cab-select > svg {
        position: absolute;
        top: 50%;
        right: 28px;
        transform: translate(50%,-50%);
        width: 12px;
        height: 12px;
        fill: #979fad;
        z-index: 20;
        pointer-events: none
    }

    .cab-select .jq-selectbox {
        width: 100%
    }

    .cab-select .jq-selectbox__select {
        background: rgba(22,21,21,.4);
        border-radius: 20px;
        height: 40px;
        line-height: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: 11px 58px 11px 26px;
        border: none !important;
        outline: none !important;
        text-shadow: none !important;
        box-shadow: none !important;
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-family: "Exo 2.0",sans-serif;
        min-width: 194px
    }

    .cab-select .jq-selectbox__select-text {
        line-height: 1.3em
    }

    .cab-select .jq-selectbox__trigger {
        display: none
    }

    .cab-select .jq-selectbox__dropdown {
        background-color: #161515;
        border: none;
        border-radius: 0 0 20px 20px;
        box-shadow: 0 8px 36px #11646680;
        overflow: hidden;
        margin: 0;
        top: 100% !important;
        bottom: auto !important;
        width: 100% !important
    }

        .cab-select .jq-selectbox__dropdown ul::-webkit-scrollbar {
            width: 3px
        }

        .cab-select .jq-selectbox__dropdown ul::-webkit-scrollbar-track {
            background-color: #1c1d1f;
            border-radius: 20px
        }

        .cab-select .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {
            background-color: #485353;
            outline: none;
            border-radius: 20px
        }

        .cab-select .jq-selectbox__dropdown li {
            font-weight: 700;
            font-size: 14px;
            color: #fff;
            font-family: "Exo 2.0",sans-serif;
            padding: 11px 11px 11px 26px;
            transition: all .3s ease;
            text-transform: uppercase
        }

            .cab-select .jq-selectbox__dropdown li:hover, .cab-select .jq-selectbox__dropdown li.sel {
                background-color: #2a2c2e;
                color: #8996c3
            }

    .cab-select .jq-selectbox.opened .jq-selectbox__select {
        border-radius: 20px 20px 0 0;
        background-color: #fff;
        color: #161515
    }

    .cab-select .cab-code__btn {
        position: absolute;
        top: 50%;
        right: 54px;
        transform: translateY(-50%);
        margin-right: 0;
        z-index: 20;
        cursor: pointer
    }

        .cab-select .cab-code__btn svg {
            fill: #979fad
        }

        .cab-select .cab-code__btn:hover svg {
            fill: #fff
        }

.cab-select_big .jq-selectbox__select {
    border-radius: 16px;
    min-height: 56px;
    font-weight: 400;
    font-size: 16px;
    color: #6a707c;
    text-transform: none;
    padding-left: 22px
}

.cab-select_big .jq-selectbox__dropdown li {
    padding: 18px 22px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.cab-select_withdraw .jq-selectbox__select {
    color: #fff;
    padding-right: 90px
}

.cab-select_withdraw .jq-selectbox__dropdown ul {
    max-height: 220px !important
}

.cab-select_withdraw > svg {
    width: 18px;
    height: 18px;
    right: 31px
}

.cab-course {
    font-weight: 500;
    font-size: 16px;
    color: #979fad;
    text-transform: uppercase;
    margin-bottom: 30px
}

    .cab-course span {
        color: #fff
    }

.cab-filter {
    width: calc(100% + 10px);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    position: relative;
    z-index: 25
}

.cab-filter__lines .cab-select:nth-child(1) {
    z-index: 3;
    width: 100%
}

.cab-filter__lines .cab-select:nth-child(2) {
    z-index: 2;
    width: 48%
}

.cab-filter__lines .cab-select:nth-child(3) {
    z-index: 1;
    width: 48%
}

.cab-filter .jq-selectbox__select {
    min-width: auto
}

.cab-filter .cab-select {
    margin-right: 10px;
    margin-bottom: 10px;
    width: auto
}

    .cab-filter .cab-select:first-child {
        flex-grow: 1
    }

    .cab-filter .cab-select:nth-child(2) .jq-selectbox__select {
        min-width: 175px
    }

@media (max-width: 767px) {
    .cab-filter .cab-select {
        flex-grow: 1
    }
}

.cab-filter .cab-select .jq-selectbox__select {
    padding-right: 40px
}

.cab-filter .cab-select > svg {
    right: 20px
}

.cab-filter .cab-search {
    border-radius: 20px;
    width: auto;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 240px
}

@media (max-width: 767px) {
    .cab-filter .cab-search {
        flex-grow: 1;
        max-width: 100%
    }
}

.cab-filter .cab-search input {
    height: 40px;
    font-weight: 700;
    font-size: 14px
}

.cab-filter .cab-search ::placeholder {
    color: #979fad;
    text-transform: uppercase
}

.cab-filter .cab-date {
    margin-right: 10px;
    margin-bottom: 10px
}

.cab-filter__btn {
    min-height: 40px;
    padding: 9px 27px 12px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    background-color: #253d81;
    border-radius: 20px;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .3s ease;
    margin-right: 10px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .cab-filter__btn {
        flex-grow: 1
    }
}

.cab-filter__btn:hover {
    background-color: #fff;
    color: #253d81
}

.cab-date {
    max-width: 240px;
    width: 100%;
    position: relative
}

@media (max-width: 767px) {
    .cab-date {
        flex-grow: 1;
        max-width: 100%
    }
}

.cab-date:focus-within > svg {
    fill: #253d81
}

.cab-date > svg {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(50%,-50%);
    width: 14px;
    height: 14px;
    fill: #979fad;
    transition: all .3s ease
}

.cab-date input {
    width: 100%;
    background-color: #16151566;
    border-radius: 20px;
    padding: 10px 48px 12px 26px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    border: none;
    outline: none;
    transition: all .3s ease;
    height: 40px;
    line-height: 1
}

    .cab-date input:focus {
        background-color: #fff;
        color: #6a707c
    }

.cab-date ::placeholder {
    color: #979fad;
    text-transform: uppercase
}

.cab-promo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 16px;
    overflow: hidden;
    background-color: #16151566;
    transition: all .3s ease;
    margin-bottom: 28px
}

    .cab-promo:hover {
        background-color: #16151599;
        box-shadow: 0 8px 36px #11646680
    }

.cab-promo__img {
    min-height: 182px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

    .cab-promo__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%
    }

.cab-promo__btns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding: 24px;
    width: 100%
}

    .cab-promo__btns .m-btn {
        flex-grow: 1;
        padding: 18px
    }

.cab-promo__show {
    width: 56px;
    height: 56px;
    border: 1px solid #1C1D1F;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    margin-right: 14px;
    min-width: 56px
}

    .cab-promo__show:hover {
        border-color: #253d81
    }

        .cab-promo__show:hover svg {
            fill: #253d81
        }

    .cab-promo__show svg {
        width: 24px;
        height: 24px;
        fill: #979fad;
        transition: all .3s ease
    }

.cab-doc {
    width: 100%;
    background-color: #16151566;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 28px;
    overflow: hidden
}

@media (max-width: 767px) {
    .cab-doc {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.cab-doc__img {
    max-width: 278px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #d6d6d6
}

@media (max-width: 767px) {
    .cab-doc__img {
        max-width: 100%;
        overflow: hidden
    }
}

.cab-doc__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.cab-doc__content {
    width: calc(100% - 278px);
    padding: 28px 24px 24px 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .cab-doc__content {
        width: 100%;
        padding: 24px
    }
}

.cab-doc__content .cab-promo__btns {
    padding: 0;
    width: 100%
}

.cab-doc__content .m-text {
    margin-bottom: 20px
}

    .cab-doc__content .m-text h2 {
        margin-bottom: 15px
    }

        .cab-doc__content .m-text h2:last-child {
            margin-bottom: 0
        }

    .cab-doc__content .m-text p {
        font-weight: 300;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 14px
    }

        .cab-doc__content .m-text p:last-child {
            margin-bottom: 0
        }

.cab-doc__bot {
    margin-top: auto;
    width: 100%
}

.cab-doc__logo {
    max-width: 105px;
    width: 100%;
    margin-left: 25px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

    .cab-doc__logo img {
        max-width: 100%
    }

.cab-doc__num {
    margin-bottom: 18px;
    font-weight: 400;
    font-size: 18px;
    color: #979fad
}

    .cab-doc__num span {
        font-weight: 500;
        color: #fff
    }

.cab-doc.error {
    background-color: #402d2d
}

    .cab-doc.error .cab-file__name {
        color: #979fad
    }

.cab-doc_passport .cab-doc__img {
    padding: 15px
}

    .cab-doc_passport .cab-doc__img img {
        max-height: 100%;
        height: auto
    }

.cab-file {
    display: block
}

    .cab-file input {
        display: none
    }

.cab-file__name {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 14px;
    color: #fff
}

.cab-file__delete {
    cursor: pointer;
    margin-left: 10px
}

    .cab-file__delete:hover svg {
        fill: #d36e6e
    }

    .cab-file__delete svg {
        width: 16px;
        height: 16px;
        fill: #979fad;
        transition: all .3s ease
    }

.cab-set__hero {
    position: relative;
    padding-left: 148px;
    min-height: 124px;
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .cab-set__hero > p {
        font-weight: 300;
        font-size: 14px;
        color: #babfcd;
        line-height: 1.5;
        margin-bottom: 16px;
        max-width: 380px
    }

    .cab-set__hero .header-hero__img {
        width: 124px;
        height: 124px;
        background-size: 86px auto
    }

.cab-set__title {
    font-weight: 500;
    font-size: 24px;
    color: #979fad;
    margin-bottom: 28px
}

.cab-set__btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 24px;
    font-weight: 700;
    font-size: 14px;
    color: #979fad;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: all .3s ease;
    margin-bottom: 28px
}

    .cab-set__btn:hover {
        color: #fff
    }

        .cab-set__btn:hover svg {
            fill: #fff
        }

    .cab-set__btn.active {
        color: #fff
    }

        .cab-set__btn.active svg {
            fill: #fff;
            transform: scaleY(-1)
        }

    .cab-set__btn svg {
        transition: all .3s ease;
        width: 16px;
        height: 16px;
        margin-left: 16px;
        fill: #979fad
    }

    .cab-set__btn:last-child {
        margin-right: 0
    }

.cab-verifi {
    width: 100%;
    padding: 60px 24px 60px 306px;
    background-image: url(/img/cab-verifi.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-position: 0 0;
    border-radius: 16px;
    margin-bottom: 28px
}

@media (max-width: 767px) {
    .cab-verifi {
        padding: 24px;
        background-color: #e1eef6;
        background-image: none
    }
}

.cab-verifi__icon {
    margin-bottom: 24px;
    width: 36px
}

    .cab-verifi__icon img {
        max-width: 100%
    }

.cab-verifi .m-text {
    margin-bottom: 0
}

    .cab-verifi .m-text h2 {
        color: #161515
    }

    .cab-verifi .m-text p {
        font-size: 14px;
        line-height: 1.5;
        color: #2f3136
    }

.cab-notifi {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    transition: all .3s ease;
    border: 1px solid #FFF;
    border-radius: 16px;
    margin-bottom: 14px;
    padding: 25px 25px 25px 88px;
    min-height: 96px
}

@media (max-width: 575px) {
    .cab-notifi {
        padding: 24px
    }
}

.cab-notifi:hover {
    background-color: #16151566;
    border-color: transparent;
    box-shadow: 0 8px 36px #11646680
}

    .cab-notifi:hover .cab-notifi__icon {
        background-color: #16151599;
        border-color: transparent
    }

.cab-notifi__icon {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid #FFF;
    transition: all .3s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

@media (max-width: 575px) {
    .cab-notifi__icon {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 14px
    }
}

.cab-notifi__icon img {
    max-width: 20px;
    width: 100%
}

.cab-notifi__date {
    position: absolute;
    top: 18px;
    right: 18px;
    text-align: right;
    white-space: nowrap;
    font-weight: 500;
    font-size: 12px;
    color: #babfcd
}

.cab-notifi__title {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
    line-height: 1.13
}

    .cab-notifi__title:last-child {
        margin-bottom: 0
    }

.cab-notifi__text {
    font-weight: 500;
    font-size: 14px;
    color: #979fad;
    line-height: 1.5
}

.cab-notifi.disabled {
    border-color: #253d81;
    pointer-events: none
}

    .cab-notifi.disabled .cab-notifi__icon {
        border-color: #253d81
    }

        .cab-notifi.disabled .cab-notifi__icon img {
            filter: grayscale(1);
            opacity: .6
        }

    .cab-notifi.disabled .cab-notifi__date {
        color: #6a707c
    }

    .cab-notifi.disabled .cab-notifi__title, .cab-notifi.disabled .cab-notifi__text {
        color: #253d81
    }

.cab-btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 20px;
    background-color: #16151566;
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #babfcd;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    border: none;
    outline: none
}

    .cab-btn svg {
        width: 20px;
        height: 24px;
        margin-right: 15px;
        fill: #6a707c;
        transition: all .3s ease
    }

.cab-ticket {
    transition: all .3s ease;
    border: 1px solid #1C1D1F;
    border-radius: 16px;
    margin-bottom: 14px;
    width: 100%;
    padding: 24px;
    text-decoration: none;
    cursor: pointer
}

    .cab-ticket:hover {
        background-color: #16151566;
        border-color: transparent;
        box-shadow: 0 8px 36px #11646680
    }

.cab-ticket__top {
    display: flex
}

.cab-ticket__data {
    margin-top: -7px;
    margin-left: 10px;
    display: flex;
    flex-direction: column
}

@media (max-width: 767px) {
    .cab-ticket__data {
        margin-left: 0
    }
}

.cab-ticket__data .cab-ticket__status {
    margin-bottom: 8px
}

.cab-ticket__id {
    color: #979fad;
    font-size: 14px;
    text-align: right
}

.cab-ticket__title {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
    line-height: 1.13
}

    .cab-ticket__title:last-child {
        margin-bottom: 0
    }

.cab-ticket__text {
    font-weight: 500;
    font-size: 14px;
    color: #979fad;
    line-height: 1.5
}

.cab-ticket__status {
    padding: 8px 22px;
    color: #161515;
    background-color: #fff;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center
}

@media (max-width: 767px) {
    .cab-ticket__status {
        margin-top: 10px
    }
}

.cab-ticket__status.green {
    background-color: #253d81;
    color: #fff
}

.cab-ticket__status.yellow {
    background-color: #ffe2ac;
    color: #161515
}

.cab-ticket__status.orange {
    background-color: #f1bb0c;
    color: #161515
}

.cab-ticket__status.black {
    background-color: #2f3136;
    color: #fff
}

.cab-ticket__status.red {
    background-color: #d36e6e;
    color: #fff
}

.cab-ticket-msg {
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #1C1D1F;
    margin-bottom: 14px
}

    .cab-ticket-msg .cab-hero__name {
        color: #fff
    }

    .cab-ticket-msg .m-text:last-child {
        margin-bottom: 0
    }

    .cab-ticket-msg .m-text p {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 14px;
        line-height: 1.5
    }

        .cab-ticket-msg .m-text p:last-child {
            margin-bottom: 0
        }

.cab-ticket-msg_bg {
    border-color: transparent;
    background-color: #16151566
}

.cab-ticket.disabled {
    pointer-events: none
}

    .cab-ticket.disabled .cab-ticket__title, .cab-ticket.disabled .cab-ticket__text {
        color: #979fad
    }

.cab-hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-left: 64px;
    min-height: 48px;
    margin-bottom: 18px;
    width: 100%
}

    .cab-hero .header-hero__img {
        left: 0;
        width: 48px;
        height: 48px;
        box-shadow: none
    }

.cab-hero__name {
    font-weight: 400;
    font-size: 16px;
    color: #babfcd;
    line-height: 1.13;
    margin-bottom: 6px
}

    .cab-hero__name:last-child {
        margin-bottom: 0
    }

    .cab-hero__name.active {
        position: relative;
        padding-left: 13px
    }

        .cab-hero__name.active:after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #8996c3;
            content: ""
        }

.cab-hero__date {
    font-weight: 500;
    font-size: 14px;
    color: #babfcd
}

.cab-hero__text {
    font-weight: 500;
    font-size: 14px;
    color: #979fad;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

    .cab-hero__text img {
        max-width: 20px;
        margin-right: 8px
    }

.cab-note {
    background-color: #16151566;
    margin-bottom: 18px;
    border-radius: 16px;
    padding: 28px 28px 36px 156px;
    position: relative;
    width: 100%
}

@media (max-width: 480px) {
    .cab-note {
        padding: 28px
    }
}

.cab-note > img {
    max-width: 106px;
    width: 100%;
    position: absolute;
    left: 28px;
    top: 28px;
    opacity: .4;
    transition: all .3s ease
}

@media (max-width: 480px) {
    .cab-note > img {
        position: static;
        left: 0;
        top: 0;
        margin-bottom: 18px
    }
}

.cab-note > h3 {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 18px
}

.cab-note > p {
    font-weight: 300;
    font-size: 14px;
    color: #babfcd;
    line-height: 1.5;
    margin-bottom: 18px
}

.cab-note__user {
    position: relative;
    background-color: #16151566;
    border-radius: 100px;
    min-height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 12px 12px 46px;
    margin-bottom: 14px;
    max-width: 100%
}

    .cab-note__user:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        border-radius: 50%;
        background-color: #485353;
        width: 36px;
        height: 36px;
        content: ""
    }

    .cab-note__user p {
        width: 100%;
        font-weight: 600;
        font-size: 12px;
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .cab-note__user svg {
        position: absolute;
        top: 50%;
        z-index: 2;
        left: 18px;
        transform: translate(-50%,-50%);
        width: 17px;
        fill: #fff;
        height: 13px
    }

.cab-note.active {
    background-image: linear-gradient(248deg,#303237 0%,#a9aab3 100%);
    background-color: transparent
}

    .cab-note.active img {
        opacity: 1
    }

.cab-check {
    margin-left: 28px;
    width: 50px;
    height: 20px;
    background-color: #16151566;
    border-radius: 100px;
    position: relative
}

    .cab-check:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background-color: #485353;
        border-radius: 50%;
        content: "";
        transition: all .3s ease
    }

    .cab-check.active:after {
        transform: translate(30px);
        background-color: #253d81
    }

.cab-check__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 18px
}

.cab-check__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

    .cab-check__item p {
        font-weight: 500;
        font-size: 16px;
        color: #a9aab3;
        line-height: 3
    }

    .cab-check__item:last-child {
        margin-bottom: 0
    }

.cab-qr-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-image: linear-gradient(233deg,#303237,#a9aab3);
    padding: 35px 20px;
    display: none
}

    .cab-qr-modal.active {
        display: flex
    }

@media (max-width: 767px) {
    .cab-qr-modal {
        padding-bottom: 20px
    }
}

.cab-qr-modal:after {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 658px;
    height: 684px;
    background-image: url(/img/modal-circle.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: "";
    pointer-events: none
}

@media (max-width: 767px) {
    .cab-qr-modal:after {
        display: none
    }
}

.cab-qr-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    cursor: pointer
}

    .cab-qr-modal__close:hover svg {
        fill: #fff
    }

    .cab-qr-modal__close svg {
        width: 18px;
        height: 18px;
        fill: #979fad;
        transition: all .3s ease
    }

.cab-qr-modal__close-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    transition: all .3s ease;
    cursor: pointer;
    margin-bottom: 22px
}

@media (max-width: 767px) {
    .cab-qr-modal__close-btn {
        display: none
    }
}

.cab-qr-modal__close-btn:hover svg {
    fill: #fff
}

.cab-qr-modal__close-btn svg {
    width: 18px;
    height: 18px;
    fill: #979fad;
    margin-right: 13px;
    transition: all .3s ease
}

.cab-qr-modal__wrap {
    margin: auto;
    position: relative;
    padding-left: 306px;
    max-width: 890px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 332px
}

@media (max-width: 767px) {
    .cab-qr-modal__wrap {
        padding-left: 0;
        justify-content: flex-start
    }
}

.cab-qr-modal__img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 278px;
    background-color: #1c1d1f;
    border-radius: 16px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .cab-qr-modal__img {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0);
        margin-bottom: 9px;
        order: 2;
        max-width: 335px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.cab-qr-modal__qr {
    width: 100%;
    margin-bottom: 18px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

    .cab-qr-modal__qr img {
        width: 100%
    }

.cab-qr-modal__logo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

    .cab-qr-modal__logo img {
        max-width: 180px;
        width: 100%
    }

.cab-qr-modal__title {
    font-weight: 500;
    font-size: 28px;
    color: #fff;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .cab-qr-modal__title {
        padding-right: 40px;
        margin-bottom: 24px;
        order: 1
    }
}

.cab-qr-modal__text {
    font-weight: 300;
    font-size: 16px;
    color: #babfcd;
    line-height: 1.5;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .cab-qr-modal__text {
        order: 4;
        padding-bottom: 20px;
        margin-bottom: 0
    }
}

.cab-qr-modal__footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: -22px
}

@media (max-width: 767px) {
    .cab-qr-modal__footer {
        order: 3;
        margin-bottom: 25px;
        width: 100%
    }
}

.cab-qr-modal__btns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    margin-right: 50px
}

@media (max-width: 767px) {
    .cab-qr-modal__btns {
        margin-right: 0;
        width: 100%;
        justify-content: space-between
    }
}

.cab-qr-modal__btns .m-btn {
    margin-right: 22px;
    padding-left: 18px;
    padding-right: 21px;
    min-height: 56px;
    margin-bottom: 22px
}

@media (max-width: 767px) {
    .cab-qr-modal__btns .m-btn {
        width: calc(50% - 5.5px);
        margin-right: 11px;
        margin-bottom: 0
    }
}

@media (max-width: 480px) {
    .cab-qr-modal__btns .m-btn {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        font-size: 14px;
        padding-top: 22px;
        padding-bottom: 13px
    }

        .cab-qr-modal__btns .m-btn svg {
            margin-right: 0;
            margin-bottom: 12px
        }
}

.cab-qr-modal__btns .m-btn svg {
    fill: #fff
}

.cab-qr-modal__btns .m-btn:last-child {
    margin-right: 0
}

.cab-qr-modal__btns .m-btn_black:hover svg {
    fill: #161515
}

.cab-footer-contacts {
    display: none;
    align-items: center
}

@media (min-width: 992px) {
    .cab-footer-contacts {
        display: flex
    }
}

@media (max-width: 1223px) {
    .cab-footer-contacts {
        margin-top: 15px
    }
}

.cab-footer-contacts .header-contacts_footer a {
    margin-bottom: 0
}

.cab-mob-footer-contacts .header-contacts {
    margin-bottom: 0 !important
}

.cab-mob-footer-contacts .footer-app {
    margin-bottom: 15px
}

.flatpickr-calendar {
    background-color: #1c1d1f;
    border-radius: 16px;
    box-shadow: 0 8px 24px #11646680;
    overflow: hidden;
    padding: 20px 24px;
    width: 570px !important
}

@media (max-width: 767px) {
    .flatpickr-calendar {
        width: 335px !important
    }
}

.flatpickr-calendar .dayContainer {
    max-width: 260px;
    min-width: 0
}

@media (max-width: 767px) {
    .flatpickr-calendar .dayContainer {
        max-width: 288px
    }
}

@media (max-width: 767px) {
    .flatpickr-calendar .dayContainer:nth-child(2) {
        display: none
    }
}

.flatpickr-days {
    width: 100% !important
}

.flatpickr-rContainer {
    width: 100%
}

.flatpickr-months {
    border-bottom: 1px solid #2F3136
}

    .flatpickr-months .flatpickr-month {
        background: #1C1D1F
    }

.flatpickr-weekdays span.flatpickr-weekday {
    color: #6a707c;
    background-color: #1c1d1f
}

@media (max-width: 767px) {
    .flatpickr-month:nth-child(2) {
        display: none
    }
}

@media (max-width: 767px) {
    .flatpickr-weekdaycontainer:nth-child(2) {
        display: none
    }
}

.flatpickr-day {
    color: #babfcd;
    border-radius: 6px;
    transition: all .3s ease;
    height: 32px;
    line-height: 32px
}

    .flatpickr-day:hover {
        background-color: #a9aab3;
        color: #fff;
        border-color: #a9aab3
    }

    .flatpickr-day.prevMonthDay {
        color: #6a707c
    }

    .flatpickr-day.today {
        color: #fff;
        border-color: transparent
    }

        .flatpickr-day.today.inRange, .flatpickr-day.inRange {
            background: #a9aab3;
            box-shadow: -5px 0 #a9aab3,5px 0 #a9aab3;
            border-color: #a9aab3;
            color: #fff
        }

    .flatpickr-day:hover {
        background: #a9aab3 !important;
        border-color: #a9aab3 !important
    }

        .flatpickr-day:hover.endRange {
            background: #a9aab3 !important;
            border-color: #a9aab3 !important;
            border-radius: 0 6px 6px 0 !important
        }

    .flatpickr-day.selected {
        background: #a9aab3 !important;
        border-color: #a9aab3 !important
    }

        .flatpickr-day.selected.endRange {
            background: #a9aab3;
            border-color: #a9aab3;
            border-radius: 0 6px 6px 0
        }

        .flatpickr-day.selected.startRange {
            background: #a9aab3;
            border-color: #a9aab3;
            border-radius: 6px 0 0 6px
        }

.flatpickr-current-month {
    padding-top: 0;
    height: auto;
    font-size: 16px
}

    .flatpickr-current-month span.cur-month, .flatpickr-current-month input.cur-year {
        font-weight: 500
    }

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 20px;
    height: 20px
}

    .flatpickr-months .flatpickr-prev-month svg:hover, .flatpickr-months .flatpickr-next-month svg:hover {
        fill: #253d81
    }

.flatpickr-prev-month {
    top: 20px !important;
    padding: 0 !important;
    left: 24px !important
}

    .flatpickr-prev-month:hover svg {
        fill: #253d81 !important
    }

.flatpickr-next-month {
    top: 20px !important;
    padding: 0 !important;
    right: 24px !important
}

    .flatpickr-next-month:hover svg {
        fill: #253d81 !important
    }

#chat-input-div {
    width: 100%;
    min-height: 56px;
    padding: 16px 22px;
    opacity: 0;
    pointer-events: none;
    font-family: Arial;
    font-size: 16px;
    white-space: pre-wrap;
    word-wrap: break-word;
    visibility: hidden;
    position: absolute;
    left: -9999px
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-default {
    cursor: default !important
}

.text-nowrap {
    white-space: nowrap
}

.text-upper {
    text-transform: uppercase
}

.text-bold {
    font-weight: 700
}

.text-small {
    font-size: 80%
}

.opacity {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

    .opacity:hover {
        opacity: .8
    }

fieldset {
    border: 0;
    padding: .01em 0 0;
    margin: 0;
    min-width: 0
}

    fieldset:disabled {
        opacity: .7;
        pointer-events: none
    }

input.ng-touched.ng-invalid, textarea.ng-touched.ng-invalid {
    background-color: #402d2d;
    color: #a9aab3
}

.m-btn:disabled {
    background-color: #2a2b2c;
    color: #484b53;
    pointer-events: none
}

    .m-btn:disabled:after {
        background-color: #2a2b2c
    }

.msg {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10001
}

@media (max-width: 991px) {
    .msg {
        right: 0
    }
}

.captcha__item {
    min-height: 68px
}

.cab-btn-icon.active {
    box-shadow: 0 8px 36px #82af7659;
    background-color: #16151599
}

    .cab-btn-icon.active span {
        background-color: #ff754c
    }

@media (max-width: 991px) {
    .cab-side__right {
        padding: 30px 20px
    }
}

.negative, .negative span {
    color: #ff754c !important
}

.invest-plan__percent > span {
    font-size: 43px
}

.cab-content > ng-component > .m-title {
    margin-bottom: 30px
}

.cab-modal__qr {
    min-width: 175px;
    min-height: 175px
}

.chat-handler.disabled {
    opacity: .3;
    pointer-events: none
}

.header-hero__status a {
    color: #d36e6e;
    text-transform: uppercase;
    text-decoration: none
}

    .header-hero__status a:hover {
        text-decoration: underline
    }

.cab-chat__nav .cab-search {
    width: 100%;
    margin-right: 0
}

.cab-chat-upline {
    font-size: 10px
}

.cab-chat__msg {
    word-break: break-word
}

.cab-chat-scroll {
    min-height: calc(var(--vh, 1vh) * 100 - 70px)
}

@media (max-width: 1223px) {
    .cab-chat-scroll {
        min-height: calc(var(--vh, 1vh) * 100 - 135px)
    }
}

.cab-chat__wrap {
    padding-right: 10px
}

.cab-note__user p, .error-page__text_sm {
    line-height: 1.5
}

.header-lang__drop {
    background-color: #161515e6
}

.header-lang__icon app-flag {
    height: 100%
}

.header-lang__drop {
    z-index: 1001
}

.cab-notifi.disabled {
    pointer-events: all
}

.cab-open__info .cab-open__val {
    font-size: 22px
}

.cab-doc_passport .cab-doc__img img {
    width: 75%
}

@media (max-width: 767px) {
    .cab-doc_passport .cab-doc__img img {
        width: 40%
    }
}

.header-contacts--bottom {
    padding-left: 38px
}

@media (max-width: 991px) {
    .header-contacts--bottom {
        padding-left: 0
    }
}

.refs-status__list {
    height: 420px
}

@media (max-width: 1223px) {
    .refs-status__list {
        height: 443px
    }
}

.refs-status__list-item.selected {
    background-color: #253d81
}

.refs-status__scroll .nicescroll-box {
    height: 258px
}

.maintenance {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    background: #FFE2AC
}

    .maintenance.mobile {
        border-radius: 15px;
        padding: 20px
    }

    .maintenance p {
        line-height: 1.6
    }

    .maintenance .m-btn {
        padding: 10px 20px 12px 22px;
        background-color: #253d81 !important
    }

        .maintenance .m-btn:after {
            display: none
        }

    .maintenance .maintenance_close {
        display: block;
        width: 14px;
        height: 14px;
        cursor: pointer;
        margin-right: 5px
    }

        .maintenance .maintenance_close svg {
            width: 100%;
            height: 100%;
            fill: #333
        }

account-profit-stats {
    display: block;
    margin: 20px 0
}

.timeout span {
    right: 0;
    text-transform: lowercase
}

.w100 {
    width: 100% !important
}