@charset "UTF-8";
: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 {
    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 {
    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 {
    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;
    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);
    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
}

.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: #fff;
    box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 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 #e6e6e6
}

.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: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #000000e6;
    fill: #000000e6;
    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: #000000e6;
    fill: #000000e6
}

.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: #959ea9
}

.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(57, 57, 57, .15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .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(57, 57, 57, .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(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #00000080
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .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(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\fffd;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #000000e6
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #000000e6
}

.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;
    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: #00000080;
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    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(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    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: transparent;
    color: #0000008a;
    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 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    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: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.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: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.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 #569ff7
}

.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 #e6e6e6, 5px 0 #e6e6e6
}

.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: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: #3939391a
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 #569ff7, 5px 0 #569ff7
}

.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 #e6e6e6
}

.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: #3939394d;
    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: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.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: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    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: #393939;
    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: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.flatpickr-monthSelect-months {
    margin: 10px 1px 3px;
    flex-wrap: wrap
}

.flatpickr-monthSelect-month {
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: .5px;
    justify-content: center;
    padding: 10px;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
    width: 33%
}

.flatpickr-monthSelect-month.flatpickr-disabled {
    color: #eee
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus {
    cursor: not-allowed;
    background: none !important
}

.flatpickr-monthSelect-theme-dark {
    background: #3f4458
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
    color: #fff
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
    color: #fff;
    fill: #fff
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
    color: #fffffff2
}

.flatpickr-monthSelect-month.today {
    border-color: #959ea9
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
    background: #e6e6e6;
    cursor: pointer;
    outline: 0;
    border-color: #e6e6e6
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
    background: #646c8c;
    border-color: #646c8c
}

.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus {
    background: #959ea9;
    border-color: #959ea9;
    color: #fff
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
    background-color: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-monthSelect-month.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-monthSelect-month.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-monthSelect-month.startRange.endRange {
    border-radius: 50px
}

.flatpickr-monthSelect-month.inRange {
    border-radius: 0;
    box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
    background: #80cbc4;
    box-shadow: none;
    color: #fff;
    border-color: #80cbc4
}

@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: #4ff57f;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    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-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

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

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

.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);
    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 {
    transform-style: preserve-3d
}

.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-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

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

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

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

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

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

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

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

.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-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 {
    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 svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

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

.swiper-button-lock {
    display: none
}

.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: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-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;
    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 {
    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;
    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 {
    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;
    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-prev {
    pointer-events: auto;
    visibility: visible
}

.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-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

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

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    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-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

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

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    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
    }
}

.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 (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(assets/img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(assets/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: Rubik;
    src: url(assets/fonts/Rubik/Rubik-BlackItalic.eot);
    src: local("Rubik Black Italic"), local("Rubik-BlackItalic"), url(assets/fonts/Rubik/Rubik-BlackItalic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-BlackItalic.woff) format("woff"), url(assets/fonts/Rubik/Rubik-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-BoldItalic.eot);
    src: local("Rubik Bold Italic"), local("Rubik-BoldItalic"), url(assets/fonts/Rubik/Rubik-BoldItalic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-BoldItalic.woff) format("woff"), url(assets/fonts/Rubik/Rubik-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-Light.eot);
    src: local("Rubik Light"), local("Rubik-Light"), url(assets/fonts/Rubik/Rubik-Light%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-Light.woff) format("woff"), url(assets/fonts/Rubik/Rubik-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-Medium.ttf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-Italic.eot);
    src: local("Rubik Italic"), local("Rubik-Italic"), url(assets/fonts/Rubik/Rubik-Italic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-Italic.woff) format("woff"), url(assets/fonts/Rubik/Rubik-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-Bold.eot);
    src: local("Rubik Bold"), local("Rubik-Bold"), url(assets/fonts/Rubik/Rubik-Bold%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-Bold.woff) format("woff"), url(assets/fonts/Rubik/Rubik-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-LightItalic.eot);
    src: local("Rubik Light Italic"), local("Rubik-LightItalic"), url(assets/fonts/Rubik/Rubik-LightItalic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-LightItalic.woff) format("woff"), url(assets/fonts/Rubik/Rubik-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-Regular.eot);
    src: local("Rubik"), local("Rubik-Regular"), url(assets/fonts/Rubik/Rubik-Regular%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-Regular.woff) format("woff"), url(assets/fonts/Rubik/Rubik-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-MediumItalic.eot);
    src: local("Rubik Medium Italic"), local("Rubik-MediumItalic"), url(assets/fonts/Rubik/Rubik-MediumItalic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-MediumItalic.woff) format("woff"), url(assets/fonts/Rubik/Rubik-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(assets/fonts/Rubik/Rubik-Black.eot);
    src: local("Rubik Black"), local("Rubik-Black"), url(assets/fonts/Rubik/Rubik-Black%EF%B9%96.eot#iefix) format("embedded-opentype"), url(assets/fonts/Rubik/Rubik-Black.woff) format("woff"), url(assets/fonts/Rubik/Rubik-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@keyframes stratRotate1 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes stratRotate2 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-360deg)
    }
}

@keyframes shine {
    0% {
        background-position-x: 0%
    }
    to {
        background-position-x: -200%
    }
}

* {
    box-sizing: border-box
}

html,
body {
    font-family: Rubik, sans-serif;
    background-color: #fff
}

html {
    font-size: 14px
}

@media (max-width: 480px) {
    html {
        font-size: 12px
    }
}

p,
h1,
h2,
h3,
h4 {
    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
}

textarea:focus::placeholder {
    color: transparent
}

.wrapper {
    width: 100%;
    min-width: 320px;
    min-height: calc(var(--vh, 1vh) * 100);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    opacity: 1;
    z-index: 1
}

.wrapper:before {
    position: absolute;
    z-index: -1;
    height: 844px;
    width: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #DEECFF, #FFF);
    content: ""
}

@media (max-width: 991px) {
    .wrapper:before {
        height: 1000px
    }
}

.wrapper_cab {
    background-color: #f2f5f6
}

@media (max-width: 767px) {
    .wrapper_cab {
        padding-top: 56px
    }
}

.wrapper_cab:before {
    display: none
}

.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
}

.copy-success {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    border-radius: 50%;
    border: 5px solid #0059F3;
    width: 100px;
    height: 100px;
    display: none;
    background-color: #fff
}

.copy-success svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #0059f3;
    width: 50px;
    height: 50px
}

@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 !important
}

.header {
    position: relative;
    z-index: 2
}

.header:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 231px;
    height: 231px;
    background-image: url(assets/img/header-angle.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    z-index: -1;
    pointer-events: none
}

@media (max-width: 1500px) {
    .header:after {
        display: none
    }
}

.header-slider {
    margin-left: auto;
    max-width: 418px;
    background-color: #ebf3ff;
    padding: 6px 6px 10px;
    border-top-left-radius: 12px;
    overflow: hidden;
    position: absolute;
    bottom: 64px;
    left: calc(50% - 149px)
}

@media (max-width: 1400px) {
    .header-slider {
        bottom: 24px;
        right: 496px;
        left: auto
    }
}

@media (max-width: 991px) {
    .header-slider {
        display: none;
        margin-right: 0;
        max-width: 100%;
        border-radius: 0
    }
}

@media (max-width: 575px) {
    .header-slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: 0;
        max-width: calc(100% + 40px)
    }
}

.header-slider__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background-color: #0059f3;
    pointer-events: none
}

.header-slider .swiper-wrapper {
    align-items: stretch
}

.header-slider .swiper-slide {
    transition: all .3s ease;
    cursor: pointer;
    height: auto
}

.header-slider .swiper-slide:hover .header-slider__item {
    color: #121212
}

.header-slider .swiper-slide-active {
    background-color: #fff;
    border-top-left-radius: 10px
}

.header-slider .swiper-slide-active .header-slider__item {
    color: #121212
}

.header-slider__item {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.5;
    transition: all .3s ease;
    padding: 10px 12px
}

.header-slider_mob {
    display: none;
    margin-bottom: 20px;
    position: relative;
    bottom: auto;
    right: auto
}

@media (max-width: 991px) {
    .header-slider_mob {
        display: block
    }
}

.header-bg-slider {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: calc(50% + 64px);
    max-width: 896px
}

@media (max-width: 1400px) {
    .header-bg-slider {
        max-width: 643px;
        right: 0;
        left: auto
    }
}

@media (max-width: 991px) {
    .header-bg-slider {
        display: none;
        max-width: 575px;
        margin-left: auto
    }
}

@media (max-width: 575px) {
    .header-bg-slider {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.header-bg-slider .swiper-wrapper {
    align-items: flex-end
}

.header-bg-slider .swiper-slide {
    opacity: 0 !important
}

.header-bg-slider .swiper-slide-active {
    opacity: 1 !important
}

.header-bg-slider__item {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%
}

.header-bg-slider__item img {
    max-width: 100%
}

.header-bg-slider_mob {
    display: none;
    position: relative;
    bottom: auto;
    right: auto
}

@media (max-width: 991px) {
    .header-bg-slider_mob {
        display: block
    }
}

.header-top {
    padding: 43px 0;
    z-index: 10;
    position: relative;
    width: 100%
}

@media (max-width: 1223px) {
    .header-top {
        padding: 40px 0
    }
}

@media (max-width: 991px) {
    .header-top {
        padding: 20px 0
    }
}

.header-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 143px;
    width: 100%
}

@media (max-width: 1223px) {
    .header-logo {
        max-width: 101px
    }
}

.header-logo img {
    max-width: 100%
}

.header-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 1223px) {
    .header-menu {
        justify-content: flex-start;
        margin-top: 28px
    }
}

@media (max-width: 991px) {
    .header-menu {
        display: none
    }
}

.header-menu a {
    font-weight: 400;
    font-size: 16px;
    color: #121212;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    padding: 13px 19px;
    position: relative
}

.header-menu a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 16px);
    height: 100%;
    border: 1px solid #FFF;
    content: "";
    border-radius: 100px;
    display: none
}

.header-menu a:hover,
.header-menu a.active {
    color: #06a53d;
}

.header-menu a.active:after {
    display: block
}

.header-nav {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-color: #ffffffb3;
    border-radius: 100px;
    position: relative
}

@media (max-width: 991px) {
    .header-nav {
        background-color: transparent;
        margin-left: 0;
        align-items: center
    }
}

@media (max-width: 991px) {
    .header-nav .m-btn {
        font-size: 0;
        width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0
    }
}

.header-nav .m-btn svg {
    display: none;
    width: 14px;
    height: 16px;
    fill: #fff
}

@media (max-width: 991px) {
    .header-nav .m-btn svg {
        display: block;
        width: 11px;
        height: 13px
    }
}

.header-lang {
    z-index: 2
}

@media (max-width: 991px) {
    .header-lang {
        margin-right: 8px
    }
}

.header-lang__btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 16px;
    color: #121212;
    text-transform: uppercase;
    padding: 12px 12px 12px 14px;
    cursor: pointer
}

@media (max-width: 991px) {
    .header-lang__btn {
        font-size: 0;
        background-color: #fff;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        padding: 0;
        justify-content: center
    }
}

.header-lang__btn>svg {
    fill: #121212;
    width: 10px;
    height: 6px;
    margin-left: 7px;
    transition: all .3s ease
}

@media (max-width: 991px) {
    .header-lang__btn>svg {
        display: none
    }
}

.header-lang__flag {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 7px
}

@media (max-width: 991px) {
    .header-lang__flag {
        margin-right: 0;
        width: 16px;
        height: 16px
    }
}

.header-lang__flag svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.header-lang__drop {
    position: absolute;
    width: 450px;
    right: 0;
    top: calc(100% + 3px);
    background-color: #fff;
    padding: 24px 14px 14px;
    box-shadow: 0 8px 24px #0000001a;
    border-radius: 14px;
    display: none
}

@media (max-width: 575px) {
    .header-lang__drop {
        width: calc(100vw - 40px);
        min-width: 280px;
        top: calc(100% + 15px)
    }
}

.header-lang__drop>h3 {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-bottom: 18px
}

.header-lang__list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 5px)
}

@media (max-width: 575px) {
    .header-lang__list {
        justify-content: space-between;
        width: 100%
    }
}

.header-lang__list a {
    width: calc(33.3333333333% - 5px);
    position: relative;
    padding: 10px 10px 10px 37px;
    min-height: 40px;
    text-decoration: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    transition: all .3s ease;
    border-radius: 100px;
    border: 1px solid transparent;
    margin-right: 5px;
    line-height: 1
}

@media (max-width: 575px) {
    .header-lang__list a {
        width: calc(50% - 15px);
        margin-right: 0
    }
}

@media (max-width: 375px) {
    .header-lang__list a {
        width: 50%;
        font-size: 12px
    }
}

.header-lang__list a:hover {
    border-color: #dbe9ff
}

.header-lang__list a.active {
    background-color: #eff8ff;
    border-color: #eff8ff;
    color: #0059f3
}

.header-lang__list a span {
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 5px
}

.header-lang__list a .header-lang__flag {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    margin-right: 0;
    width: 20px;
    height: 20px
}

.header-lang.active .header-lang__btn {
    color: #0059f3
}

.header-lang.active .header-lang__btn>svg {
    transform: scaleY(-1);
    fill: #0059f3
}

.header-content {
    padding: 143px 0 64px;
    min-height: 700px
}

@media (max-width: 1223px) {
    .header-content {
        padding: 0 0 25px
    }
}

@media (max-width: 991px) {
    .header-content {
        min-height: 0
    }
}

.header-content .m-text {
    margin-bottom: 26px
}

.header-content .m-btn {
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .header-content .m-btn {
        margin-bottom: 0
    }
}

.header-title {
    font-weight: 500;
    font-size: 44px;
    color: #121212;
    line-height: 1.18;
    margin-bottom: 20px
}

@media (max-width: 1223px) {
    .header-title {
        font-size: 36px
    }
}

.header-wallets {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 26px
}

.header-wallets p {
    font-weight: 500;
    font-size: 14px;
    color: #454c66;
    margin-right: 10px
}

.header-wallets svg {
    fill: #454c66;
    width: 20px;
    height: 20px;
    margin-right: 6px
}

@media (max-width: 767px) {
    .header-wallets svg {
        margin-right: 4px
    }
}

.header-burger {
    margin-right: 18px;
    width: 18px;
    height: 16px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    display: none
}

@media (max-width: 991px) {
    .header-burger {
        display: flex
    }
}

.header-burger span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    background-color: #000;
    transition: all .3s ease;
    display: block
}

.header-burger:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    transition: all .3s ease;
    content: "";
    background-color: #000;
    display: block
}

.header-burger:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    transition: all .3s ease;
    content: "";
    background-color: #000;
    display: block
}

.header-burger.active span {
    display: none
}

.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-hero {
    background-color: #15362c;
    position: relative;
    padding: 12px 40px 12px 58px;
    border-radius: 100px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    min-height: 44px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .header-hero {
        font-size: 0;
        padding: 0;
        width: 36px;
        min-height: 36px
    }
}

.header-hero__img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 991px) {
    .header-hero__img {
        width: 36px;
        height: 36px
    }
}

.header-hero__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.header-hero>svg {
    position: absolute;
    top: 50%;
    right: 20px;
    fill: #fff;
    transform: translateY(-50%) rotate(-90deg);
    width: 12px;
    height: 12px
}

@media (max-width: 991px) {
    .header-hero>svg {
        display: none
    }
}

.header-list {
    margin-bottom: 25px;
    padding-left: 30px;
    position: relative
}

.header-list:after {
    width: 27px;
    height: 48px;
    background-image: url(assets/img/header-list-icon.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.header-list p {
    font-weight: 500;
    font-size: 14px;
    color: #454c66;
    line-height: 1.5;
    position: relative;
    padding-left: 40px
}

.header-list p:after {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #454c66;
    content: ""
}

.header-list_noicon {
    padding-left: 0
}

.header-list_noicon:after {
    display: none
}

.header-bg {
    max-width: 946px;
    width: 100%;
    position: absolute;
    left: calc(50% + 15px);
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .header-bg {
        display: none
    }
}

.header-bg img {
    width: 100%
}

.header-bg_mob {
    position: relative;
    bottom: auto;
    left: auto;
    max-width: 100%;
    height: auto;
    display: none;
    background-image: none;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .header-bg_mob {
        display: block
    }
}

.header-bg_mob img {
    max-width: 100%
}

.header-bg .m-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.header-login {
    padding-left: 33px;
    padding-right: 21px;
    font-size: 400px;
    font-size: 16px;
    color: #0059f3;
    text-decoration: none;
    margin-left: -19px;
    transition: all .3s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    border-radius: 0 100px 100px 0
}

@media (max-width: 991px) {
    .header-login {
        padding-left: 0;
        padding-right: 0;
        margin-left: 10px;
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .header-login {
        margin-left: 6px
    }
}

.header-login:hover {
    text-decoration: underline
}

.header_invest .header-content {
    padding: 60px 0 64px
}

@media (max-width: 991px) {
    .header_invest .header-content {
        padding: 20px 0
    }
}

.header_invest .header-content .m-btn {
    margin-bottom: 0
}

.header_invest>.header-bg {
    bottom: 64px;
    left: calc(50% - 5px);
    width: 909px
}

.header_refs .header-content {
    padding-top: 186px
}

@media (max-width: 991px) {
    .header_refs .header-content {
        padding: 20px 0
    }
}

.header_refs>.header-bg {
    width: 911px
}

.header_news .header-content {
    padding-top: 186px;
    padding-bottom: 130px
}

@media (max-width: 991px) {
    .header_news .header-content {
        padding: 20px 0
    }
}

.header_news>.header-bg {
    width: 770px;
    bottom: -30px
}

.header_news-single .header-content {
    padding-top: 186px;
    padding-bottom: 130px;
    min-height: 570px
}

@media (max-width: 991px) {
    .header_news-single .header-content {
        padding: 20px 0
    }
}

.header_news-single .header-bg_mob img {
    border-radius: 15px;
    box-shadow: 22px 22px #0059f3
}

.header_news-single>.header-bg {
    width: 821px
}

.header_cont>.header-bg {
    bottom: -70px;
    max-width: 848px;
    left: calc(50% + 30px)
}

.header_cont .header-bg {
    pointer-events: all;
    z-index: 1
}

.header_cont .header-content {
    padding-bottom: 180px;
    padding-top: 186px
}

@media (max-width: 991px) {
    .header_cont .header-content {
        padding: 20px 0
    }
}

.header_cont .header-content .m-btn {
    margin-bottom: 0
}

.header_faq>.header-bg {
    left: calc(50% + 51px);
    bottom: 90px
}

.header_faq .header-content {
    padding-bottom: 176px;
    padding-top: 154px
}

@media (max-width: 991px) {
    .header_faq .header-content {
        padding: 20px 0
    }
}

.header_slider .header-content {
    padding-bottom: 142px
}

@media (max-width: 1400px) {
    .header_slider .header-content {
        padding-bottom: 114px
    }
}

.m-btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: all .3s ease;
    padding: 12px 18px;
    background-color: #11bf69;
    font-weight: 400;
    font-size: 16px;
    color: #191313;
    min-height: 44px;
    border-radius: 100px;
    border: none;
    text-align: center;
    white-space: nowrap
}

.m-btn_logo {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 48px
}

.m-btn_logo:hover svg {
    transform: translate(-50%, -50%) scale(1.5)
}

.m-btn_logo svg {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 43px;
    fill: #fff;
    opacity: .11;
    height: 66px;
    transition: all .3s ease
}

.m-btn_tr {
    border: 1px solid #FFF;
    background-color: transparent;
    padding: 12px 24px
}

.m-btn_tr:hover {
    background-color: #fff;
    color: #0059f3
}

.m-btn_tr:hover svg {
    fill: #dbe9ff;
    opacity: .5;
    transform: translate(-50%, -50%)
}

.m-btn_tr-blue {
    border: 1px solid #0059F3;
    background-color: transparent;
    min-height: 48px;
    color: #0059f3
}

.m-btn_tr-blue:hover {
    background-color: #0059f3;
    color: #fff
}

.m-btn_full {
    width: 100%
}

.m-btn_mb {
    margin-bottom: 20px
}

.m-btn_cab {
    border-radius: 10px;
    padding: 12px 20px
}

.m-btn_file input {
    display: none
}

.m-btn.disabled,
.m-btn:disabled {
    pointer-events: none;
    background-color: #7d7d7d;
    border-color: #7d7d7d
}

.m-btn.disabled svg,
.m-btn:disabled svg {
    opacity: .1
}

.m-text {
    width: 100%;
    z-index: 1;
    position: relative
}

.m-text h2 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 24px;
    color: #121212
}

.m-text h3 {
    font-weight: 400;
    font-size: 18px;
    color: #121212;
    margin-bottom: 17px;
    line-height: 1.2
}

@media (max-width: 767px) {
    .m-text h3 {
        margin-bottom: 12px
    }
}

.m-text h3 b {
    font-weight: 500
}

.m-text h3 strong {
    font-weight: 700
}

.m-text h4 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    line-height: 1.86
}

.m-text h4 span {
    font-weight: 400
}

@media (max-width: 767px) {
    .m-text h4 {
        line-height: 1.71
    }
}

.m-text p {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.86;
    margin-bottom: 16px
}

.m-text p:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .m-text p {
        line-height: 1.71;
        margin-bottom: 12px
    }
}

.m-text p a {
    color: #0180f0;
    text-decoration: underline
}

.m-text p a:hover {
    color: #0059f3
}

.m-text p i {
    font-style: italic
}

.m-text p strong {
    font-weight: 700
}

.m-text p b {
    font-weight: 500
}

.m-text ul li {
    position: relative;
    padding-left: 36px
}

.m-text ul li:after {
    position: absolute;
    top: 11px;
    left: 15px;
    width: 2px;
    height: 2px;
    background-color: #454c66;
    border-radius: 50%;
    content: ""
}

@media (max-width: 767px) {
    .m-text ul li:after {
        top: 10px
    }
}

.m-text_mb34 {
    margin-bottom: 34px
}

@media (max-width: 767px) {
    .m-text_mb34 {
        margin-bottom: 24px
    }
}

.m-text_mb26 {
    margin-bottom: 26px
}

.m-text_mb24 {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .m-text_mb24 {
        margin-bottom: 20px
    }
}

.m-text_mb {
    margin-bottom: 20px
}

.m-title {
    font-weight: 500;
    font-size: 36px;
    color: #121212;
    margin-bottom: 18px;
    line-height: 1.33
}

.m-title_white {
    color: #fff
}

.m-title_angle {
    position: relative;
    z-index: 1
}

.m-title_angle:after {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: -48px;
    left: -50px;
    width: 186px;
    height: 179px;
    background-image: url(assets/img/copmany-triangle.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: ""
}

@media (max-width: 575px) {
    .m-title_angle:after {
        top: -20px;
        left: -20px
    }
}

.m-slider {
    position: relative;
    padding: 98px 0 0 60px;
    z-index: 1
}

@media (max-width: 991px) {
    .m-slider {
        margin-bottom: 20px;
        padding-left: 0
    }
}

@media (max-width: 575px) {
    .m-slider {
        padding-top: 60px;
        margin-bottom: 40px
    }
}

.m-slider:after {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 548px;
    content: "";
    background-image: url(assets/img/slider-circle.webp);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none
}

@media (max-width: 1223px) {
    .m-slider:after {
        left: 0;
        right: auto
    }
}

@media (max-width: 575px) {
    .m-slider:after {
        left: 50%;
        transform: translate(-50%)
    }
}

.m-slider .swiper {
    overflow: visible
}

.m-slider .swiper-wrapper {
    pointer-events: none
}

.m-slider .swiper-slide {
    width: 358px;
    opacity: 0;
    pointer-events: none;
    border-radius: 14px;
    padding-right: 12px;
    z-index: 1
}

@media (max-width: 575px) {
    .m-slider .swiper-slide {
        width: 280px
    }
}

.m-slider .swiper-slide .about-docs__item>img {
    opacity: .2
}

.m-slider .swiper-slide .about-docs__item-btn {
    opacity: 0
}

.m-slider .swiper-slide-prev {
    opacity: .95;
    transform: translate(165px) scale(.67);
    transition: all .3s ease
}

@media (max-width: 1223px) {
    .m-slider .swiper-slide-prev {
        transform: translate(220px) scale(.67)
    }
}

@media (max-width: 991px) {
    .m-slider .swiper-slide-prev {
        transform: translate(165px) scale(.67)
    }
}

@media (max-width: 575px) {
    .m-slider .swiper-slide-prev {
        transform: translate(0) scale(1);
        opacity: 0;
        transition: 0s
    }
}

.m-slider .swiper-slide-next {
    opacity: 1
}

@media (max-width: 575px) {
    .m-slider .swiper-slide-next {
        opacity: 0
    }
}

.m-slider .swiper-slide-next+.swiper-slide {
    opacity: 1
}

@media (max-width: 575px) {
    .m-slider .swiper-slide-next+.swiper-slide {
        opacity: 0
    }
}

.m-slider .swiper-slide-active {
    opacity: 1;
    pointer-events: all;
    transition: all .3s ease;
    z-index: 2
}

.m-slider .swiper-slide-active .about-docs__item>img {
    opacity: 1
}

.m-slider .swiper-slide-active .about-docs__item-btn {
    opacity: 1
}

.m-slider__nav {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto
}

.m-slider__nav .swiper-button-prev,
.m-slider__nav .swiper-button-next {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 80px;
    height: 28px;
    transition: all .3s ease;
    inset: auto;
    background-color: #f5f8fa;
    outline: none
}

.m-slider__nav .swiper-button-prev:hover,
.m-slider__nav .swiper-button-next:hover {
    background-color: #0059f3
}

.m-slider__nav .swiper-button-prev:hover svg,
.m-slider__nav .swiper-button-next:hover svg {
    fill: #fff
}

.m-slider__nav .swiper-button-prev svg,
.m-slider__nav .swiper-button-next svg {
    width: 18px;
    height: 10px;
    fill: #121212;
    transition: all .3s ease
}

.m-slider__nav .swiper-button-prev svg {
    transform: scaleX(-1)
}

.m-slider_reverse {
    padding-left: 0;
    padding-right: 60px
}

@media (max-width: 991px) {
    .m-slider_reverse {
        padding-right: 0
    }
}

.m-slider_reverse:after {
    right: auto;
    left: -40px
}

@media (max-width: 1223px) {
    .m-slider_reverse:after {
        left: -80px
    }
}

@media (max-width: 991px) {
    .m-slider_reverse:after {
        left: 50%;
        transform: translate(-50%)
    }
}

.m-slider_reverse .swiper-slide {
    opacity: 0;
    transition: all .3s ease
}

@media (max-width: 1223px) {
    .m-slider_reverse .swiper-slide {
        transform: translate(-220px)
    }
}

@media (max-width: 991px) {
    .m-slider_reverse .swiper-slide {
        transform: translate(-165px)
    }
}

@media (max-width: 575px) {
    .m-slider_reverse .swiper-slide {
        transform: translate(0) scale(1);
        opacity: 0;
        transition: 0s
    }
}

.m-slider_reverse .swiper-slide .plan {
    background-color: #fffffff2
}

.m-slider_reverse .swiper-slide .plan>* {
    opacity: .2
}

.m-slider_reverse .swiper-slide:nth-child(1),
.m-slider_reverse .swiper-slide:nth-child(2) {
    opacity: 1
}

.m-slider_reverse .swiper-slide:nth-child(1) .plan,
.m-slider_reverse .swiper-slide:nth-child(2) .plan {
    background-color: #fffffff2
}

.m-slider_reverse .swiper-slide:nth-child(1) .plan>*,
.m-slider_reverse .swiper-slide:nth-child(2) .plan>* {
    opacity: .2
}

.m-slider_reverse .swiper-slide-next {
    opacity: .95;
    transform: translate(-165px) scale(.67);
    transition: all .3s ease
}

@media (max-width: 1223px) {
    .m-slider_reverse .swiper-slide-next {
        transform: translate(-220px) scale(.67)
    }
}

@media (max-width: 991px) {
    .m-slider_reverse .swiper-slide-next {
        transform: translate(-165px) scale(.67)
    }
}

@media (max-width: 575px) {
    .m-slider_reverse .swiper-slide-next {
        transform: translate(0) scale(1);
        opacity: 1;
        transition: 0s
    }
}

.m-slider_reverse .swiper-slide-next+.swiper-slide {
    opacity: 0
}

.m-slider_reverse .swiper-slide-prev {
    opacity: 1;
    transform: translate(0) scale(1)
}

@media (max-width: 575px) {
    .m-slider_reverse .swiper-slide-prev {
        opacity: 1
    }
}

.m-slider_reverse .swiper-slide-prev+.swiper-slide {
    opacity: 1
}

@media (max-width: 575px) {
    .m-slider_reverse .swiper-slide-prev+.swiper-slide {
        opacity: 0
    }
}

.m-slider_reverse .swiper-slide-prev .plan {
    background-color: #fffffff2 !important
}

.m-slider_reverse .swiper-slide-prev .plan>* {
    opacity: .2 !important
}

.m-slider_reverse .swiper-slide-active {
    opacity: 1 !important;
    pointer-events: all !important;
    transition: all .3s ease;
    transform: translate(0) scale(1) !important
}

.m-slider_reverse .swiper-slide-active .plan {
    background-color: #fff !important
}

.m-slider_reverse .swiper-slide-active .plan>* {
    opacity: 1 !important
}

.m-subtitle {
    font-weight: 700;
    font-size: 20px;
    color: #121212;
    margin-bottom: 21px
}

.mob-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-image: linear-gradient(to bottom, #DEECFF, #FFF);
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    max-width: 375px;
    pointer-events: none;
    transform: translate(-100%);
    opacity: 0;
    transition: all .3s ease;
    display: none
}

@media (max-width: 991px) {
    .mob-nav {
        display: block
    }
}

.mob-nav.active {
    opacity: 1;
    pointer-events: all;
    transform: translate(0)
}

.mob-nav .nicescroll-box {
    height: 100%
}

.mob-nav .nicescroll-box .wrap {
    min-height: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 20px
}

.mob-nav__footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.mob-nav__footer .footer-soc {
    justify-content: center;
    margin-bottom: 17px;
    margin-top: 0
}

.mob-nav__footer .footer-soc__item:hover,
.mob-nav__footer .footer-soc__item.active {
    background-color: #dbe9ff
}

.mob-nav__footer .footer-copy {
    text-align: center
}

.mob-nav .header-top {
    padding: 0;
    margin-bottom: 24px
}

.mob-nav .header-lang__drop {
    max-width: 335px;
    top: calc(100% + 15px)
}

.mob-nav .header-lang__list a {
    margin-right: 0;
    width: 50%;
    font-size: 12px
}

.mob-nav .header-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px
}

.mob-nav .header-menu a {
    width: 100%;
    text-align: center
}

.mob-nav .header-menu a:after {
    border-color: #0059f3;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.footer {
    padding: 38px 0;
    background-image: linear-gradient(to bottom, #DEECFF, #FFF);
    width: 100%;
    border-top: 53px solid #F8FCFF;
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .footer {
        padding: 24px 0 29px;
        position: relative;
        z-index: 1
    }
    .footer:after {
        position: absolute;
        z-index: -1;
        content: "";
        pointer-events: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(assets/img/footer-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }
}

@media (max-width: 767px) {
    .footer {
        border-top: none
    }
}

.footer:after {
    width: 846px;
    height: 474px;
    position: absolute;
    content: "";
    z-index: -1;
    pointer-events: none;
    background-image: url(assets/img/footer-partners-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    left: 50%;
    top: 0
}

@media (max-width: 1223px) {
    .footer:after {
        left: 45%
    }
}

@media (max-width: 991px) {
    .footer:after {
        display: none
    }
}

.footer .header-menu {
    position: relative;
    justify-content: flex-start;
    display: inline-flex;
    z-index: 1;
    padding: 30px 100px 30px 0;
    margin-bottom: 38px;
    margin-top: 0
}

@media (max-width: 991px) {
    .footer .header-menu {
        display: none
    }
}

.footer .header-menu:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 10000px;
    z-index: -1;
    content: "";
    height: 100%;
    background-color: #fffc;
    clip-path: polygon(0 0, 100% 0, calc(100% - 90px) 100%, 0% 100%)
}

.footer .header-menu a {
    padding: 0;
    margin-right: 36px;
    font-size: 16px
}

@media (max-width: 1223px) {
    .footer .header-menu a {
        font-size: 14px;
        margin-right: 15px
    }
}

.footer .header-menu a:last-child {
    margin-right: 0
}

.footer .header-menu a:after {
    display: none
}

.footer-top {
    margin-bottom: 36px
}

@media (max-width: 991px) {
    .footer-top {
        margin-bottom: 21px
    }
}

.footer-soc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -3px
}

@media (max-width: 767px) {
    .footer-soc {
        margin-top: 20px
    }
}

.footer-soc__item {
    height: 36px;
    min-width: 36px;
    border-radius: 100px;
    transition: all .3s ease;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px;
    background-color: transparent;
    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer
}

.footer-soc__item.active {
    background-color: #f8fcff
}

.footer-soc__item.active svg {
    fill: #0059f3
}

.footer-soc__item.active p {
    width: auto;
    font-size: 12px;
    pointer-events: all;
    padding-left: 5px
}

.footer-soc__item:hover {
    background-color: #f8fcff
}

.footer-soc__item:hover svg {
    fill: #0059f3
}

.footer-soc__item>svg {
    width: 16px;
    height: 16px;
    fill: #afc7ff;
    transition: all .3s ease
}

.footer-soc__item p {
    width: 0;
    font-size: 0;
    pointer-events: none
}

.footer-soc__item p a {
    color: #0180f0;
    font-weight: 500
}

.footer-soc__item p a:hover {
    color: #0059f3
}

.footer-copy {
    font-weight: 400;
    font-size: 14px;
    color: #121212
}

.footer-copy a {
    color: #0180f0;
    font-weight: 500;
    text-decoration: underline;
    transition: all .3s ease
}

.footer-copy a:hover {
    color: #0059f3
}

.footer-partners {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .footer-partners {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 10px
    }
}

.footer-partners__item {
    max-width: 215px;
    margin-bottom: 40px
}

@media (max-width: 991px) {
    .footer-partners__item {
        transform: translate(0) !important;
        max-width: 140px;
        margin-right: 24px;
        margin-bottom: 16px !important
    }
}

.footer-partners__item:last-child {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .footer-partners__item:last-child {
        margin-bottom: 16px !important
    }
}

.footer-partners__item img {
    max-width: 100%;
    max-height: 40px
}

@media (max-width: 991px) {
    .footer-partners__item img {
        max-height: 24px
    }
}

.footer-partners__item:nth-child(1) {
    transform: translate(120px);
    margin-bottom: 30px
}

.footer-partners__item:nth-child(2) {
    transform: translate(20px)
}

@media (max-width: 1223px) {
    .footer-partners__item:nth-child(2) {
        transform: translate(40px)
    }
}

.footer-partners__item:nth-child(3) {
    transform: translate(-50px)
}

@media (max-width: 1223px) {
    .footer-partners__item:nth-child(3) {
        transform: translate(-30px)
    }
}

.footer-partners__item:nth-child(4) {
    transform: translate(-140px)
}

@media (max-width: 1223px) {
    .footer-partners__item:nth-child(4) {
        transform: translate(-110px)
    }
}

.footer-partners__item:nth-child(5) {
    transform: translate(-220px)
}

@media (max-width: 1223px) {
    .footer-partners__item:nth-child(5) {
        transform: translate(-180px)
    }
}

.footer-partners__item:nth-child(6) {
    transform: translate(-300px)
}

@media (max-width: 1223px) {
    .footer-partners__item:nth-child(6) {
        transform: translate(-260px)
    }
}

.footer-apps {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start
}

@media (max-width: 1223px) {
    .footer-apps {
        margin-top: 20px
    }
}

@media (max-width: 991px) {
    .footer-apps {
        margin-top: 0
    }
}

@media (max-width: 575px) {
    .footer-apps {
        margin-top: 20px
    }
}

.footer-apps__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 36px;
    text-decoration: none;
    margin-right: 11px
}

.footer-apps__item:last-child {
    margin-right: 0
}

.footer-apps__item img {
    max-width: 100%;
    height: 100%
}

.footer-apps__item.soon {
    pointer-events: none
}

.benefits {
    width: 100%;
    padding: 60px 0 46px
}

@media (max-width: 991px) {
    .benefits {
        padding: 10px 0 30px
    }
}

.benefits-wrap {
    width: 100%;
    position: relative;
    padding: 50px 0 130px;
    z-index: 1
}

@media (max-width: 991px) {
    .benefits-wrap {
        padding: 30px 0 0
    }
}

.benefits-wrap:after {
    position: absolute;
    transform: translate(-50%);
    left: calc(50% + 46px);
    top: 0;
    height: 868px;
    min-height: 100%;
    width: 811px;
    content: "";
    background-image: url(assets/img/benefits-bg.svg);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: contain;
    z-index: -1;
    pointer-events: none
}

.benefits-title {
    text-align: center;
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    padding-right: 30px;
    line-height: 1.22;
    margin-bottom: 48px
}

.benefits-title span {
    display: block;
    transform: translate(75px)
}

.benefits-content {
    max-width: 302px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 29px
}

.benefits-content h3 {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    margin-bottom: 14px;
    line-height: 1.4
}

.benefits-content p {
    font-weight: 400;
    font-size: 14px;
    color: #dbe9ff;
    line-height: 1.5;
    margin-bottom: 20px
}

.benefits-content p:last-child {
    margin-bottom: 0
}

.benefits-icon {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px
}

.benefits-item {
    width: calc(100% + 30px);
    background-color: #fff;
    border-radius: 14px;
    padding: 24px;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    box-shadow: 0 8px 24px #0000000d
}

@media (max-width: 1223px) {
    .benefits-item {
        width: 100%
    }
}

.benefits-item:after {
    position: absolute;
    top: 0;
    right: 14px;
    height: 100%;
    width: 8px;
    background-color: #0180f0;
    content: ""
}

.benefits-item img {
    height: 60px;
    margin-bottom: 13px
}

.benefits-item h3 {
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 13px
}

.benefits-item p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.5
}

.benefits-item_reverse {
    margin-left: -30px;
    padding-left: 46px
}

@media (max-width: 1223px) {
    .benefits-item_reverse {
        margin-left: 0
    }
}

.benefits-item_reverse:after {
    right: auto;
    left: 14px
}

.benefits-slider {
    margin-top: 28px;
    width: 100%;
    display: none
}

@media (max-width: 991px) {
    .benefits-slider {
        display: block
    }
}

.benefits-slider .swiper {
    overflow: visible
}

.benefits-slider .swiper-slide {
    max-width: 315px
}

.benefits-slider .benefits-item {
    margin-bottom: 0
}

.products {
    padding: 28px 0 32px
}

@media (max-width: 575px) {
    .products {
        padding-bottom: 0
    }
}

@media (max-width: 991px) {
    .products .m-text {
        margin-bottom: 24px
    }
}

.products-logo {
    margin-top: -28px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 36px;
    color: #121212;
    margin-bottom: 18px
}

@media (max-width: 991px) {
    .products-logo {
        height: 164px;
        justify-content: flex-end;
        padding: 9px 0;
        margin-bottom: 9px
    }
}

.products-logo__icon {
    margin-left: 83px;
    margin-bottom: -43px;
    z-index: -1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden
}

@media (max-width: 991px) {
    .products-logo__icon {
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 0;
        margin-bottom: 0;
        width: 100%
    }
}

.products-logo__icon svg {
    fill: #f8fcff;
    height: 247px;
    width: 163px;
    margin: -4px 0
}

@media (max-width: 991px) {
    .products-logo__icon svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.products-logo:after {
    width: 10000px;
    height: 100%;
    background-color: #dbe9ff;
    content: "";
    z-index: -2;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none
}

@media (max-width: 991px) {
    .products-logo:after {
        left: 50%;
        transform: translate(-50%)
    }
}

.products-item {
    min-height: 100%;
    z-index: 2;
    position: relative;
    background-image: url(assets/img/products-bg-1.webp);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 14px;
    overflow: hidden
}

@media (max-width: 991px) {
    .products-item {
        margin-bottom: 10px
    }
}

@media (max-width: 575px) {
    .products-item {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.products-item__content {
    background-color: #ffffffdb;
    margin-top: auto;
    padding: 24px;
    width: 100%;
    min-height: 244px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 2;
    position: relative;
    flex-grow: 1
}

@media (max-width: 1223px) {
    .products-item__content {
        padding-left: 20px;
        padding-right: 20px
    }
}

.products-item__content h3 {
    min-height: 52px;
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 14px;
    line-height: 1.44
}

.products-item__content p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.57;
    margin-bottom: 16px
}

.products-item__content .m-btn {
    min-height: 48px;
    padding-left: 24px;
    padding-right: 24px
}

.products-item__head {
    padding: 24px 24px 16px;
    width: 100%;
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: -26px;
    z-index: 1;
    height: 307px;
    max-height: 307px
}

@media (max-width: 1223px) {
    .products-item__head {
        padding-left: 20px;
        padding-right: 20px
    }
}

.products-item__head:after {
    position: absolute;
    top: 24px;
    right: 24px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    content: attr(data-num);
    font-family: Rubik, sans-serif
}

.products-item__title {
    padding: 24px 24px 24px 0;
    font-weight: 400;
    font-size: 28px;
    color: #121212;
    position: relative;
    z-index: 1
}

.products-item__title:after {
    width: 274px;
    height: 81px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -24px;
    background-image: url(assets/img/products-title-bg.webp);
    background-position: 100% 50%;
    background-size: auto auto;
    background-repeat: no-repeat;
    content: "";
    z-index: -1;
    pointer-events: none
}

.products-item__footer {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%
}

.products-item__val {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 180px;
    width: 100%;
    margin-bottom: 18px
}

.products-item__val:after {
    width: 255px;
    height: 81px;
    left: -24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    content: "";
    background-image: url(assets/img/products-val-bg.webp);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto;
    pointer-events: none
}

@media (max-width: 1223px) {
    .products-item__val:after {
        left: -60px
    }
}

@media (max-width: 991px) {
    .products-item__val:after {
        left: -20px
    }
}

.products-item__val h3 {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 1.57;
    max-width: 84px;
    text-transform: uppercase
}

@media (max-width: 1223px) {
    .products-item__val h3 {
        font-size: 10px
    }
}

.products-item__val p {
    font-weight: 400;
    font-size: 55px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.products-item__val p span {
    font-size: 32px;
    margin-left: 6px
}

.products-item__day {
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    text-transform: uppercase;
    padding-left: 35px;
    min-height: 37px;
    padding-bottom: 18px;
    max-width: 217px
}

.products-item__day span {
    font-weight: 400;
    font-size: 32px;
    color: #0059f3
}

.products-item__day p {
    font-weight: 500;
    font-size: 12px;
    color: #121212;
    line-height: 1.5;
    max-width: 100px
}

.products-item__day:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
    width: 217px;
    height: 81px;
    background-image: url(assets/img/products-days-bg.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
    content: "";
    z-index: -1;
    pointer-events: none
}

@media (max-width: 1223px) {
    .products-item__day:after {
        right: -75px
    }
}

@media (max-width: 991px) {
    .products-item__day:after {
        right: -20px
    }
}

.products-item_refs {
    background-image: url(assets/img/products-bg-2.webp)
}

.products-item_refs .products-item__content {
    background-color: #fffffff0
}

.strat {
    width: 100%;
    padding: 35px 0 20px
}

@media (max-width: 991px) {
    .strat {
        padding: 20px 0
    }
}

@media (max-width: 575px) {
    .strat {
        padding-top: 0;
        padding-bottom: 18px
    }
}

.strat-wrap {
    width: 100%;
    position: relative;
    padding-top: 46px;
    z-index: 1
}

@media (max-width: 991px) {
    .strat-wrap {
        padding-top: 0
    }
}

.strat-wrap:after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 1023px;
    height: 475px;
    background-image: url(assets/img/strat-bg.webp);
    background-position: 0 0;
    background-size: contain;
    content: "";
    background-repeat: no-repeat;
    pointer-events: none
}

@media (max-width: 991px) {
    .strat-wrap:after {
        display: none
    }
}

.strat-scene {
    width: 498px;
    height: 498px;
    position: relative;
    z-index: 1;
    pointer-events: none;
    min-width: 498px;
    margin-left: 19px
}

@media (max-width: 1223px) {
    .strat-scene {
        width: 301px;
        height: 301px;
        min-width: 301px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 991px) {
    .strat-scene {
        margin-bottom: 27px;
        margin-top: 18px
    }
}

.strat-scene:after {
    z-index: -1;
    top: -60px;
    left: -54px;
    position: absolute;
    width: 584px;
    height: 450px;
    content: "";
    background-image: url(assets/img/strat-scene-chart.webp);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat
}

@media (max-width: 1223px) {
    .strat-scene:after {
        width: 354px;
        height: 278px;
        top: -37px;
        left: -33px
    }
}

.strat-scene__circle {
    width: 100%
}

.strat-scene__circle>img {
    width: 100%
}

.strat-scene__coins {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: stratRotate1 10s infinite linear
}

.strat-scene__coins>img {
    position: absolute;
    width: 52px;
    animation: stratRotate2 10s infinite linear
}

@media (max-width: 1223px) {
    .strat-scene__coins>img {
        width: 32px
    }
}

.strat-scene__coins>img:nth-child(1) {
    top: -1.81%;
    left: 32.13%
}

.strat-scene__coins>img:nth-child(2) {
    top: 5.02%;
    right: 16.27%
}

.strat-scene__coins>img:nth-child(3) {
    top: 57.63%;
    right: -2.01%
}

.strat-scene__coins>img:nth-child(4) {
    bottom: -2.01%;
    right: 34.74%
}

.strat-scene__coins>img:nth-child(5) {
    left: 8.43%;
    bottom: 12.25%
}

.strat-scene__coins>img:nth-child(6) {
    left: -3.61%;
    top: 44.78%
}

.strat-scene__img {
    margin-top: 58px;
    margin-left: 67px;
    width: 498px
}

@media (max-width: 1223px) {
    .strat-scene__img {
        width: 301px;
        margin-top: 35px;
        margin-left: 41px
    }
}

.strat-scene__img img {
    width: 100%
}

.company {
    padding: 100px 0 84px
}

@media (max-width: 767px) {
    .company {
        padding: 40px 0
    }
}

@media (max-width: 575px) {
    .company {
        padding: 18px 0 30px
    }
}

.company-text {
    position: relative;
    z-index: 1
}

.company-text .m-text p {
    margin-bottom: 0
}

.company-text__wrap {
    margin-bottom: 18px;
    max-width: 381px
}

.company-wrap {
    width: 100%;
    min-height: 562px;
    margin-top: -80px;
    padding-bottom: 42px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .company-wrap {
        padding-bottom: 20px;
        min-height: 360px;
        margin-bottom: 20px;
        margin-top: -15px
    }
}

.company-wrap>img {
    max-width: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0
}

@media (max-width: 991px) {
    .company-wrap>img {
        bottom: 0;
        top: auto;
        max-width: 375px
    }
}

.company-slider {
    background-color: #fffffff2;
    width: calc(100% + 130px);
    margin-left: -204px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 -10px 18px #00000008;
    border-radius: 14px 0 0
}

@media (max-width: 1223px) {
    .company-slider {
        width: calc(100% + 30px);
        margin-left: -70px
    }
}

@media (max-width: 991px) {
    .company-slider {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 575px) {
    .company-slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        border-radius: 0
    }
}

.company-slider__item {
    width: 100%;
    padding: 24px 24px 18px
}

.company-slider__item h3 {
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 12px
}

.company-slider__item p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.5
}

.company-slider__footer {
    padding-left: 24px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.company-slider__logo {
    width: 91px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.company-slider__logo img {
    max-width: 100%
}

.company-slider__nav {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end
}

.company-slider__nav .swiper-button-prev,
.company-slider__nav .swiper-button-next {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 80px;
    height: 28px;
    transition: all .3s ease;
    inset: auto;
    background-color: #f5f8fa;
    outline: none
}

.company-slider__nav .swiper-button-prev:hover,
.company-slider__nav .swiper-button-next:hover {
    background-color: #0059f3
}

.company-slider__nav .swiper-button-prev:hover svg,
.company-slider__nav .swiper-button-next:hover svg {
    fill: #fff
}

.company-slider__nav .swiper-button-prev svg,
.company-slider__nav .swiper-button-next svg {
    width: 18px;
    height: 10px;
    fill: #121212;
    transition: all .3s ease
}

.company-slider__nav .swiper-button-prev svg {
    transform: scaleX(-1)
}

.company .m-title {
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .company .m-title {
        margin-bottom: 0
    }
}

.company .m-title:after {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: -48px;
    left: -50px;
    width: 186px;
    height: 179px;
    background-image: url(assets/img/copmany-triangle.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: ""
}

@media (max-width: 575px) {
    .company .m-title:after {
        top: -20px;
        left: -20px
    }
}

.about-stat {
    width: 100%;
    padding-top: 80px
}

@media (max-width: 991px) {
    .about-stat {
        padding-top: 20px
    }
}

.about-stat__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 233px;
    overflow: hidden;
    height: 100%;
    width: 237px
}

@media (max-width: 767px) {
    .about-stat__icon {
        left: 50%;
        transform: translate(-50%, -50%);
        right: auto
    }
}

.about-stat__icon>svg {
    width: 237px;
    fill: #fff;
    opacity: .11;
    height: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.about-stat__wrap {
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 23px 200px 92px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between
}

@media (max-width: 1223px) {
    .about-stat__wrap {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 767px) {
    .about-stat__wrap {
        padding-left: 0;
        padding-right: 0;
        flex-wrap: wrap;
        justify-content: space-around
    }
}

.about-stat__wrap:after {
    z-index: -1;
    right: 0;
    top: 0;
    position: absolute;
    width: 10000px;
    content: "";
    background-image: linear-gradient(to bottom, #000000, #3cbf69);
    height: 100%
}

@media (max-width: 767px) {
    .about-stat__wrap:after {
        left: 50%;
        right: auto;
        transform: translate(-50%)
    }
}

.about-stat__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    max-width: 178px
}

@media (max-width: 767px) {
    .about-stat__item {
        padding: 10px
    }
}

.about-stat__item h3 {
    font-weight: 400;
    font-size: 64px;
    color: #fff;
    margin-bottom: 4px
}

@media (max-width: 991px) {
    .about-stat__item h3 {
        font-size: 50px
    }
}

.about-stat__item p {
    font-weight: 400;
    font-size: 16px;
    color: #dbe9ff;
    line-height: 1.31
}

.about-deal {
    width: 100%;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .about-deal {
        padding-bottom: 20px
    }
}

.about-deal__wrap {
    margin-top: -70px;
    width: calc(100% - 36px);
    box-shadow: 0 -10px 18px #0000000a;
    background-color: #fff;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .about-deal__wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .about-deal__wrap {
        width: 100%
    }
}

@media (max-width: 575px) {
    .about-deal__wrap {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.about-deal__img {
    max-width: 510px;
    width: 100%;
    box-shadow: 0 8px 24px #0000001a;
    border-radius: 0 0 14px 14px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden
}

@media (max-width: 991px) {
    .about-deal__img {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .about-deal__img {
        border-radius: 0
    }
}

.about-deal__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0% 0%
}

.about-deal__content {
    padding: 162px 66px 90px 74px;
    width: calc(100% - 510px)
}

@media (max-width: 1223px) {
    .about-deal__content {
        padding: 40px
    }
}

@media (max-width: 991px) {
    .about-deal__content {
        width: 100%
    }
}

@media (max-width: 575px) {
    .about-deal__content {
        padding: 20px
    }
}

.about-deal__content .m-title {
    margin-bottom: 14px
}

.about-deal__content .m-text {
    margin-bottom: 26px
}

.about-deal__stat {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 27px
}

.about-deal__stat-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-right: 1px
}

.about-deal__stat-item:last-child {
    margin-right: 0
}

.about-deal__stat-item:nth-child(1) {
    max-width: 200px
}

.about-deal__stat-item:nth-child(1) p {
    max-width: 58px
}

.about-deal__stat-item:nth-child(2) {
    max-width: 100px
}

.about-deal__stat-item:nth-child(2) .about-deal__stat-bar {
    background-image: linear-gradient(to right, #0180F0 0%, #7B87B2 50%)
}

.about-deal__stat-item:nth-child(3) {
    max-width: 84px
}

.about-deal__stat-item:nth-child(3) .about-deal__stat-bar {
    background-image: linear-gradient(to right, #7A87B3 0%, #82AF76 50%)
}

.about-deal__stat-item:nth-child(4) {
    max-width: 124px
}

.about-deal__stat-item:nth-child(4) .about-deal__stat-bar {
    background-image: linear-gradient(to right, #82AF76 0%, #426A34 100%)
}

.about-deal__stat-item h3 {
    font-weight: 500;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 13px
}

.about-deal__stat-item p {
    font-weight: 500;
    font-size: 13px;
    color: #454c66;
    text-transform: uppercase;
    line-height: 1.2
}

.about-deal__stat-bar {
    width: 100%;
    height: 18px;
    background-image: linear-gradient(to right, #02B7F9 0%, #0180F0);
    margin-bottom: 15px
}

.about-docs {
    padding: 40px 0 26px
}

@media (max-width: 767px) {
    .about-docs {
        padding-top: 0
    }
}

.about-docs .m-text {
    margin-bottom: 18px
}

.about-docs__item {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    width: 100%;
    box-shadow: -10px 8px 24px #0000000f;
    background-color: #fffffff2
}

.about-docs__item>img {
    width: 100%
}

.about-docs__item-btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 36px;
    width: calc(100% - 76px);
    min-height: 76px;
    background-color: #0059f3f2;
    padding: 24px 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    transition: all .3s ease
}

@media (max-width: 575px) {
    .about-docs__item-btn {
        width: calc(100% - 40px)
    }
}

.about-docs__item-btn:hover {
    background-color: #0059f3
}

.about-docs__item-btn svg {
    width: 26px;
    height: 28px;
    margin-right: 16px;
    fill: #fff;
    transition: all .3s ease
}

.about-video {
    width: 100%
}

.about-video__wrap {
    width: 100%;
    z-index: 1;
    position: relative;
    margin-bottom: 25px;
    padding-top: 53px
}

@media (max-width: 767px) {
    .about-video__wrap {
        padding-top: 20px
    }
}

.about-video__wrap:after {
    z-index: -1;
    bottom: -25px;
    right: -26px;
    content: "";
    background-image: url(assets/img/about-video-bg.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 685px;
    height: 660px;
    position: absolute
}

@media (max-width: 767px) {
    .about-video__wrap:after {
        width: 480px;
        height: 460px
    }
}

.about-video__box {
    min-height: 582px;
    background-image: url(assets/img/about-video-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

@media (max-width: 991px) {
    .about-video__box {
        min-height: 480px
    }
}

@media (max-width: 767px) {
    .about-video__box {
        min-height: 400px
    }
}

.about-video__box:hover>svg {
    fill: #fff
}

.about-video__box>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 111px;
    height: 78px;
    fill: #0059f3;
    transition: all .3s ease
}

.about-video__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 28px 20px 35px;
    background-color: #12121266;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center
}

@media (max-width: 767px) {
    .about-video__footer {
        padding: 20px
    }
}

.about-video__footer h3 {
    font-weight: 500;
    font-size: 36px;
    color: #fff;
    margin-bottom: 9px
}

@media (max-width: 767px) {
    .about-video__footer h3 {
        font-size: 28px
    }
}

.about-video__footer p {
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

@media (max-width: 767px) {
    .about-video__footer p {
        font-size: 12px
    }
}

.about-ceo {
    padding: 64px 0 84px
}

@media (max-width: 767px) {
    .about-ceo {
        padding: 20px 0
    }
}

.about-ceo__item {
    position: relative;
    max-width: 510px;
    margin-left: 26px;
    width: calc(100% - 26px);
    background-color: #086528;
    border-radius: 0 0 14px 14px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 26px
}

@media (max-width: 991px) {
    .about-ceo__item {
        margin: 35px auto 20px
    }
}

.about-ceo__icon {
    position: absolute;
    width: 127px;
    height: 122px;
    right: 134px;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden
}

.about-ceo__icon svg {
    width: 100%;
    height: 190px;
    position: absolute;
    top: 0;
    left: 0;
    fill: #fff;
    opacity: .11
}

.about-ceo__img {
    margin-top: -24px;
    margin-left: -26px;
    max-width: 510px;
    width: calc(100% + 26px);
    border-radius: 14px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    box-shadow: 0 8px 24px #0000001a
}

.about-ceo__img img {
    width: 100%
}

.about-ceo__footer {
    padding: 25px 80px 25px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1223px) {
    .about-ceo__footer {
        padding-right: 40px
    }
}

@media (max-width: 991px) {
    .about-ceo__footer {
        padding-right: 80px
    }
}

@media (max-width: 575px) {
    .about-ceo__footer {
        padding-right: 25px
    }
}

.about-ceo__logo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 10px;
    max-width: 39px;
    width: 100%
}

.about-ceo__logo img {
    max-width: 100%
}

.about-ceo__name {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    font-style: italic
}

@media (max-width: 767px) {
    .about-ceo__name {
        font-size: 18px
    }
}

.invest-calc {
    box-shadow: 0 8px 24px #0000001a;
    background-color: #000000bf;
    max-width: 408px;
    width: 100%;
    background-image: url(assets/img/invest-calc-bg.webp);
    background-position: 50% 0;
    background-size: auto;
    background-repeat: no-repeat;
    padding: 48px 24px 28px
}

@media (max-width: 991px) {
    .invest-calc {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px
    }
}

@media (max-width: 480px) {
    .invest-calc {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: 0;
        max-width: calc(100% + 40px);
        background-image: none;
        padding: 20px
    }
}

.invest-calc__title {
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    margin-bottom: 53px
}

@media (max-width: 480px) {
    .invest-calc__title {
        margin-bottom: 20px
    }
}

.invest-calc__subtitle {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-bottom: 11px
}

.invest-calc__category {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    background-color: #454c66;
    padding: 2px;
    border-radius: 22px;
    margin-bottom: 24px;
    flex-wrap: wrap
}

.invest-calc__category label {
    display: block;
    flex-grow: 1
}

.invest-calc__category label input {
    display: none
}

.invest-calc__category label input:checked+span {
    background-color: #fff;
    box-shadow: 0 0 4px #12121230;
    color: #121212
}

.invest-calc__category label span {
    width: 100%;
    padding: 14px;
    min-height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease;
    border-radius: 22px;
    cursor: pointer
}

.invest-calc__category label span:hover {
    color: #121212
}

.invest-calc__range {
    font-weight: 400;
    font-size: 14px;
    color: #dbe9ff;
    margin-bottom: 11px
}

.invest-calc__input {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 29px
}

.invest-calc__input>input {
    min-height: 48px;
    width: 100%;
    background-color: #ffffff1a;
    border-radius: 100px;
    border: 1px solid #DBE9FF;
    padding-left: 23px;
    padding-right: 97px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    outline: none
}

.invest-calc__input ::placeholder {
    color: #fff
}

.invest-calc__input>span {
    position: absolute;
    top: 0;
    right: 0;
    width: 74px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #dbe9ff;
    border-radius: 0 100px 100px 0;
    font-weight: 500;
    font-size: 12px;
    color: #454c66;
    text-transform: uppercase
}

.invest-calc__input_cur {
    overflow: hidden
}

.invest-calc__input_cur input {
    padding-right: 186px
}

.invest-calc__info {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding-top: 27px;
    margin-bottom: 27px;
    border-top: 1px solid #AFC7FF
}

.invest-calc__info-col {
    width: 50%;
    border-right: 1px solid #AFC7FF;
    padding-bottom: 1px
}

.invest-calc__info-col:last-child {
    border-right: none;
    text-align: right
}

.invest-calc__info-title {
    font-weight: 500;
    font-size: 14px;
    color: #dbe9ff;
    text-transform: uppercase;
    margin-bottom: 17px
}

.invest-calc__info-text {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 2
}

@media (max-width: 575px) {
    .invest-calc__info-text {
        font-size: 12px
    }
}

.invest-calc__cur {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 176px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    border-radius: 0 100px 100px 0;
    overflow: hidden
}

.invest-calc__cur label {
    display: block;
    width: 50%;
    margin-right: 1px
}

.invest-calc__cur label:last-child {
    margin-right: 0
}

.invest-calc__cur label input {
    display: none
}

.invest-calc__cur label input:checked+span {
    background-color: #dbe9ff;
    color: #454c66
}

.invest-calc__cur label span {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #ffffff1a;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease
}

.invest-info {
    padding: 74px 0 84px
}

@media (max-width: 767px) {
    .invest-info {
        padding: 0
    }
}

.invest-info .about-deal__wrap {
    margin-top: 0
}

.invest-info .about-deal__content {
    padding: 113px 102px 107px 65px
}

@media (max-width: 1223px) {
    .invest-info .about-deal__content {
        padding: 40px
    }
}

@media (max-width: 575px) {
    .invest-info .about-deal__content {
        padding: 20px
    }
}

.invest-info__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 30px
}

.invest-info__list-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px
}

@media (max-width: 575px) {
    .invest-info__list-item {
        margin-bottom: 20px
    }
}

.invest-info__list-item:last-child {
    margin-bottom: 0
}

.invest-info__list-item:nth-child(2) .invest-info__list-bar {
    max-width: 320px;
    background-image: linear-gradient(to right, #0180F0 0%, #7B87B2 50%)
}

.invest-info__list-item:nth-child(3) .invest-info__list-bar {
    max-width: 320px;
    background-image: linear-gradient(to right, #7A87B3 0%, #82AF76 50%)
}

.invest-info__list-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.invest-info__list-head p {
    font-weight: 500;
    font-size: 14px;
    color: #454c66;
    text-transform: uppercase;
    margin-bottom: 11px
}

@media (max-width: 575px) {
    .invest-info__list-head p {
        font-size: 12px
    }
}

.invest-info__list-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

@media (max-width: 1223px) {
    .invest-info__list-wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

@media (max-width: 991px) {
    .invest-info__list-wrap {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .invest-info__list-wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.invest-info__list-wrap>p {
    font-weight: 500;
    font-size: 14px;
    color: #454c66
}

.invest-info__list-wrap>p span {
    color: #0059f3
}

.invest-info__list-bar {
    margin-right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1px 1px 1px 5px;
    background-image: linear-gradient(to right, #02B7F9 0%, #0180F0);
    width: 100%;
    min-height: 18px
}

@media (max-width: 1223px) {
    .invest-info__list-bar {
        margin-bottom: 5px;
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .invest-info__list-bar {
        margin-right: 16px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .invest-info__list-bar {
        margin-bottom: 5px;
        margin-right: 0
    }
}

.invest-info__list-bar:last-child {
    margin-right: 0
}

.invest-info__list-bar p {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 1
}

.invest-plans {
    width: 100%;
    background-image: radial-gradient(circle at 50% 50%, #FFF, #DEEDFF 16%, #FFF 40%)
}

.invest-plans__tabs {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    background-color: #454c66;
    padding: 2px;
    border-radius: 100px;
    margin-bottom: 24px
}

@media (max-width: 575px) {
    .invest-plans__tabs {
        width: 100%
    }
}

.invest-plans__tabs-btn {
    width: 100%;
    padding: 14px;
    min-height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease;
    border-radius: 100px;
    cursor: pointer;
    min-width: 118px;
    line-height: 1
}

@media (max-width: 575px) {
    .invest-plans__tabs-btn {
        min-width: 0
    }
}

.invest-plans__tabs-btn:hover {
    color: #121212
}

.invest-plans__tabs-btn.active {
    background-color: #fff;
    color: #121212
}

.invest-links {
    font-weight: 400;
    font-size: 14px;
    color: #121212
}

.invest-links a {
    font-weight: 500;
    text-decoration: underline;
    color: #0059f3
}

.invest-links a:hover {
    text-decoration: none
}

.plan {
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 10px 8px 24px #0000000f;
    padding: 24px
}

.plan-title {
    font-weight: 400;
    font-size: 28px;
    color: #121212;
    margin-bottom: 18px
}

.plan-title span {
    color: #0059f3
}

.plan-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 17px
}

.plan-info:last-child {
    margin-bottom: 0
}

.plan-info__item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.plan-info__item h3 {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    line-height: 2
}

.plan-info__item p {
    line-height: 2;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    text-align: right
}

.plan-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.plan-link {
    text-align: right;
    font-weight: 500;
    font-size: 14px;
    color: #0059f3;
    text-decoration: underline;
    transition: all .3s ease
}

.plan-link:hover {
    text-decoration: none
}

.plan-range {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 19px;
    background-image: url(assets/img/plan-range-bg.webp);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0 24px;
    width: calc(100% + 48px);
    margin-left: -24px;
    min-height: 109px
}

.plan-range__title {
    font-weight: 400;
    font-size: 14px;
    color: #121212
}

@media (max-width: 575px) {
    .plan-range__title {
        font-size: 12px
    }
}

.plan-range__val {
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    z-index: 1;
    position: relative
}

.plan-range__left {
    padding-bottom: 23px
}

.plan-range__left .plan-range__title {
    margin-bottom: 35px
}

.plan-range__right {
    text-align: right;
    padding-top: 21px
}

.plan-range__right .plan-range__val {
    font-size: 36px;
    margin-bottom: 30px
}

.plan-range_bg {
    background-image: url(assets/img/plan-range-bg-2.webp)
}

.plan-chart {
    margin-bottom: 20px;
    width: calc(100% - 28px);
    border-right: 1px solid #979FAD;
    position: relative
}

.plan-chart:before {
    content: attr(data-text-top);
    position: absolute;
    top: 0;
    left: calc(100% + 9px);
    font-weight: 400;
    font-size: 10px;
    color: #454c66;
    font-family: Rubik, sans-serif;
    text-transform: uppercase;
    line-height: 1
}

.plan-chart:after {
    content: attr(data-text-bottom);
    position: absolute;
    bottom: 0;
    left: calc(100% + 9px);
    font-weight: 400;
    font-size: 10px;
    color: #454c66;
    font-family: Rubik, sans-serif;
    text-transform: uppercase;
    line-height: 1
}

.plan-chart__box {
    height: 98px;
    width: 100%
}

.plan-chart__title {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 7px
}

.refs {
    padding: 77px 0 64px
}

@media (max-width: 991px) {
    .refs {
        padding: 20px 0 40px
    }
}

.refs-info {
    position: relative;
    background: linear-gradient(to bottom, #0452D8, #44791B);
    border-radius: 14px;
    padding: 20px;
    width: 100%
}

@media (max-width: 575px) {
    .refs-info {
        width: calc(100% + 40px);
        margin-left: -20px;
        border-radius: 0
    }
}

.refs-info>.m-btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -16px;
    white-space: nowrap
}

.refs-info__wrap {
    background-color: #fff;
    padding: 23px 22px 38px
}

.refs-info__text {
    font-weight: 500;
    font-size: 14px;
    color: #454c66;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .refs-info__text {
        font-size: 12px
    }
}

.refs-info__text span {
    color: #0059f3
}

.refs-info__scene {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: -20px 0 -30px;
    position: relative;
    pointer-events: none
}

@media (max-width: 480px) {
    .refs-info__scene {
        margin: -10px 0 -15px
    }
}

.refs-info__scene:after {
    z-index: 1;
    left: 50%;
    transform: translate(-50%);
    width: calc(100% + 86px);
    height: 18px;
    background-image: linear-gradient(to right, #02B7F9 0%, #0180F0);
    content: "";
    position: absolute;
    top: 48%
}

@media (max-width: 480px) {
    .refs-info__scene:after {
        height: 12px
    }
}

.refs-info__scene img {
    position: relative;
    z-index: 2;
    width: calc(100% + 108px)
}

.refs-tree {
    padding: 50px 0;
    position: relative;
    z-index: 1
}

.refs-tree .swiper {
    overflow: visible
}

.refs-tree__imgs {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 1165px;
    height: 100%;
    z-index: 10;
    top: 50px;
    pointer-events: none
}

@media (max-width: 991px) {
    .refs-tree__imgs {
        display: none
    }
}

.refs-tree__imgs-item {
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    pointer-events: none;
    cursor: pointer
}

.refs-tree__imgs-item:hover img:last-child {
    opacity: 1
}

.refs-tree__imgs-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    z-index: 1
}

.refs-tree__imgs-item img:last-child {
    opacity: 0;
    z-index: 2
}

.refs-tree__imgs-item.active {
    opacity: 1;
    pointer-events: all
}

.refs-tree__imgs-item_1 {
    top: 67%;
    left: 48%
}

.refs-tree__imgs-item_2 {
    top: 61.5%;
    left: 70.5%
}

.refs-tree__imgs-item_3 {
    top: 58%;
    left: 59%
}

.refs-tree__imgs-item_4 {
    top: 53.5%;
    left: 30.5%
}

.refs-tree__imgs-item_5 {
    top: 53%;
    left: 16%
}

.refs-tree__imgs-item_6 {
    top: 50%;
    left: 82%
}

.refs-tree__imgs-item_7 {
    top: 42.5%;
    left: 44.5%
}

.refs-tree__imgs-item_8 {
    top: 39%;
    left: 59.5%
}

.refs-tree__imgs-item_9 {
    top: 31%;
    left: 72%
}

.refs-tree__imgs-item_10 {
    top: 24%;
    left: 36.5%
}

.refs-tree__imgs-item_11 {
    top: 22%;
    left: 58.8%
}

.refs-tree__imgs-item_12 {
    top: 11%;
    left: 47.5%
}

.refs-tree:after {
    z-index: -1;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    width: 100vw;
    content: "";
    background-image: url(assets/img/refs-tree-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-position: 50% 0;
    height: calc(100% - 60px)
}

.refs-tree__nav {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-bottom: 95px
}

@media (max-width: 991px) {
    .refs-tree__nav {
        margin-bottom: 30px
    }
}

@media (max-width: 575px) {
    .refs-tree__nav {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.refs-tree__nav:after {
    width: 100%;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 10px;
    background-image: linear-gradient(-90deg, #DEECFF 0%, #FBFBFB 100%);
    content: "";
    z-index: -1
}

@media (max-width: 575px) {
    .refs-tree__nav:after {
        border-radius: 0
    }
}

.refs-tree__nav .swiper {
    padding: 5px 60px
}

@media (max-width: 991px) {
    .refs-tree__nav .swiper {
        padding: 5px 20px
    }
}

.refs-tree__nav .swiper-slide {
    width: auto
}

.refs-tree__nav .swiper-slide-thumb-active .refs-tree__nav-item {
    background-color: #0059f3;
    transform: scale(1.15);
    border-color: #0059f3;
    color: #fff
}

.refs-tree__nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    background-color: #f5f8fa;
    border: 3px solid #FFF;
    font-weight: 500;
    font-size: 14px;
    color: #454c66;
    margin-right: 52px;
    cursor: pointer
}

.refs-tree__nav-item:hover {
    background-color: #0059f3;
    border-color: #0059f3;
    color: #fff
}

.refs-tree__nav-item:last-child {
    margin-right: 0
}

.refs-tree__item {
    height: 758px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-left: 80px
}

@media (max-width: 991px) {
    .refs-tree__item {
        padding-left: 40px;
        height: auto
    }
}

.refs-tree__item>img {
    width: 1165px
}

@media (max-width: 991px) {
    .refs-tree__item>img {
        width: 600px
    }
}

.refs-tree__hero {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 1165px;
    height: 100%;
    z-index: 12;
    top: 50px;
    pointer-events: none
}

.refs-tree__hero-item {
    position: absolute;
    border: 4px solid #FFF;
    box-shadow: 0 0 16px #c1c1c180;
    padding: 16px 42px 16px 105px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #f5f8fa;
    top: 0%;
    left: 0%;
    opacity: 0;
    transition: all .3s ease
}

@media (max-width: 991px) {
    .refs-tree__hero-item {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        max-width: calc(100vw - 40px);
        min-width: 280px
    }
}

.refs-tree__hero-item.active {
    opacity: 1
}

.refs-tree__hero-item:after {
    z-index: -1;
    pointer-events: none;
    font-weight: 500;
    font-size: 96px;
    color: #fff;
    top: -17px;
    left: 60px;
    position: absolute;
    content: attr(data-num)
}

.refs-tree__hero-item img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px
}

.refs-tree__hero-item h3 {
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 5px
}

@media (max-width: 575px) {
    .refs-tree__hero-item h3 {
        font-size: 14px
    }
}

.refs-tree__hero-item h3:last-child {
    margin-bottom: 0
}

.refs-tree__hero-item p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66
}

.refs-tree__hero-item_1 {
    left: 45.4%;
    top: 62.5%
}

.refs-tree__hero-item_2 {
    left: 67%;
    top: 57%
}

.refs-tree__hero-item_3 {
    left: 56.5%;
    top: 53.3%
}

.refs-tree__hero-item_4 {
    left: 28%;
    top: 49%
}

.refs-tree__hero-item_5 {
    left: 13%;
    top: 48.4%
}

.refs-tree__hero-item_6 {
    left: 78.2%;
    top: 45.5%
}

.refs-tree__hero-item_7 {
    left: 41.5%;
    top: 38%
}

.refs-tree__hero-item_8 {
    left: 56%;
    top: 34%
}

.refs-tree__hero-item_9 {
    left: 67.5%;
    top: 26.5%
}

.refs-tree__hero-item_10 {
    left: 33.3%;
    top: 19.3%
}

.refs-tree__hero-item_11 {
    left: 54.6%;
    top: 17.6%
}

.refs-tree__hero-item_12 {
    left: 44%;
    top: 6.6%
}

.news {
    width: 100%;
    padding: 1px 0 64px
}

@media (max-width: 991px) {
    .news {
        padding-bottom: 10px
    }
}

.news-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    text-decoration: none;
    border-radius: 14px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    margin-bottom: 28px;
    cursor: pointer
}

.news-item:hover .news-item__content {
    background-color: #fffffff7
}

.news-item:hover .news-item__content:after {
    opacity: 1
}

.news-item>img {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0
}

.news-item__content {
    background-color: #f5f8fb;
    width: 100%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all .3s ease;
    position: relative;
    z-index: 2
}

.news-item__content:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 74px;
    height: 74px;
    background-image: url(assets/img/news-arrow.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    content: "";
    z-index: -1;
    transition: all .3s ease;
    opacity: 0
}

.news-item__date {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 11px
}

.news-item__date:last-child {
    margin-bottom: 0
}

.news-item__text {
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 12px;
    line-height: 1.44
}

.news-item__text:last-child {
    margin-bottom: 0
}

.news-item__link {
    font-weight: 500;
    font-size: 14px;
    color: #0059f3;
    text-decoration: underline
}

.news-item__img {
    width: 100%;
    height: 336px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 480px) {
    .news-item__img {
        height: 200px
    }
}

.news-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%
}

.news-footer {
    margin-top: 12px
}

.news-single__content {
    margin-bottom: 40px
}

@media (max-width: 991px) {
    .news-single__content {
        margin-bottom: 20px
    }
}

.news-single__img {
    position: relative
}

.news-single__img-wrap {
    max-width: 946px;
    width: 100%;
    position: absolute;
    left: calc(50% + 15px);
    bottom: 35px;
    z-index: -1;
    pointer-events: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .news-single__img-wrap {
        display: none
    }
}

.news-single__img img {
    border-radius: 15px;
    display: block;
    box-shadow: 22px 22px #0059f3
}

.news-single__img-figure_1 {
    position: absolute;
    top: -397px;
    left: 270px;
    width: 199.6px;
    height: 512px;
    transform: rotate(45deg) skew(0, 315deg);
    background: #DBE9FF
}

.news-single__img-figure_2 {
    position: absolute;
    width: 200px;
    height: 200px;
    right: 225px;
    top: 59%;
    transform: rotate(45deg);
    background: #F8FCFF
}

.pag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px
}

@media (max-width: 575px) {
    .pag {
        justify-content: center;
        width: 100%
    }
}

.pag__text {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-right: 16px
}

@media (max-width: 767px) {
    .pag__text {
        display: none
    }
}

.pag__nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #f5f8fa;
    border-radius: 24px;
    height: 48px;
    overflow: hidden
}

.pag__arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 78px;
    padding: 10px 21px;
    cursor: pointer;
    height: 100%;
    transition: all .3s ease
}

.pag__arrow:hover {
    background-color: #0059f3
}

.pag__arrow:hover svg {
    fill: #fff
}

.pag__arrow svg {
    height: 10px;
    width: 18px;
    fill: #454c66;
    transition: all .3s ease
}

.pag__arrow.prev svg {
    transform: scaleX(-1)
}

.pag__arrow.next {
    justify-content: flex-end
}

.pag__num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 -24px;
    font-weight: 500;
    font-size: 14px;
    color: #454c66
}

.pag__num input {
    border: 1px solid #D0D0D0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    outline: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #454c66;
    line-height: 1;
    transition: all .3s ease
}

.pag__num input:focus {
    border-color: #0059f3
}

.cont {
    width: 100%;
    padding-bottom: 117px
}

@media (max-width: 991px) {
    .cont {
        padding-bottom: 20px
    }
}

@media (max-width: 575px) {
    .cont {
        padding-bottom: 0
    }
}

.cont-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 52px);
    margin-bottom: 12px
}

@media (max-width: 991px) {
    .cont-list {
        width: calc(100% + 20px)
    }
}

.cont-list__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 52px;
    margin-bottom: 13px
}

@media (max-width: 991px) {
    .cont-list__item {
        margin-right: 20px
    }
}

.cont-list__item h3 {
    font-weight: 400;
    font-size: 18px;
    color: #454c66;
    line-height: 1.56
}

.cont-list__item p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.56
}

.cont-list__item a {
    font-weight: 400;
    font-size: 14px;
    color: #0059f3;
    text-decoration: underline;
    line-height: 1.56
}

.cont-list__item a:hover {
    text-decoration: none
}

.cont-wrap {
    width: 100%;
    background-color: #237d09;
    border-radius: 14px;
    padding: 97px 28px 72px 74px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

@media (max-width: 1223px) {
    .cont-wrap {
        padding: 24px
    }
}

@media (max-width: 991px) {
    .cont-wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

@media (max-width: 575px) {
    .cont-wrap {
        width: calc(100% + 40px);
        margin-left: -20px;
        border-radius: 0;
        padding: 20px
    }
}

.cont-wrap:after {
    z-index: -1;
    width: 579px;
    height: 588px;
    content: "";
    background-image: url(assets/img/cont-lines.webp);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    right: -99px;
    top: 0;
    pointer-events: none
}

@media (max-width: 991px) {
    .cont-wrap .footer-soc {
        margin-bottom: 21px
    }
}

.cont-wrap__left {
    width: calc(50% - 15px);
    max-width: 436px
}

@media (max-width: 991px) {
    .cont-wrap__left {
        width: 100%;
        max-width: 100%
    }
}

.cont-wrap__right {
    width: calc(50% - 15px);
    max-width: 555px
}

@media (max-width: 991px) {
    .cont-wrap__right {
        width: 100%;
        max-width: 100%
    }
}

.cont-subtitle {
    font-weight: 400;
    font-size: 14px;
    color: #afc7ff;
    text-transform: uppercase;
    margin-bottom: 11px
}

.cont-title {
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    line-height: 1.44;
    margin-bottom: 30px
}

@media (max-width: 575px) {
    .cont-title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.cont-mails {
    position: relative;
    padding-left: 59px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 75px
}

@media (max-width: 991px) {
    .cont-mails {
        margin-bottom: 30px
    }
}

@media (max-width: 575px) {
    .cont-mails {
        margin-bottom: 20px
    }
}

.cont-mails>img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 41px
}

.cont-mails h3 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 2
}

.cont-mails p {
    line-height: 2;
    color: #dbe9ff
}

.cont-mails a {
    transition: all .3s ease;
    font-weight: 400;
    font-size: 14px;
    color: #dbe9ff;
    text-decoration: underline
}

.cont-mails a:hover {
    text-decoration: none;
    color: #fff
}

.cont-input {
    width: 100%;
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative
}

@media (max-width: 575px) {
    .cont-input {
        margin-bottom: 12px
    }
}

.cont-input__title {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-bottom: 11px
}

.cont-input__title_mb24 {
    margin-bottom: 24px
}

.cont-input ::placeholder {
    color: #121212
}

.cont-input input,
.cont-input textarea {
    width: 100%;
    height: 48px;
    border: 1px solid #DBE9FF;
    outline: none;
    background-color: #ffffff1a;
    transition: all .3s ease;
    border-radius: 24px;
    padding: 15px 22px;
    font-weight: 500;
    font-size: 14px;
    color: #fff
}

.cont-input input.success,
.cont-input textarea.success {
    border-color: #37ff00
}

.cont-input input.error,
.cont-input textarea.error {
    border-color: #ff8080
}

.cont-input input:disabled,
.cont-input textarea:disabled {
    background-color: #ffffff1a;
    border-color: transparent;
    color: #afc7ff;
    pointer-events: none
}

.cont-input input.disabled,
.cont-input textarea.disabled {
    background-color: #ffffff1a;
    border-color: transparent;
    color: #afc7ff;
    pointer-events: none
}

.cont-input input:focus,
.cont-input textarea:focus {
    background-color: #fff;
    border-color: #fff;
    color: #121212
}

.cont-input input:focus~button,
.cont-input textarea:focus~button {
    color: #0180f0
}

.cont-input input:focus~button:hover,
.cont-input textarea:focus~button:hover {
    color: #0059f3
}

.cont-input textarea {
    resize: none;
    height: 111px
}

.cont-input button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 27px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease;
    border: none;
    outline: none;
    background: none;
    cursor: pointer
}

.cont-input p {
    font-weight: 500;
    font-size: 14px;
    color: #afc7ff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 27px
}

.cont-input_text {
    margin-bottom: 36px
}

@media (max-width: 575px) {
    .cont-input_text {
        margin-bottom: 20px
    }
}

.cont-input_mb14 {
    margin-bottom: 14px !important
}

.cont-input_tel {
    z-index: 3
}

.cont-input_tel:focus-within input {
    background-color: #fff;
    color: #121212
}

.cont-input_tel:focus-within>svg {
    fill: #0059f3
}

.cont-input_tel>svg {
    position: absolute;
    left: 34px;
    top: 50%;
    transform: translateY(-50%);
    fill: #fff;
    width: 11px;
    height: 6px;
    pointer-events: none
}

.cont-input .iti {
    width: 100%
}

.cont-input .iti ::placeholder {
    color: #fff
}

.cont-input .iti input:focus {
    color: #121212
}

.cont-input .iti__flag-container {
    width: 48px;
    background: transparent
}

.cont-input .iti__arrow {
    display: none
}

.cont-input .iti__selected-flag {
    border-radius: 100px 0 0 100px;
    background: transparent !important
}

.cont-input .iti__country-list {
    box-shadow: 0 8px 24px #0000001a;
    border-radius: 14px;
    padding: 12px;
    overflow: auto;
    width: 380px
}

@media (max-width: 1223px) {
    .cont-input .iti__country-list {
        width: 372px
    }
}

@media (max-width: 991px) {
    .cont-input .iti__country-list {
        width: 446px
    }
}

@media (max-width: 767px) {
    .cont-input .iti__country-list {
        width: 500px
    }
}

@media (max-width: 575px) {
    .cont-input .iti__country-list {
        width: calc(100vw - 40px);
        min-width: 280px
    }
}

.cont-input .iti__country-list::-webkit-scrollbar {
    width: 2px
}

.cont-input .iti__country-list::-webkit-scrollbar-track {
    background: transparent
}

.cont-input .iti__country-list::-webkit-scrollbar-thumb {
    background-color: #0059f3;
    border-radius: 20px;
    border: 0px solid orange
}

.cont-input .iti__country-list .divider {
    display: none
}

.cont-input .iti__country-list .iti__country {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    font-family: Rubik, sans-serif;
    border: 1px solid transparent;
    transition: all .3s ease
}

.cont-input .iti__country-list .iti__country:hover {
    border-color: #dbe9ff;
    background-color: transparent
}

.cont-input .iti__country-list .iti__country.active {
    background-color: #eff8ff;
    color: #0059f3;
    border-color: #eff8ff
}

.faq {
    padding-bottom: 34px;
    width: 100%
}

.faq-wrap,
.faq-list {
    width: 100%
}

.faq-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px 100px;
    border: 1px solid transparent;
    border-radius: 14px;
    position: relative;
    cursor: pointer;
    transition: all .3s ease
}

@media (max-width: 991px) {
    .faq-item {
        padding: 20px 57px 20px 20px
    }
}

.faq-item:hover {
    border-color: #0059f3
}

.faq-item:hover .faq-item__head h3 {
    color: #0059f3
}

.faq-item:hover:after,
.faq-item:hover>svg {
    opacity: 1
}

.faq-item:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 37px;
    width: 37px;
    height: calc(100% + 2px);
    background-color: #0059f3;
    content: "";
    z-index: 1;
    opacity: 0;
    transition: all .3s ease
}

@media (max-width: 991px) {
    .faq-item:after {
        right: -1px;
        border-radius: 0 12px 12px 0
    }
}

.faq-item>svg {
    position: absolute;
    top: 50%;
    right: -moz-calc(37px + 37px / 2);
    right: 55.5px;
    transform: translate(50%, -50%);
    width: 17px;
    height: 10px;
    fill: #fff;
    transition: all .3s ease;
    opacity: 0;
    z-index: 2
}

@media (max-width: 991px) {
    .faq-item>svg {
        right: -moz-calc(37px / 2);
        right: 18.5px
    }
}

.faq-item__head>h3 {
    font-weight: 500;
    font-size: 28px;
    color: #121212;
    margin-bottom: 10px;
    line-height: 1.57;
    transition: all .3s ease
}

@media (max-width: 991px) {
    .faq-item__head>h3 {
        font-size: 24px;
        line-height: 1.3
    }
}

.faq-item__drop {
    display: none;
    padding-top: 16px
}

.faq-item .m-text p {
    transition: all .3s ease
}

.faq-item.active {
    background-color: #0059f3
}

.faq-item.active .faq-item__head>h3 {
    color: #fff
}

.faq-item.active .m-text p {
    color: #dbe9ff
}

.faq-item.active .m-text p a {
    color: #fff
}

.faq-item.active .m-text p a:hover {
    text-decoration: none
}

.faq-item.active .m-text ul,
.faq-item.active .m-text ol {
    color: #dbe9ff
}

.faq-item.active:after {
    background-color: #fff;
    opacity: 1
}

.faq-item.active>svg {
    transform: translate(50%, -50%) scaleY(-1);
    fill: #0059f3;
    opacity: 1
}

.faq .m-text ul li {
    padding-left: 0;
    margin-left: 25px;
    list-style: disc
}

.faq .m-text ul li:after {
    display: none
}

.faq .m-text ol {
    padding-left: 0;
    margin-left: 25px
}

.faq .m-text ul,
.faq .m-text ol {
    line-height: 1.86
}

.terms {
    width: 100%;
    padding: 68px 0 92px
}

@media (max-width: 991px) {
    .terms {
        padding: 20px 0
    }
}

.terms-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding: 26px 102px 16px 176px;
    margin-bottom: 64px
}

@media (max-width: 991px) {
    .terms-wrap {
        margin-bottom: 30px;
        padding: 26px 26px 16px 102px;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .terms-wrap {
        padding: 18px 0 8px
    }
}

.terms-wrap:after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 52px;
    width: 10000px;
    height: 100%;
    background-color: #fffc;
    content: "";
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, calc(0% + 80px) 100%)
}

@media (max-width: 991px) {
    .terms-wrap:after {
        left: 0
    }
}

@media (max-width: 767px) {
    .terms-wrap:after {
        left: 50%;
        transform: translate(-50%)
    }
}

.terms-date {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-right: 15px;
    margin-bottom: 10px
}

.terms-date span {
    font-weight: 500
}

.terms-pdf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    text-decoration: none;
    transition: all .3s ease;
    margin-bottom: 10px
}

.terms-pdf:hover {
    color: #0059f3
}

.terms-pdf img {
    margin-left: 10px;
    width: 26px
}

.terms-item {
    padding-left: 102px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 64px
}

@media (max-width: 767px) {
    .terms-item {
        padding-left: 0;
        padding-top: 102px;
        margin-bottom: 30px
    }
}

.terms-item:last-child {
    margin-bottom: 0
}

.terms-item:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 74px;
    height: 74px;
    content: attr(data-num);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #0059f3;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    z-index: 2
}

.terms-item:before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f8fcff;
    content: "";
    width: 74px;
    height: 100%
}

@media (max-width: 767px) {
    .terms-item:before {
        height: 74px;
        width: 100%
    }
}

.sign {
    background-color: #090d0f;
    min-height: calc(var(--vh, 1vh) * 100);
    padding: 44px 0 37px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 1;
    position: relative
}

@media (max-width: 991px) {
    .sign {
        padding: 20px 0
    }
}

.sign:after {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-image: url(assets/img/sign-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    pointer-events: none
}

@media (max-width: 991px) {
    .sign:after {
        display: none
    }
}

.sign:before {
    width: 580px;
    height: 587px;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    background-image: url(assets/img/cont-lines.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    pointer-events: none
}

@media (max-width: 991px) {
    .sign:before {
        left: 0
    }
}

.sign-head {
    width: 100%;
    margin-bottom: -10px
}

.sign-head .header-logo {
    margin-bottom: 10px
}

@media (max-width: 575px) {
    .sign-head .header-logo {
        max-width: 90px
    }
}

.sign-head .header-lang__btn {
    color: #fff
}

.sign-head .header-lang__btn>svg {
    fill: #fff
}

.sign-head .header-lang.active .header-lang__btn {
    color: #fff
}

.sign-head .header-lang.active .header-lang__btn>svg {
    fill: #fff
}

.sign-head .header-burger {
    margin-bottom: 10px
}

.sign-head .header-nav {
    margin-bottom: 10px;
    background-color: #ffffff26;
    transition: all .3s ease;
    border: 1px solid transparent;
    height: 44px;
    z-index: 2
}

@media (max-width: 991px) {
    .sign-head .header-nav {
        background-color: transparent;
        border: none
    }
}

.sign-head .header-nav .m-btn {
    background-color: #fff;
    color: #0059f3;
    font-size: 16px;
    font-weight: 500;
    height: calc(100% + 2px);
    margin-top: -1px;
    margin-right: -1px;
    width: auto;
    padding: 12px 20px
}

@media (max-width: 991px) {
    .sign-head .header-nav .m-btn {
        height: auto;
        padding: 10px 20px;
        font-size: 14px
    }
}

.sign-head .header-nav .m-btn:hover {
    background-color: #0059f3;
    color: #fff
}

.sign-head .header-nav.active {
    border-color: #fff;
    background-color: #fff3
}

.sign-head .header-login {
    color: #fff;
    font-weight: 500
}

.sign-head .header-burger:after,
.sign-head .header-burger:before,
.sign-head .header-burger span {
    background-color: #fff
}

.sign-content {
    width: 100%;
    padding: 20px 0
}

.sign-content .m-btn {
    padding-left: 20px;
    padding-right: 20px
}

.sign-content .m-title {
    margin-bottom: 36px
}

.sign-content .cont-input {
    margin-bottom: 24px
}

.sign-footer {
    width: 100%
}

.sign-footer .footer-soc {
    margin-bottom: 25px;
    margin-top: 0
}

@media (max-width: 991px) {
    .sign-footer .footer-soc {
        margin-bottom: 15px
    }
}

.sign-footer .footer-copy {
    color: #dbe9ff
}

.sign-footer .footer-copy a {
    color: #dbe9ff;
    transition: all .3s ease
}

.sign-footer .footer-copy a:hover {
    color: #fff
}

.sign-upline {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 24px
}

.sign-upline span {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    margin-right: 13px
}

.sign-upline__clear {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: -2px
}

.sign-upline__clear:hover svg {
    fill: #fff
}

.sign-upline__clear svg {
    width: 10px;
    height: 10px;
    fill: #afc7ff;
    transition: all .3s ease
}

.sign-link {
    font-weight: 400;
    font-size: 14px;
    color: #dbe9ff;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
    transition: all .3s ease;
    line-height: 1.5;
    display: block;
    margin: 10px 0
}

@media (max-width: 575px) {
    .sign-link {
        text-align: left
    }
}

.sign-link:hover {
    color: #fff
}

.sign-check {
    display: block;
    margin-bottom: 24px;
    width: 100%
}

.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 {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding-left: 34px;
    line-height: 1.5;
    cursor: pointer
}

.sign-check p:after {
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #ffffff1a;
    border: 1px solid #DBE9FF;
    z-index: 1;
    border-radius: 4px;
    transition: all .3s ease;
    content: ""
}

.sign-check p svg {
    position: absolute;
    left: 9px;
    top: 10px;
    transform: translate(-50%, -50%);
    z-index: 2;
    fill: #0059f3;
    width: 12px;
    height: 8px;
    transition: all .3s ease;
    opacity: 0
}

.sign-check p a {
    color: #dbe9ff;
    text-decoration: underline;
    transition: all .3s ease
}

.sign-check p a:hover {
    color: #fff
}

.sign-pin {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 36px
}

@media (max-width: 480px) {
    .sign-pin {
        margin-bottom: 20px
    }
}

.sign-pin input {
    margin-right: 9px;
    text-align: center;
    border-radius: 14px;
    background-color: #ffffff1a;
    border: 1px solid #DBE9FF;
    width: 56px;
    height: 70px;
    padding: 5px;
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    outline: none;
    transition: all .3s ease
}

@media (max-width: 1223px) {
    .sign-pin input {
        width: 54px
    }
}

@media (max-width: 480px) {
    .sign-pin input {
        margin-right: 5px;
        width: 40px;
        height: 55px;
        font-size: 28px
    }
}

.sign-pin input:focus {
    background-color: #fff;
    border-color: #fff;
    color: #121212
}

.sign-pin.error input {
    border: 1px solid #FF8080
}

.sign-text {
    font-weight: 400;
    font-size: 14px;
    color: #dbe9ff;
    line-height: 1.86;
    margin-bottom: 10px
}

.sign_error:after {
    display: none
}

.sign_error:before {
    width: 963px;
    height: 973px;
    left: 36%
}

@media (max-width: 767px) {
    .sign_error:before {
        left: 0
    }
}

.sign_error .sign-footer .footer-soc {
    justify-content: center
}

.sign_error .sign-footer .footer-copy {
    text-align: center
}

.error-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center
}

.error-404 h3 {
    font-weight: 500;
    font-size: 200px;
    color: #fff;
    text-shadow: 8px 12px 0 rgba(4, 82, 216, .38)
}

@media (max-width: 767px) {
    .error-404 h3 {
        font-size: 140px
    }
}

.error-404 p {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 1.44;
    margin-bottom: 41px
}

.msgs {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 1000;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 161px 9px 20px;
    display: none
}

.msgs.active {
    display: flex
}

.msgs-item {
    pointer-events: all;
    padding: 18px 18px 18px 36px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px #0000000d;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 11px;
    max-width: 392px;
    width: 100%;
    transition: all .3s ease
}

.msgs-item:last-child {
    margin-bottom: 0
}

.msgs-item:after {
    position: absolute;
    top: 0;
    left: 8px;
    width: 10px;
    height: 100%;
    content: "";
    background-color: #0180f0
}

.msgs-item__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 10px;
    height: 10px;
    cursor: pointer
}

.msgs-item__close:hover svg {
    fill: #0059f3
}

.msgs-item__close svg {
    width: 100%;
    height: 100%;
    fill: #0180f0;
    transition: all .3s ease
}

.msgs-item h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 10px
}

.msgs-item h3:last-child {
    margin-bottom: 0
}

.msgs-item p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.5
}

.msgs-item_orange:after {
    background-color: #e0a70d
}

.msgs-item_green:after {
    background-color: #5fa22b
}

.msgs-item_red:after {
    background-color: #e64444
}

.modal {
    position: fixed;
    z-index: 100;
    background-color: #121212cc;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

.modal.active {
    opacity: 1;
    pointer-events: all
}

@media (max-width: 480px) {
    .modal {
        padding: 0
    }
}

.modal-wrap {
    margin-top: auto;
    margin-bottom: auto;
    padding: 28px;
    max-width: 466px;
    width: 100%;
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 16px #0000005c;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 480px) {
    .modal-wrap {
        max-width: 100%;
        height: 100%;
        padding: 20px;
        border-radius: 0;
        box-shadow: none
    }
}

@media (max-width: 480px) {
    .modal-wrap .m-btn {
        margin-top: auto;
        width: 100%
    }
}

.modal-wrap .sign-pin input {
    border-color: #d0d0d0;
    background-color: transparent;
    color: #121212
}

.modal-wrap .sign-pin input:focus {
    background-color: #fff;
    border-color: #0059f3
}

.modal-close {
    position: absolute;
    top: 28px;
    right: 28px;
    cursor: pointer
}

.modal-close:hover svg {
    fill: #0059f3
}

@media (max-width: 480px) {
    .modal-close {
        top: 20px;
        right: 20px
    }
}

.modal-close svg {
    width: 16px;
    height: 16px;
    fill: #afc7ff;
    transition: all .3s ease
}

.modal-title {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-bottom: 36px
}

@media (max-width: 480px) {
    .modal-title {
        margin-bottom: 20px
    }
}

.blue {
    color: #0059f3 !important
}

.cab-head {
    width: 100%;
    background-image: url(assets/img/cab-head-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 38px 0 16px;
    min-height: 283px;
}

@media (max-width: 991px) {
    .cab-head {
        background-image: url(assets/img/cab-head-bg-mob.webp);
        min-height: 338px
    }
}

@media (max-width: 767px) {
    .cab-head {
        padding: 10px 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        min-height: 0
    }
}

.cab-head .header-nav {
    background-color: #f5f8fa
}

@media (max-width: 767px) {
    .cab-head .header-nav {
        background-color: transparent
    }
}

.cab-head__nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 3
}

.cab-head__nav .header-lang {
    margin-right: 0
}

.cab-head__nav .header-lang__btn {
    transition: all .3s ease;
    font-size: 16px;
    width: auto;
    border-radius: 0;
    background-color: transparent;
    height: 44px;
    padding: 12px 12px 12px 14px;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .cab-head__nav .header-lang__btn {
        font-size: 0;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        padding: 0;
        background-color: #dbe9ff;
        justify-content: center
    }
    .cab-head__nav .header-lang__btn:hover {
        background-color: #fff
    }
}

.cab-head__nav .header-lang__btn>svg {
    display: block
}

@media (max-width: 767px) {
    .cab-head__nav .header-lang__btn>svg {
        display: none
    }
}

.cab-head__nav .header-lang__btn .header-lang__flag {
    width: 20px;
    height: 20px;
    margin-right: 7px
}

@media (max-width: 767px) {
    .cab-head__nav .header-lang__btn .header-lang__flag {
        width: 16px;
        height: 16px;
        margin-right: 0
    }
}

.cab-head__nav .header-lang__list a {
    border-radius: 12px
}

.cab-head__nav .header-lang:hover .header-lang__btn {
    color: #0059f3
}

.cab-head__nav .header-lang:hover .header-lang__btn>svg {
    fill: #0059f3
}

.cab-head__top {
    margin-bottom: 90px
}

@media (max-width: 767px) {
    .cab-head__top {
        margin-bottom: 0
    }
}

.cab-head__title {
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    line-height: 1.22;
    /* margin-bottom: 27px; */
}

@media (max-width: 767px) {
    .cab-head__title {
        display: none
    }
}

@media (max-width: 767px) {
    .cab-head__cur {
        display: none
    }
}

.cab-head__cur .swiper-slide {
    width: auto
}

.cab-head__cur-item {
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

.cab-head__cur-item span {
    color: #56b83b
}

.cab-head__cur-item span.red {
    color: #ff5e5e
}

.cab-content {
    width: 100%;
    flex-grow: 1;
    margin-top: -48px
}

@media (max-width: 767px) {
    .cab-content {
        padding-top: 20px;
        margin-top: 0
    }
}

.cab-footer {
    width: 100%;
    margin-top: auto;
    padding: 28px 0
}

@media (max-width: 991px) {
    .cab-footer {
        padding: 20px 0
    }
}

.cab-footer .footer-soc {
    margin-top: 0
}

@media (max-width: 767px) {
    .cab-footer .footer-soc {
        justify-content: center;
        margin-bottom: 17px
    }
}

.cab-footer .footer-soc__item svg {
    fill: #979fad
}

.cab-footer .footer-soc__item:hover,
.cab-footer .footer-soc__item.active {
    background-color: #fff
}

.cab-footer .footer-soc__item:hover svg,
.cab-footer .footer-soc__item.active svg {
    fill: #0059f3
}

@media (max-width: 767px) {
    .cab-footer .footer-copy {
        text-align: center
    }
}

@media (max-width: 767px) {
    .cab-footer_chat {
        display: none
    }
}

.cab-logo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 137px;
    width: 100%
}

@media (max-width: 767px) {
    .cab-logo {
        max-width: 101px
    }
}

.cab-logo:hover svg {
    fill: #fff
}

.cab-logo svg {
    width: 100%;
    height: 44px;
    fill: #fff;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .cab-logo svg {
        height: 36px
    }
}

.cab-hero {
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .cab-hero {
        display: none
    }
}

.cab-hero .header-hero {
    border: 1px solid #15362c;
    font-size: 16px;
    padding: 12px 45px 12px 58px;
    min-height: 44px;
    width: auto;
    color: #fff;
    transition: all .3s ease
}

.cab-hero .header-hero:hover {
    color: #fff
}

.cab-hero .header-hero:hover>svg {
    fill: #fff
}

.cab-hero .header-hero>svg {
    transform: translateY(-50%) rotate(0);
    display: block;
    right: 22px;
    fill: #d1d5de;
    transition: all .3s ease
}

.cab-hero .header-hero__img {
    left: -1px;
    width: 44px;
    height: 44px;
    /* background-image: url(assets/img/icon.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.cab-hero .header-hero__drop {
    position: absolute;
    right: 0;
    top: calc(100% + 2px);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4px;
    background-color: #fff;
    box-shadow: 0 8px 24px #0000001a;
    border-radius: 14px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

.cab-hero .header-hero__drop a {
    position: relative;
    padding: 12px 12px 12px 44px;
    min-height: 44px;
    transition: all .3s ease;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    cursor: pointer;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    width: 100%
}

.cab-hero .header-hero__drop a:hover,
.cab-hero .header-hero__drop a.active {
    background-color: #eff8ff
}

.cab-hero .header-hero__drop a svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 16px;
    height: 16px;
    fill: #979fad;
    transition: all .3s ease
}

.cab-hero.active .header-hero {
    color: #fff
}

.cab-hero.active .header-hero>svg {
    fill: #fff;
    transform: translateY(-50%) rotate(180deg)
}

.cab-hero.active .header-hero__drop {
    opacity: 1;
    pointer-events: all
}

.cab-notify__btn {
    width: 44px;
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
    background-color: #f5f8fa;
    margin-right: 10px
}

@media (max-width: 767px) {
    .cab-notify__btn {
        width: 36px;
        height: 36px;
        background-color: #dbe9ff
    }
}

@media (max-width: 350px) {
    .cab-notify__btn {
        margin-right: 5px
    }
}

.cab-notify__btn:last-child {
    margin-right: 0
}

.cab-notify__btn svg {
    width: 14px;
    height: 17px;
    fill: #454c66;
    transition: all .3s ease;
    margin-bottom: 3px
}

@media (max-width: 767px) {
    .cab-notify__btn svg {
        width: 12px;
        height: 14px;
        margin-bottom: 2px
    }
}

.cab-notify__btn span {
    font-weight: 400;
    font-size: 10px;
    color: #121212;
    transition: all .3s ease
}

.cab-notify__btn:hover,
.cab-notify__btn.active {
    background-color: #fff;
    box-shadow: 0 4px 10px #0003
}

.cab-notify__btn:hover svg,
.cab-notify__btn.active svg {
    fill: #0059f3
}

.cab-notify__drop {
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 24px #0000001a;
    max-height: 575px;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    z-index: 10;
    min-width: 400px;
    height: auto;
    display: none
}

@media (max-width: 767px) {
    .cab-notify__drop {
        position: fixed;
        top: 56px;
        left: 0;
        height: calc(var(--vh, 1vh) * 100 - 56px);
        max-height: calc(var(--vh, 1vh) * 100 - 56px);
        border-radius: 0;
        box-shadow: none;
        min-width: 0;
        min-height: 0
    }
}

.cab-notify__drop .nicescroll-box {
    width: 100%;
    height: calc(100% - 60px)
}

.cab-notify__drop .nicescroll-box .wrap {
    width: 100%;
    padding: 8px
}

.cab-notify__drop .cab-no-data {
    width: 100%;
    padding: 25px 22px 23px 12px;
    margin-bottom: 0;
    height: auto;
    min-height: auto
}

.cab-notify__drop .cab-no-data_col .cab-no-data__title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    padding-left: 40px;
    position: relative
}

.cab-notify__drop .cab-no-data_col .cab-no-data__title:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background-color: #fff;
    content: "";
    z-index: 1
}

.cab-notify__drop .cab-no-data_col .cab-no-data__title svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    margin-right: 0;
    z-index: 2
}

.cab-notify__list {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding: 8px 6px 8px 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: calc(100% - 2px);
    max-height: 515px
}

.cab-notify__list::-webkit-scrollbar {
    width: 2px
}

.cab-notify__list::-webkit-scrollbar-track {
    background: transparent
}

.cab-notify__list::-webkit-scrollbar-thumb {
    background: #0059F3;
    border-radius: 10px
}

.cab-notify__list::-webkit-scrollbar-thumb:hover {
    background: #0059F3
}

@media (max-width: 767px) {
    .cab-notify__list {
        height: calc(100% - 112px);
        max-height: calc(100% - 112px)
    }
}

.cab-notify__close {
    display: none;
    margin-bottom: 8px;
    width: calc(100% - 16px);
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .cab-notify__close {
        display: flex
    }
}

.cab-notify__head {
    width: 100%;
    border-bottom: 1px solid #D1D5DE;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.cab-notify__title {
    font-weight: 500;
    font-size: 16px;
    color: #121212
}

.cab-notify__nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.cab-notify__nav-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 15px;
    cursor: pointer;
    margin-right: 12px
}

.cab-notify__nav-btn:last-child {
    margin-right: 0
}

.cab-notify__nav-btn:hover svg {
    fill: #0059f3
}

.cab-notify__nav-btn svg {
    width: 100%;
    height: 100%;
    fill: #454c66;
    transition: all .3s ease
}

.cab-notify__nav-btn.active svg {
    fill: #0059f3
}

.cab-notify__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    border-radius: 12px;
    transition: all .3s ease;
    cursor: pointer;
    padding: 12px 12px 12px 52px;
    text-decoration: none;
    width: 100%
}

.cab-notify__item:hover {
    background-color: #eff8ff
}

.cab-notify__item>p {
    font-weight: 400;
    font-size: 14px;
    color: #7d7d7d;
    width: 100%;
    line-height: 1.3
}

.cab-notify__item>p a {
    color: #0059f3;
    word-break: break-all;
    text-decoration: underline
}

.cab-notify__item>p i {
    font-style: italic
}

.cab-notify__item-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

.cab-notify__item-icon svg {
    width: 11px;
    height: 11px;
    fill: #979fad
}

.cab-notify__item-icon.blue svg {
    fill: #0059f3
}

.cab-notify__item-icon.red svg {
    fill: #e64444
}

.cab-notify__item-icon.green svg {
    fill: #82af76
}

.cab-notify__item-icon.orange svg {
    fill: #e0a70d
}

.cab-notify__item-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap-reverse
}

.cab-notify__item-head h3 {
    font-weight: 500;
    font-size: 14px;
    color: #7d7d7d;
    margin-bottom: 6px
}

.cab-notify__item-head p {
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 12px;
    color: #7d7d7d
}

.cab-notify__item.new>p {
    color: #454c66
}

.cab-notify__item.new .cab-notify__item-icon {
    background-color: #5fa22b;
    border-color: transparent
}

.cab-notify__item.new .cab-notify__item-icon svg {
    fill: #fff
}

.cab-notify__item.new .cab-notify__item-head h3 {
    color: #121212
}

.cab-notify__item.active:hover .cab-notify__item-icon {
    background-color: #fff
}

.cab-notify__item.active>p {
    color: #454c66
}

.cab-notify__item.active .cab-notify__item-icon {
    background-color: #f5f8fa;
    border-color: transparent
}

.cab-notify__item.active .cab-notify__item-head h3 {
    color: #121212
}

.cab-theme-btn {
    width: 82px;
    height: 44px;
    border-radius: 22px;
    background-color: #f5f8fa;
    transition: all .3s ease;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding: 4px 5px;
    cursor: pointer;
    margin-right: 10px
}

@media (max-width: 767px) {
    .cab-theme-btn {
        background-color: transparent;
        padding: 0;
        width: auto;
        height: auto
    }
}

@media (max-width: 350px) {
    .cab-theme-btn {
        margin-right: 5px
    }
}

.cab-theme-btn:hover {
    background-color: #fff;
    box-shadow: 0 4px 10px #0003
}

.cab-theme-btn:last-child {
    margin-right: 0
}

.cab-theme-btn__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    transition: all .3s ease
}

.cab-theme-btn__item:first-child {
    background-color: #dbe9ff
}

.cab-theme-btn__item:first-child svg {
    fill: #0059f3
}

@media (max-width: 767px) {
    .cab-theme-btn__item:last-child {
        display: none
    }
}

.cab-theme-btn__item svg {
    width: 18px;
    height: 18px;
    fill: #454c66;
    transition: all .3s ease
}

.cab-burger {
    margin-right: 20px;
    width: 18px;
    height: 16px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    display: none
}

@media (max-width: 1223px) {
    .cab-burger {
        display: flex
    }
}

.cab-burger span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    background-color: #afc7ff;
    transition: all .3s ease;
    display: block
}

.cab-burger:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    transition: all .3s ease;
    content: "";
    background-color: #afc7ff;
    display: block
}

.cab-burger:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    transition: all .3s ease;
    content: "";
    background-color: #afc7ff;
    display: block
}

.cab-burger.active span {
    display: none
}

.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-confirm {
    width: 100%;
    padding: 4px 0;
    background-color: #d1fff8;
}

@media (max-width: 767px) {
    .cab-confirm {
        padding: 20px 0
    }
}

.cab-confirm__wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .cab-confirm__wrap {
        text-align: center;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }
}

.cab-confirm__wrap .m-btn {
    font-size: 14px
}

.cab-confirm__wrap>svg {
    margin-right: 10px;
    width: 16px;
    height: 16px;
    fill: #0059f3
}

@media (max-width: 767px) {
    .cab-confirm__wrap>svg {
        margin-right: 0
    }
}

.cab-confirm__wrap p {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin: 10px 22px 10px 0
}

@media (max-width: 767px) {
    .cab-confirm__wrap p {
        margin-right: 0
    }
}

.cab-side {
    background-image: linear-gradient(to bottom, #F6F8FC 0%, #F3F6F9 77%, #FFF 100%);
    width: 100%;
    border-radius: 14px;
    z-index: 1;
    position: relative;
    box-shadow: 0 8px 16px #00000008;
    overflow: hidden
}

@media (max-width: 1223px) {
    .cab-side {
        position: fixed;
        top: 0;
        left: 0;
        height: calc(var(--vh, 1vh) * 100);
        max-width: 375px;
        width: 100%;
        opacity: 0;
        transform: translate(-100%);
        transition: all .3s ease;
        z-index: 100;
        border-radius: 0
    }
}

@media (max-width: 767px) {
    .cab-side {
        height: calc(var(--vh, 1vh) * 100 - 56px);
        top: 56px
    }
}

.cab-side:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 303px;
    height: 232px;
    background-image: url(assets/img/cab-side-bg-1.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    z-index: -1
}

.cab-side:after {
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 250px;
    content: "";
    bottom: 23px;
    pointer-events: none;
    background-image: url(assets/img/cab-side-bg-2.svg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain
}

.cab-side .nicescroll-box {
    width: 100%;
    cursor: auto !important;
    height: 100%
}

.cab-side .nicescroll-box .wrap {
    padding: 28px 28px 136px;
    width: 100%
}

@media (max-width: 1223px) {
    .cab-side .nicescroll-box .wrap {
        padding: 24px 20px 136px
    }
}

.cab-side.active {
    opacity: 1;
    transform: translate(0);
    pointer-events: all
}

.cab-side-slider {
    width: 100%
}

.cab-side-slider img {
    max-width: 100%;
    border-radius: 14px
}

.cab-bal {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-bal__title {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #121212;
    margin-bottom: 12px
}

.cab-bal__sum {
    font-weight: 500;
    font-size: 36px;
    color: #121212;
    margin-bottom: 18px;
    line-height: 1
}

.cab-bal__sum span {
    font-size: 14px;
    color: #5fa22b
}

.cab-bal__sum span.red {
    color: #ff5e5e
}

.cab-bal__cur {
    width: 100%;
    border-radius: 14px;
    background-color: #dde1e9;
    padding: 24px;
    margin-bottom: 20px
}

.cab-bal__cur-item {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 44px;
    margin-bottom: 14px;
    padding-left: 58px
}

.cab-bal__cur-item:hover .cab-bal__cur-links {
    width: 100%;
    opacity: 1;
    pointer-events: all
}

.cab-bal__cur-item>h3 {
    font-weight: 400;
    font-size: 13px;
    color: #454c66;
    margin-bottom: 6px
}

.cab-bal__cur-item>p {
    font-weight: 400;
    font-size: 16px;
    color: #121212
}

.cab-bal__cur-item:last-child {
    margin-bottom: 0
}

.cab-bal__cur-item.usdt .cab-bal__cur-icon {
    background-color: #26a17b
}

.cab-bal__cur-item.btc .cab-bal__cur-icon {
    background-color: #f7931a
}

.cab-bal__cur-item.eth .cab-bal__cur-icon {
    background-color: #121212
}

.cab-bal__cur-item.ltc .cab-bal__cur-icon {
    background-color: #7d7d7d
}

.cab-bal__cur-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 44px;
    height: 44px;
    box-shadow: 0 0 8px #1212121a;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.cab-bal__cur-icon svg {
    width: 16px;
    height: 16px;
    fill: #fff
}

.cab-bal__cur-icon img {
    max-width: 100%
}

.cab-bal__cur-links {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    padding: 10px 10px 10px 58px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 8px #1212121a;
    transition: all .3s ease;
    overflow: hidden;
    opacity: 0;
    border-radius: 22px;
    pointer-events: none;
    white-space: nowrap
}

.cab-bal__cur-links a {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-right: 14px;
    text-decoration: none;
    transition: all .3s ease
}

.cab-bal__cur-links a:hover {
    color: #0059f3
}

.cab-bal__total {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 29px
}

.cab-bal__total-item {
    border-right: 1px solid #D1D5DE;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 50%
}

.cab-bal__total-item:last-child {
    border-right: none;
    align-items: flex-end;
    text-align: right
}

.cab-bal__total-item h3 {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 8px
}

.cab-bal__total-item h3:last-child {
    margin-bottom: 0
}

.cab-bal__total-item p {
    font-weight: 400;
    font-size: 18px;
    color: #121212
}

.cab-menu {
    width: 100%;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 6px 12px #00000008;
    padding: 22px 24px;
    margin-bottom: 28px
}

.cab-menu:last-child {
    margin-bottom: 66px
}

.cab-menu__title {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-bottom: 19px
}

.cab-menu__list {
    width: calc(100% + 48px);
    margin-left: -24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-menu__item {
    position: relative;
    width: 100%;
    padding: 15px 43px 15px 56px;
    transition: all .3s ease;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    color: #121212;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.cab-menu__item-mob {
    display: none
}

@media (max-width: 1223px) {
    .cab-menu__item-mob {
        display: flex
    }
}

.cab-menu__item:hover {
    background-color: #f5f8fb;
    color: #0059f3
}

.cab-menu__item:hover>span {
    background-color: #0059f3;
    color: #fff
}

.cab-menu__item:hover .cab-menu__icon svg {
    fill: #979fad
}

.cab-menu__item:last-child {
    margin-bottom: 0
}

.cab-menu__item>svg {
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translate(50%, -50%) rotate(-90deg);
    fill: #0059f3;
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: all .3s ease
}

.cab-menu__item>span {
    min-width: 20px;
    padding: 1px 4px 0;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    font-size: 11px;
    color: #121212;
    border-radius: 100px;
    background-color: #dde1e9;
    transition: all .3s ease
}

.cab-menu__item.active {
    background-color: #f5f8fb;
    color: #0059f3
}

.cab-menu__item.active>svg {
    opacity: 1
}

.cab-menu__item.active>span {
    background-color: #0059f3;
    color: #fff
}

.cab-menu__item.active .cab-menu__icon svg {
    fill: #979fad
}

.cab-menu__icon {
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cab-menu__icon svg {
    width: 20px;
    height: 20px;
    fill: #babfcd;
    transition: all .3s ease
}

.cab-miss {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 12px
}

.cab-miss__title {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #ffce00;
    border-radius: 8px;
    padding: 7px 12px;
    font-weight: 500;
    font-size: 12px;
    color: #121212;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 1
}

.cab-miss__item {
    background-color: #fff;
    border-radius: 14px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-decoration: none;
    cursor: pointer
}

.cab-miss__item:last-child {
    margin-bottom: 0
}

.cab-miss__img {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    overflow: hidden;
    position: relative
}

.cab-miss__img p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: #121212a1;
    padding: 7px 14px 7px 20px;
    border-radius: 0 8px 8px 0;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    line-height: 1
}

.cab-miss__img p span {
    margin: -12px 7px -14px 0;
    font-size: 42px;
    font-weight: 300
}

.cab-miss__img img {
    width: 100%
}

.cab-miss__text {
    width: 100%;
    text-align: center;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #121212
}

.cab-user {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 8px 16px #00000008;
    border-radius: 14px;
    margin-bottom: 28px
}

@media (max-width: 767px) {
    .cab-user {
        margin-bottom: 20px
    }
}

.cab-user__top {
    width: 100%;
    padding: 28px 28px 24px;
    position: relative
}

@media (max-width: 767px) {
    .cab-user__top {
        padding: 20px
    }
}

.cab-user__bot {
    width: 100%;
    padding: 24px 28px;
    background-color: #f7f9fc;
    border-radius: 0 0 14px 14px
}

@media (max-width: 767px) {
    .cab-user__bot {
        padding: 20px
    }
}

.cab-user__link {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f7f9fc;
    border-radius: 0 14px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 15px 18px 15px 22px;
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    transition: all .3s ease;
    text-decoration: none;
    cursor: pointer;
    min-height: 48px
}

@media (max-width: 767px) {
    .cab-user__link {
        position: relative;
        top: auto;
        right: auto;
        width: calc(100% + 40px);
        margin-left: -20px;
        border-radius: 0;
        margin-bottom: 20px
    }
}

.cab-user__link:hover {
    background-color: #4ff57f;
    color: #fff
}

.cab-user__link:hover svg {
    fill: #afc7ff
}

.cab-user__link svg {
    margin-left: 10px;
    transition: all .3s ease;
    fill: #4ff57f;
    width: 16px;
    height: 16px
}

.cab-user__name {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .cab-user__name {
        margin-bottom: 18px
    }
}

.cab-user__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between
}

@media (max-width: 767px) {
    .cab-user__row {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end
    }
}

.cab-user__col {
    width: 50%;
    border-right: 1px solid #D1D5DE
}

@media (max-width: 767px) {
    .cab-user__col {
        width: 100%;
        border-right: none;
        margin-bottom: 28px
    }
}

.cab-user__col:last-child {
    border-right: none;
    margin-bottom: 0
}

.cab-user__info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 116px;
    min-height: 98px;
    padding-right: 28px
}

@media (max-width: 767px) {
    .cab-user__info {
        padding-right: 0
    }
}

.cab-user__info-text {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 8px
}

.cab-user__info-text:last-child {
    margin-bottom: 0
}

.cab-user__info-text span {
    font-weight: 500
}

.cab-user__flag {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #FFF;
    overflow: hidden
}

.cab-user__flag svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.cab-user__ava {
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 98px;
    background-image: url(assets/img/icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 22px;
    overflow: hidden
}

.cab-user__ava:after {
    position: absolute;
    border-radius: 50%;
    border: 2px solid #FFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    bottom: 7px;
    left: 8px;
    background-color: #f0f0f0;
    font-weight: 500;
    font-size: 13px;
    color: #121212;
    content: attr(data-lvl);
    width: 26px;
    height: 26px;
    line-height: 1;
    z-index: 2
}

.cab-user__ava>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: 1
}

.cab-user__ava .cab-user__flag {
    position: absolute;
    bottom: 7px;
    right: 8px;
    z-index: 2
}

.cab-user__upline {
    position: relative;
    border: 1px solid #D1D5DE;
    border-radius: 10px;
    min-height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 16px 12px 58px;
    max-width: 100%;
    transition: all .3s ease;
    cursor: pointer
}

.cab-user__upline:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 6px 14px #0000001a
}

.cab-user__upline:hover .cab-tip__btn svg {
    fill: #4ff57f
}

.cab-user__upline:hover .cab-user__upline-drop {
    opacity: 1;
    pointer-events: all
}

.cab-user__upline p {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.cab-user__upline-ava {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 44px;
    height: 44px;
    background-image: url(assets/img/icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 10px
}

.cab-user__upline-ava>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.cab-user__upline-ava .cab-user__flag {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -3px;
    right: 0
}

.cab-user__upline .cab-tip {
    margin-left: 12px
}

.cab-user__upline-drop {
    position: absolute;
    left: 0;
    top: calc(100% + 3px);
    background-color: #fff;
    box-shadow: 0 8px 24px #0000001a;
    border-radius: 14px;
    z-index: 2;
    padding: 20px;
    width: 423px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .cab-user__upline-drop {
        right: 0;
        left: auto;
        width: 240px
    }
}

.cab-user__upline-drop:after {
    position: absolute;
    bottom: 100%;
    left: 0;
    content: "";
    height: 5px;
    width: 100%
}

.cab-user__upline-drop>h3 {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-bottom: 8px
}

.cab-user__upline-drop>p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 6px
}

.cab-user__upline-drop>p span {
    color: #121212
}

.cab-user__upline-drop .footer-soc {
    margin-top: 6px
}

.cab-user__upline-drop .footer-soc__item svg {
    fill: #979fad
}

.cab-user__upline-drop .footer-soc__item:hover {
    background-color: #eff8ff
}

.cab-user__upline-drop .footer-soc__item:hover svg {
    fill: #0059f3
}

.cab-user__chart {
    width: 100px;
    height: 100px;
    margin-right: 14px;
    min-width: 100px
}

.cab-user__vol {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-left: 28px
}

@media (max-width: 767px) {
    .cab-user__vol {
        padding-left: 0
    }
}

.cab-user__vol-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-user__vol-text p {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 8px;
    padding-left: 19px;
    line-height: 1.5
}

.cab-user__vol-text p:last-child {
    margin-bottom: 0
}

.cab-user__vol-text p span {
    font-weight: 500;
    color: #121212;
    white-space: nowrap
}

.cab-user__vol-text p:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    background-color: #0059f3
}

.cab-user__vol-text p:nth-child(2):after {
    background-color: #afc7ff
}

.cab-user__lvl-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.cab-user__lvl-head p {
    font-weight: 500;
    font-size: 14px;
    color: #121212
}

.cab-user__lvl-bar {
    width: 100%;
    border-radius: 10px;
    height: 10px;
    background-color: #dde1e9;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.cab-user__lvl-bar span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(to right, #02B7F9 0%, #0180F0 100%)
}

.cab-user__lvl-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between
}

.cab-user__lvl-footer p {
    font-weight: 500;
    font-size: 13px;
    color: #454c66;
    line-height: 1.54;
    margin-right: 5px
}

@media (max-width: 767px) {
    .cab-user__lvl-footer p {
        font-size: 12px
    }
}

.cab-user__lvl-footer p span {
    font-weight: 400
}

.cab-user__lvl-footer p:last-child {
    text-align: right;
    margin-right: 0
}

.cab-user-side {
    margin-bottom: 22px;
    display: none;
    width: 100%
}

@media (max-width: 767px) {
    .cab-user-side {
        display: block
    }
}

.cab-user-side .cab-user__name {
    font-size: 18px;
    margin-bottom: 12px
}

.cab-user-side .cab-user__info {
    min-height: 56px;
    padding-left: 75px
}

.cab-user-side .cab-user__flag {
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px
}

.cab-user-side .cab-user__ava {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background-image: url(assets/img/no-ava-3.webp)
}

.cab-user-side .cab-user__ava:after {
    width: 18px;
    height: 18px;
    font-size: 10px;
    bottom: 0;
    left: 0
}

.cab-tip {
    position: relative;
    display: inline-block
}

.cab-tip__btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 16px;
    cursor: pointer
}

.cab-tip__btn:hover svg {
    fill: #0059f3
}

.cab-tip__btn svg {
    width: 16px;
    height: 16px;
    fill: #babfcd;
    transition: all .3s ease
}

.cab-tip__drop {
    display: none
}

.cab-chart-tip__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}

.cab-chart-tip__row:last-child {
    margin-bottom: 0
}

.cab-chart-tip__row .tip-value {
    color: #fff;
    text-transform: uppercase;
    margin-left: auto;
    font-weight: 600
}

.cab-chart-tip__row .tip-marker {
    margin-right: 10px;
    min-width: 9px
}

.cab-open {
    width: 100%;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 8px 16px #00000008;
    margin-bottom: 28px;
    padding: 30px 28px 28px
}

@media (max-width: 767px) {
    .cab-open {
        margin-bottom: 20px;
        padding: 20px
    }
}

.cab-open__head {
    margin-bottom: 45px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.cab-open__head-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-open__head-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: right
}

.cab-open__num {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 8px
}

.cab-open__num:last-child {
    margin-bottom: 0
}

.cab-open__num span {
    font-weight: 400
}

.cab-open__name {
    font-weight: 500;
    font-size: 24px;
    color: #121212
}

@media (max-width: 767px) {
    .cab-open__name {
        font-size: 18px
    }
}

.cab-open__name span {
    color: #0059f3
}

.cab-open__status {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 2.14
}

.cab-open__date {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    line-height: 2.14
}

.cab-open__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 18px
}

.cab-open__info:last-child {
    margin-bottom: 0
}

.cab-open__info-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D1D5DE
}

.cab-open__info-item:last-child {
    border-bottom: none
}

.cab-open__info-item h3 {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 2.71
}

.cab-open__info-item p {
    text-align: right;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    line-height: 2.71
}

.cab-open__stat {
    border-radius: 50%;
    background: linear-gradient(180deg, #0059F3 0%, #0059F3 50%, #F7F9FC 50%, #F7F9FC 100%);
    width: 196px;
    height: 196px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 24px;
    z-index: 1
}

.cab-open__stat:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -25px;
    z-index: -1;
    background-image: url(assets/img/cab-open-circle.webp);
    background-position: 50% 0;
    background-size: contain;
    content: "";
    background-repeat: no-repeat;
    width: 241px;
    height: 162px
}

.cab-open__stat-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50%;
    padding-top: 10px
}

.cab-open__stat-top h3 {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px
}

.cab-open__stat-top p {
    font-weight: 500;
    font-size: 20px;
    color: #fff
}

.cab-open__stat-bot {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50%
}

.cab-open__stat-bot h3 {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 6px
}

.cab-open__stat-bot p {
    font-weight: 400;
    font-size: 18px;
    color: #121212
}

.cab-open__stat-bot p span {
    font-size: 28px;
    font-weight: 500
}

.cab-open__val h3 {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    margin-bottom: 10px
}

.cab-open__val h3:last-child {
    margin-bottom: 0
}

.cab-open__val p {
    font-weight: 500;
    font-size: 18px;
    color: #121212
}

.cab-open_empty {
    height: calc(100% - 28px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-income {
    width: 100%;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 8px 16px #00000008;
    margin-bottom: 28px;
    padding: 28px
}

@media (max-width: 767px) {
    .cab-income {
        padding: 20px;
        margin-bottom: 20px
    }
}

.cab-income__title {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-bottom: 18px
}

.cab-income__filter {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px
}

.cab-income__filter>h3 {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-right: 10px
}

.cab-income__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 22px
}

.cab-income__info-item {
    position: relative;
    padding-left: 19px;
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 14px
}

.cab-income__info-item:after {
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    background-color: #0059f3
}

.cab-income__info-item:last-child {
    margin-bottom: 0
}

.cab-income__info-item:last-child:after {
    background-color: #82af76
}

.cab-income__info-item span {
    font-weight: 500;
    font-size: 14px;
    color: #121212
}

.cab-income__link {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-image: url(assets/img/cab-income-link-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 14px;
    box-shadow: 0 8px 16px #00000008;
    padding: 34px 28px 34px 60px;
    text-decoration: none;
    cursor: pointer
}

.cab-income__link h3 {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 1.44;
    margin-bottom: 6px
}

.cab-income__link h3 svg {
    position: absolute;
    right: calc(100% + 12px);
    fill: #fff;
    width: 20px;
    height: 20px
}

.cab-income__link p {
    font-weight: 400;
    font-size: 14px;
    color: #dbe9ff
}

.cab-income__chart {
    margin-bottom: 28px;
    width: 100%;
    height: 220px
}

@media (max-width: 991px) {
    .cab-income__chart {
        height: 206px
    }
}

.cab-income__chart .highcharts-label>span {
    width: 152px !important;
    border-radius: 4px
}

.cab-income__chart .highcharts-label>span:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: #393939;
    content: ""
}

.cab-income__tip {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 15px
}

.cab-income__tip+.cab-income__tip {
    font-size: 13px;
    color: #828d99
}

.cab-income_empty .cab-income__filter {
    margin-bottom: 24px
}

.cab-calendar {
    position: relative
}

.cab-calendar ::placeholder {
    color: #454c66
}

.cab-calendar input {
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    max-width: 134px;
    height: 44px;
    padding: 14px 32px 14px 16px;
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    outline: none;
    background-color: #fff;
    transition: all .3s ease;
    width: 100%;
    line-height: 1
}

.cab-calendar input:focus {
    border-color: #fff;
    box-shadow: 0 6px 14px #0000001a
}

.cab-calendar input:focus+svg {
    transform: translateY(-50%) scaleY(-1);
    fill: #0059f3
}

.cab-calendar>svg {
    width: 11px;
    height: 6px;
    fill: #121212;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px
}

.cab-calendar.disabled {
    pointer-events: none
}

.cab-calendar.disabled ::placeholder {
    color: #a9aab3
}

.cab-calendar.disabled>svg {
    fill: #a9aab3
}

.cab-box {
    width: 100%;
    margin-bottom: 28px;
    padding: 28px;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 8px 16px #00000008
}

@media (max-width: 767px) {
    .cab-box {
        padding: 20px;
        margin-bottom: 20px
    }
}

.cab-box .pag {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .cab-box .pag {
        justify-content: center;
        margin-top: 20px
    }
}

.cab-box__title {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-bottom: 28px
}

@media (max-width: 767px) {
    .cab-box__title {
        margin-bottom: 20px
    }
}

.cab-box__mob-title {
    display: none;
    margin-bottom: 18px;
    font-weight: 400;
    font-size: 14px;
    color: #454c66
}

@media (max-width: 767px) {
    .cab-box__mob-title {
        display: block
    }
}

.cab-box__more {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    transition: all .3s ease;
    text-decoration: none;
    margin-bottom: 28px
}

@media (max-width: 767px) {
    .cab-box__more {
        margin-bottom: 18px
    }
}

.cab-box__more svg {
    width: 12px;
    height: 12px;
    fill: #121212;
    margin-left: 12px;
    transition: all .3s ease
}

.cab-box__more:hover {
    color: #0059f3
}

.cab-box__more:hover svg {
    fill: #0059f3
}

.cab-box__more.active {
    color: #0059f3
}

.cab-box__more.active svg {
    fill: #0059f3;
    transform: scaleY(-1)
}

.cab-box__wrap {
    background-color: #f5f8fa;
    width: 100%;
    border-radius: 14px;
    margin-bottom: 24px;
    padding: 22px 24px;
    z-index: 1;
    position: relative
}

@media (max-width: 767px) {
    .cab-box__wrap {
        padding: 20px
    }
}

@media (max-width: 575px) {
    .cab-box__wrap {
        border-radius: 0;
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.cab-box__wrap:last-child {
    margin-bottom: 0
}

.cab-box__wrap .cab-invest__info {
    margin-bottom: -22px;
    padding-bottom: 22px
}

.cab-box__wrap_tr {
    border: 1px solid #D0D0D0;
    background-color: #fff
}

@media (max-width: 575px) {
    .cab-box__wrap_tr {
        border-left: none;
        border-right: none
    }
}

.cab-box__wrap_mb10 {
    margin-bottom: 10px
}

.cab-box__wrap.load .cab-copy {
    box-shadow: none;
    border: none;
    position: relative
}

.cab-box__wrap.load .cab-copy:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #F5F8FA, #FFF 40%, #F5F8FA 60%);
    content: "";
    border-radius: 10px;
    background-size: 200% 100%;
    background-position-x: 0;
    animation: 1.3s shine infinite linear
}

.cab-box__wrap.load .cab-input__text {
    box-shadow: none;
    border: none;
    position: relative;
    max-width: 218px;
    width: 100%;
    height: 24px;
    color: transparent
}

.cab-box__wrap.load .cab-input__text:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #F5F8FA, #FFF 40%, #F5F8FA 60%);
    content: "";
    border-radius: 10px;
    background-size: 200% 100%;
    background-position-x: 0;
    animation: 1.3s shine infinite linear
}

.cab-box__wrap.load .cab-qr {
    height: 126px;
    max-width: 126px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: none;
    border: none;
    position: relative
}

.cab-box__wrap.load .cab-qr img {
    display: none
}

.cab-box__wrap.load .cab-qr:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #F5F8FA, #FFF 40%, #F5F8FA 60%);
    content: "";
    border-radius: 10px;
    background-size: 200% 100%;
    background-position-x: 0;
    animation: 1.3s shine infinite linear
}

.cab-box__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 14px;
    background-color: #fff3d1
}

@media (max-width: 767px) {
    .cab-box__text {
        padding: 20px;
        margin-bottom: 20px
    }
}

.cab-box__text>h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 10px
}

.cab-box__text>h3:last-child {
    margin-bottom: 0
}

.cab-box__text>p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.71
}

.cab-table {
    width: 100%;
    margin-bottom: 18px
}

@media (max-width: 767px) {
    .cab-table {
        display: block;
    }
}

.cab-table table {
    width: 100%;
    border-collapse: collapse
}

.cab-table table thead td {
    padding-top: 0
}

.cab-table table tbody tr {
    position: relative;
    z-index: 1
}

.cab-table table tbody tr:hover {
    z-index: 2
}

.cab-table table tbody tr:hover:after {
    opacity: 1
}

.cab-table table tbody tr:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 56px);
    height: calc(100% + 2px);
    background-color: #f5f8fb;
    content: "";
    z-index: -1;
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none
}

.cab-table table td {
    padding: 18px 28px 18px 0;
    border-bottom: 1px solid #D1D5DE
}

.cab-table table td:last-child {
    padding-right: 0
}

.cab-table table td.right {
    text-align: right
}

.cab-table table td.right .cab-table__text-1 {
    justify-content: flex-end
}

.cab-table table tr.new .cab-table__operation-icon {
    background-color: #5fa22b
}

.cab-table table tr.new .cab-table__operation-icon svg {
    fill: #fff
}

.cab-table table tr.disabled .cab-table__operation-icon {
    background-color: transparent;
    border: 1px solid #D0D0D0
}

.cab-table table tr.disabled .cab-table__operation-icon svg {
    fill: #babfcd
}

.cab-table table tr.disabled .cab-table__text-2,
.cab-table table tr.disabled .cab-table__text-3 {
    color: #7d7d7d
}

.cab-table__title {
    font-weight: 400;
    font-size: 14px;
    color: #454c66
}

.cab-table__hero {
    position: relative;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 46px
}

.cab-table__hero-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background-image: url(assets/img/no-ava-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.cab-table__hero-img span {
    bottom: -5px;
    left: -2px;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    font-weight: 500;
    font-size: 11px;
    color: #121212;
    line-height: 1
}

.cab-table__hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 10px;
    z-index: 1
}

.cab-table__hero-flag {
    position: absolute;
    bottom: -5px;
    right: -2px;
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    border-radius: 50%;
    overflow: hidden
}

.cab-table__hero-flag svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.cab-table__text-1 {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    line-height: 1
}

.cab-table__text-1:last-child {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .cab-table__text-1 {
        font-size: 14px;
        line-height: 1.57
    }
}

.cab-table__text-1 .cab-tip {
    margin-left: 10px
}

.cab-table__text-2 {
    font-weight: 400;
    font-size: 16px;
    color: #121212;
    margin-bottom: 8px
}

.cab-table__text-2:last-child {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .cab-table__text-2 {
        font-size: 14px;
        margin-right: 6px
    }
    .cab-table__text-2:last-child {
        margin-right: 0
    }
}

.cab-table__text-2 span {
    font-weight: 500
}

.cab-table__text-3 {
    font-weight: 400;
    font-size: 14px;
    color: #7d7d7d
}

.cab-table__text-3.thin {
    font-weight: 300
}

.cab-table__date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .cab-table__date {
        flex-direction: row;
        align-items: baseline;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.cab-table__cont {
    width: 100%
}

.cab-table__cont>a {
    font-weight: 400;
    font-size: 16px;
    color: #0059f3;
    text-decoration: underline;
    margin-bottom: 8px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .cab-table__cont>a {
        font-size: 14px
    }
}

.cab-table__cont>a:hover {
    text-decoration: none;
    color: #0180f0
}

.cab-table__status {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.cab-table__status span {
    color: #7d7d7d;
    padding-left: 13px;
    position: relative;
    display: inline-block
}

.cab-table__status span:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    background-color: #7d7d7d
}

.cab-table__status span.red {
    color: #e64444
}

.cab-table__status span.red:after {
    background-color: #e64444
}

.cab-table__status span.orange {
    color: #e0a70d
}

.cab-table__status span.orange:after {
    background-color: #e0a70d
}

.cab-table__status span.green {
    color: #82af76
}

.cab-table__status span.green:after {
    background-color: #82af76
}

.cab-table__status a {
    text-decoration: none;
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-table__status a svg {
    width: 15px;
    height: 15px;
    fill: #0059f3
}

.cab-table__operation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-left: 60px
}

.cab-table__operation-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background-color: #f5f8fa;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.cab-table__operation-icon svg {
    width: 18px;
    height: 18px;
    fill: #0059f3
}

.cab-table__operation-icon.green svg {
    fill: #82af76
}

.cab-table__operation-icon.red svg {
    fill: #e64444
}

.cab-table__operation-icon.light-gray svg {
    fill: #7d7d7d
}

.cab-table__operation-icon.orange svg {
    fill: #e0a70d
}

.cab-table__operation-icon.gray svg {
    fill: #454c66
}

.cab-table__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-table__info-title {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-bottom: 14px
}

.cab-table__info-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-table__info-row>svg {
    margin: 6px 18px;
    fill: #0059f3;
    width: 18px;
    height: 10px
}

.cab-table__info-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-table__info .cab-table__hero {
    margin-bottom: 20px
}

.cab-table__info .cab-table__text-1 {
    color: #fff;
    margin-bottom: 4px
}

.cab-table__info .cab-table__text-1:last-child {
    margin-bottom: 0
}

.cab-table__info .cab-table__text-2 {
    color: #fff
}

.cab-table__info .cab-table__text-3 {
    color: #babfcd
}

.cab-table__info .cab-table__text-3 span {
    color: #fff
}

.cab-table__info .footer-soc {
    flex-wrap: nowrap
}

.cab-table__info .footer-soc__item:hover {
    box-shadow: 0 8px 16px #00000040;
    background-color: #2b2b2b
}

.cab-table__info .footer-soc__item:hover>svg {
    fill: #0059f3
}

.cab-table__info .footer-soc__item>svg {
    fill: #7d7d7d
}

.cab-table__info_upline .footer-soc__item:hover>svg {
    fill: #fff
}

.cab-table__upline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    cursor: pointer
}

.cab-table__upline:hover .cab-tip__btn svg {
    fill: #0059f3
}

.cab-table__upline .cab-tip {
    margin-bottom: 10px
}

.cab-table__upline>h3 {
    font-weight: 400;
    font-size: 14px;
    color: #0059f3
}

.cab-table__chat {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #D0D0D0;
    background-color: #fff;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none
}

.cab-table__chat:hover {
    border-color: #fff
}

.cab-table__chat:hover svg {
    fill: #0059f3
}

.cab-table__chat svg {
    width: 18px;
    height: 18px;
    fill: #979fad;
    transition: all .3s ease
}

.cab-table-mob {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
    display: none
}

@media (max-width: 767px) {
    .cab-table-mob {
        display: flex
    }
}

.cab-table-mob__item {
    border-bottom: 1px solid #D1D5DE;
    position: relative;
    z-index: 1;
    width: 100%
}

.cab-table-mob__item:after {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 40px);
    height: calc(100% + 2px);
    background-color: #f5f8fb;
    content: "";
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none
}

.cab-table-mob__item.active:after {
    opacity: 1
}

.cab-table-mob__item.active .cab-table-mob__arrow {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 0 8px #1212121a
}

.cab-table-mob__item.active .cab-table-mob__arrow svg {
    transform: scaleY(-1);
    fill: #0059f3
}

.cab-table-mob__item.new .cab-table__operation-icon {
    background-color: #5fa22b
}

.cab-table-mob__item.new .cab-table__operation-icon svg {
    fill: #fff
}

.cab-table-mob__item.disabled .cab-table__operation-icon {
    background-color: transparent;
    border: 1px solid #D0D0D0
}

.cab-table-mob__item.disabled .cab-table__operation-icon svg {
    fill: #babfcd
}

.cab-table-mob__item.disabled .cab-table__text-2,
.cab-table-mob__item.disabled .cab-table__text-3,
.cab-table-mob__item.disabled .cab-table__title {
    color: #7d7d7d
}

.cab-table-mob__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0
}

.cab-table-mob__head .cab-table__chat {
    margin-left: 10px
}

.cab-table-mob__drop {
    width: 100%;
    display: none;
    position: relative;
    padding-bottom: 10px
}

.cab-table-mob__drop .footer-soc {
    margin-top: 0;
    margin-bottom: 10px
}

.cab-table-mob__drop .footer-soc__item:hover {
    background-color: #fff
}

.cab-table-mob__drop .cab-table__chat {
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: 2
}

.cab-table-mob__arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #D0D0D0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    margin-left: 10px;
    min-width: 36px
}

.cab-table-mob__arrow svg {
    width: 10px;
    height: 10px;
    fill: #121212;
    transition: all .3s ease
}

.cab-table-mob__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.cab-table-mob__row .cab-table__title,
.cab-table-mob__row .cab-table__cont {
    margin-bottom: 10px
}

.cab-table-mob__row .cab-table__hero {
    width: 100%;
    margin-bottom: 10px
}

.cab-table-mob__text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 16px
}

.cab-table-mob__text>a {
    font-weight: 400;
    font-size: 14px;
    color: #0059f3;
    text-decoration: underline;
    transition: all .3s ease;
    margin-right: 6px
}

.cab-table-mob__text>a:hover {
    text-decoration: none
}

.cab-table-mob__text .cab-table__text-1 {
    margin-bottom: 0;
    margin-right: 6px
}

.cab-table-mob__text .cab-table__text-2 {
    margin-bottom: 0
}

.cab-table-mob_his .cab-table-mob__row .cab-table__title {
    margin-bottom: 16px;
    margin-right: 10px
}

.cab-title {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .cab-title {
        margin-bottom: 20px
    }
}

.cab-subtitle {
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 16px
}

.cab-subtitle_fz16 {
    font-size: 16px
}

.cab-subtitle_mb14 {
    margin-bottom: 14px
}

.cab-subtitle_mb24 {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .cab-subtitle_mb24 {
        margin-bottom: 20px
    }
}

.cab-subtitle_link {
    word-wrap: break-word
}

.cab-invest {
    width: 100%;
    padding: 22px 24px 24px;
    border-radius: 14px;
    background-color: #f5f8fa;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

@media (max-width: 991px) {
    .cab-invest {
        padding: 20px
    }
}

@media (max-width: 575px) {
    .cab-invest {
        border-radius: 0;
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.cab-invest:after {
    z-index: -1;
    position: absolute;
    top: 19px;
    right: -84px;
    width: 568px;
    height: 568px;
    content: "";
    background-image: url(assets/img/slider-circle.webp);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none
}

@media (max-width: 991px) {
    .cab-invest:after {
        display: none
    }
}

.cab-invest__info {
    margin-top: auto;
    width: 100%;
    margin-bottom: -24px;
    background-color: #fff3d1;
    z-index: -2;
    position: relative;
    border-radius: 14px 14px 0 0;
    padding: 20px 20px 32px
}

.cab-invest__info-icon {
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 18px
}

.cab-invest__info-icon svg {
    width: 100%;
    height: 100%;
    fill: #0059f3
}

.cab-invest__info-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 18px
}

.cab-invest__info-item:last-child {
    margin-bottom: 0
}

.cab-invest__info-item h3 {
    font-weight: 400;
    font-size: 13px;
    color: #454c66;
    margin-bottom: 6px
}

.cab-invest__info-item h3:last-child {
    margin-bottom: 0
}

.cab-invest__info-item p {
    font-weight: 400;
    font-size: 16px;
    color: #121212
}

.cab-invest__info-item p svg {
    width: 11px;
    height: 11px;
    margin-left: 5px;
    fill: #121212
}

.cab-invest__info-item p span {
    font-size: 12px
}

.cab-invest__info-list {
    width: calc(100% + 64px);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: -18px;
    flex-wrap: wrap
}

.cab-invest__info-list .cab-invest__info-item {
    margin-right: 64px;
    margin-bottom: 18px
}

.cab-invest .plan {
    max-width: 328px;
    width: 100%
}

@media (max-width: 991px) {
    .cab-invest .plan {
        margin-bottom: 20px;
        padding: 20px
    }
}

@media (max-width: 991px) {
    .cab-invest .plan-range {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px
    }
}

@media (max-width: 480px) {
    .cab-invest .plan-range__left .plan-range__title {
        margin-bottom: 32px
    }
}

@media (max-width: 480px) {
    .cab-invest .plan-range__right {
        padding-top: 28px
    }
    .cab-invest .plan-range__right .plan-range__val {
        margin-bottom: 28px
    }
}

@media (max-width: 480px) {
    .cab-invest .plan-range__val {
        font-size: 30px
    }
}

.cab-invest .invest-calc__category {
    background-color: #fff
}

.cab-invest .invest-calc__category label input:checked+span {
    background-color: #0059f3;
    color: #fff
}

.cab-invest .invest-calc__category label span {
    color: #121212
}

.cab-invest .invest-calc__category label span:hover {
    color: #0059f3
}

.cab-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f8fa;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    transition: all .3s ease;
    width: 100%;
    margin-bottom: 24px;
    padding-right: 16px
}

@media (max-width: 767px) {
    .cab-input {
        margin-bottom: 20px
    }
}

.cab-input:focus-within {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 6px 14px #0000001a
}

.cab-input:focus-within .cab-input__plus:after,
.cab-input:focus-within .cab-input__plus:before {
    background-color: #0059f3
}

.cab-input span {
    font-weight: 400;
    font-size: 16px;
    color: #121212;
    text-transform: uppercase
}

.cab-input p {
    font-weight: 500;
    font-size: 14px;
    color: #a9aab3
}

.cab-input ::placeholder {
    color: #454c66
}

.cab-input input {
    height: 46px;
    border: none;
    outline: none;
    padding: 6px 16px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    background: transparent
}

.cab-input textarea {
    height: 124px;
    border: none;
    outline: none;
    padding: 16px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    background: transparent;
    resize: none
}

.cab-input button {
    background: none;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    color: #0180f0;
    text-transform: uppercase;
    transition: all .3s ease;
    cursor: pointer
}

.cab-input button:hover {
    color: #0059f3
}

.cab-input__title {
    margin-bottom: 10px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.cab-input__title span {
    text-align: right;
    margin-left: 5px
}

.cab-input__title b {
    font-weight: 400;
    color: #121212;
    margin-left: 5px
}

.cab-input__plus {
    width: 14px;
    height: 14px;
    position: relative;
    cursor: pointer
}

.cab-input__plus:after {
    width: 100%;
    height: 2px;
    background-color: #454c66;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease
}

.cab-input__plus:before {
    height: 100%;
    width: 2px;
    background-color: #454c66;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    transition: all .3s ease
}

.cab-input__plus.minus:before {
    display: none
}

.cab-input__text {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    margin-bottom: 20px
}

.cab-input__text span {
    color: #121212
}

.cab-input__edit {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #d1d5de;
    margin-bottom: 10px;
    position: relative;
    transition: all .3s ease;
    cursor: pointer
}

.cab-input__edit:hover {
    background-color: #0059f3
}

.cab-input__edit:hover svg {
    fill: #fff
}

.cab-input__edit svg {
    position: absolute;
    top: 0;
    right: 0;
    fill: #121212;
    transition: all .3s ease;
    width: 12px;
    height: 12px
}

.cab-input_icon {
    position: relative
}

.cab-input_icon>svg {
    position: absolute;
    top: 50%;
    left: -moz-calc(45px / 2);
    left: 22.5px;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    fill: #a9aab3;
    transition: all .3s ease
}

.cab-input_icon input {
    padding-left: 45px
}

.cab-input_icon input:focus+svg {
    fill: #0059f3
}

.cab-input_text {
    padding-right: 0
}

.cab-input_mb16 {
    margin-bottom: 16px
}

.cab-input_mb0 {
    margin-bottom: 0
}

.cab-input.success {
    border-color: #82af76
}

.cab-input.success:focus-within {
    border-color: #fff
}

.cab-input.error {
    border-color: #e64444
}

.cab-input.error:focus-within {
    border-color: #fff
}

.cab-input.error button {
    color: #a9aab3;
    pointer-events: none
}

.cab-input.disabled {
    background-color: #dde1e9;
    pointer-events: none;
    border-color: #dde1e9
}

.cab-select {
    width: 100%;
    position: relative;
    margin-bottom: 18px
}

.cab-select>svg {
    position: absolute;
    top: 50%;
    right: -moz-calc(43px / 2);
    right: 21.5px;
    transform: translate(50%, -50%);
    fill: #121212;
    width: 12px;
    height: 12px;
    z-index: 2;
    pointer-events: none
}

.cab-select__drop {
    position: absolute;
    z-index: 3;
    top: 0;
    box-shadow: 0 6px 14px #0000001a;
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    display: none;
    padding-right: 2px
}

.cab-select__list {
    height: 100%;
    max-height: 144px;
    overflow-y: auto;
    padding-right: 4px
}

.cab-select__list::-webkit-scrollbar {
    width: 4px;
    height: 0
}

.cab-select__list::-webkit-scrollbar-track {
    background: transparent
}

.cab-select__list::-webkit-scrollbar-thumb {
    background: #0059F3;
    border-radius: 10px
}

.cab-select__list::-webkit-scrollbar-thumb:hover {
    background: #0059F3
}

.cab-select__btn {
    width: 100%;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    background-color: #f5f8fa;
    min-height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 6px 43px 6px 16px;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 1;
    position: relative;
    line-height: 1
}

.cab-select__btn-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.cab-select__btn-left h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212
}

.cab-select__btn-right {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    text-align: right;
    margin-left: 5px
}

.cab-select__item {
    width: calc(100% + 2px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    border-radius: 10px;
    padding: 6px 43px 6px 16px;
    transition: all .3s ease;
    cursor: pointer;
    position: relative
}

.cab-select__item .cab-select__icon {
    border: 1px solid #D0D0D0
}

.cab-select__item>svg {
    position: absolute;
    top: 50%;
    right: -moz-calc(43px / 2);
    right: 21.5px;
    transform: translate(50%, -50%);
    fill: #0059f3;
    width: 12px;
    height: 12px;
    z-index: 2;
    transition: all .3s ease;
    opacity: 0
}

.cab-select__item:hover {
    background-color: #dde1e9
}

.cab-select__item:hover .cab-select__icon {
    border-color: #fff
}

.cab-select__item.active {
    background-color: #dde1e9
}

.cab-select__item.active .cab-select__icon {
    border-color: #fff
}

.cab-select__item.active>svg {
    opacity: 1
}

.cab-select__icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    margin-left: -8px;
    margin-right: 14px;
    transition: all .3s ease;
    min-width: 36px
}

.cab-select__icon.token svg {
    width: 20px;
    height: 20px
}

.cab-select__icon svg {
    width: 12px;
    height: 12px
}

.cab-select__icon_big svg {
    width: 20px;
    height: 20px
}

.cab-select_tr .cab-select__btn {
    background-color: #fff
}

.cab-cur {
    width: 100%;
    border-radius: 14px;
    padding: 24px;
    background-color: #dde1e9;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .cab-cur {
        padding: 20px
    }
}

.cab-cur__change {
    position: absolute;
    top: calc(50% + 18.5px);
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #dde1e9;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    border: 1px solid #FFF;
    box-shadow: 0 0 8px #1212121a;
    pointer-events: none;
    z-index: 2
}

@media (max-width: 991px) {
    .cab-cur__change {
        display: none
    }
}

.cab-cur__change svg {
    width: 25px;
    height: 18px
}

.cab-cur__wrap {
    margin-bottom: -20px
}

.cab-cur__item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    margin-bottom: 14px;
    border-radius: 22px;
    padding: 2px 18px 2px 58px;
    position: relative;
    transition: all .3s ease;
    cursor: pointer;
    flex-wrap: wrap
}

.cab-cur__item:last-child {
    margin-bottom: 0
}

.cab-cur__item:hover,
.cab-cur__item.active {
    background-color: #fff;
    box-shadow: 0 0 8px #1212121a
}

.cab-cur__item:hover .cab-cur__icon,
.cab-cur__item.active .cab-cur__icon {
    background-color: #f8fcff;
    box-shadow: none
}

.cab-cur__item h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    line-height: 1.3
}

.cab-cur__item p {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    line-height: 1.3
}

.cab-cur__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px #1212121a;
    background-color: #fff;
    transition: all .3s ease
}

.cab-cur__icon svg {
    width: 16px;
    height: 16px;
    fill: #121212
}

.cab-no-data {
    flex-grow: 1;
    background-color: #d1fff8;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
    min-height: 217px;
    margin-bottom: 24px;
    width: 100%
}

@media (max-width: 767px) {
    .cab-no-data {
        padding: 20px;
        margin-bottom: 20px
    }
}

.cab-no-data:last-child {
    margin-bottom: 0
}

.cab-no-data>p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.71;
    margin-bottom: 18px
}

.cab-no-data>p:last-child {
    margin-bottom: 0
}

.cab-no-data__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 8px
}

.cab-no-data__title svg {
    width: 28px;
    height: 28px;
    fill: #0059f3;
    margin-bottom: 16px
}

.cab-no-data_col {
    align-items: flex-start;
    text-align: left;
    min-height: 0
}

.cab-no-data_col .cab-no-data__title {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 13px
}

.cab-no-data_col .cab-no-data__title svg {
    margin-bottom: 0;
    margin-right: 10px
}

.cab-no-data_delete .cab-no-data__title {
    font-size: 14px;
    margin-bottom: 10px
}

.cab-no-data_delete p {
    margin-bottom: 0
}

.cab-no-data.no_grow {
    flex-grow: unset
}

.cab-filter {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 14px);
    margin-bottom: 16px
}

.cab-filter__item {
    margin-right: 14px;
    margin-bottom: 8px;
    max-width: 168px;
    width: 100%
}

@media (max-width: 767px) {
    .cab-filter__item {
        width: 100%
    }
}

.cab-filter__item .cab-select {
    margin-bottom: 0
}

.cab-filter__item .cab-select__btn-right {
    text-align: left;
    margin-left: 0
}

.cab-filter__show {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    margin-right: 14px;
    transition: all .3s ease;
    cursor: pointer;
    position: relative
}

@media (max-width: 767px) {
    .cab-filter__show {
        width: 100%
    }
}

.cab-filter__show:hover {
    border-color: #0059f3
}

.cab-filter__show:hover svg {
    fill: #0059f3
}

.cab-filter__show:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    border-left: 1px solid #0059F3;
    border-right: 1px solid #FFF;
    content: "";
    opacity: 0;
    height: 18px
}

.cab-filter__show svg {
    width: 18px;
    height: 18px;
    fill: #979fad;
    transition: all .3s ease
}

.cab-filter__show.active {
    border-color: #0059f3
}

.cab-filter__show.active:after {
    opacity: 1
}

.cab-filter__show.active svg {
    fill: #0059f3
}

.cab-filter .cab-calendar {
    margin-bottom: 8px;
    max-width: 212px
}

.cab-filter .cab-calendar input {
    height: 48px;
    max-width: 100%
}

.cab-filter_ref {
    width: calc(100% + 12px)
}

.cab-filter_ref .cab-filter__item {
    max-width: 150px;
    margin-right: 12px
}

@media (max-width: 991px) {
    .cab-filter_ref .cab-filter__item {
        flex-grow: 1;
        max-width: 100%;
        width: auto
    }
}

.cab-filter_ref .cab-search {
    margin-right: 12px
}

@media (max-width: 991px) {
    .cab-filter_ref .cab-search {
        flex-grow: 1;
        max-width: 100%;
        width: auto
    }
}

.cab-filter_ref .cab-calendar {
    margin-right: 12px
}

@media (max-width: 991px) {
    .cab-filter_ref .cab-calendar {
        flex-grow: 1;
        max-width: 100%;
        width: auto
    }
}

.cab-filter_his .cab-filter__item {
    max-width: 150px
}

@media (max-width: 767px) {
    .cab-filter_his .cab-filter__item {
        flex-grow: 1;
        max-width: 100%
    }
}

.cab-filter_his .cab-filter__item:first-child {
    max-width: 286px;
    margin-right: auto
}

@media (max-width: 991px) {
    .cab-filter_his .cab-filter__item:first-child {
        margin-right: 14px;
        max-width: 230px
    }
}

@media (max-width: 767px) {
    .cab-filter_his .cab-filter__item:first-child {
        max-width: 100%;
        margin-right: 12px
    }
}

.cab-filter_ref-page .cab-search {
    max-width: 220px;
    margin-right: auto
}

@media (max-width: 767px) {
    .cab-filter_ref-page .cab-search {
        max-width: 100%;
        margin-right: 12px
    }
}

.cab-filter_ref-page .cab-filter__item {
    max-width: 150px
}

@media (max-width: 767px) {
    .cab-filter_ref-page .cab-filter__item {
        max-width: 100%
    }
}

.cab-dep {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-dep__item {
    margin-bottom: 18px;
    width: 100%;
    border-radius: 14px;
    transition: all .3s ease;
    background-color: #f5f8fa;
    border: 1px solid transparent
}

.cab-dep__item .cab-open__stat {
    margin-bottom: 24px;
    margin-top: 24px;
    background: linear-gradient(180deg, #0059F3 0%, #0059F3 50%, #DDE1E9 50%, #DDE1E9 100%)
}

@media (max-width: 767px) {
    .cab-dep__item .cab-open__stat {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.cab-dep__item .cab-open__info {
    padding: 24px;
    border-radius: 14px;
    background-color: #fff;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .cab-dep__item .cab-open__info {
        padding: 20px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: 0;
        border-radius: 0 0 14px 14px
    }
}

.cab-dep__item.closed {
    border: 1px solid #D0D0D0;
    background-color: #fff
}

.cab-dep__item.closed .cab-open__stat {
    background: linear-gradient(180deg, #121212 0%, #121212 50%, #F7F9FC 50%, #F7F9FC 100%)
}

.cab-dep__item.closed .cab-open__stat:after {
    background-image: url(assets/img/cab-open-circle-closed.webp)
}

.cab-dep__item.closed .cab-open__info {
    background-color: #f5f8fa
}

.cab-dep__item.closed .cab-dep__arrow {
    border: 1px solid #D0D0D0
}

.cab-dep__item.active .cab-dep__arrow {
    border-color: transparent;
    box-shadow: 0 0 8px #1212121a
}

.cab-dep__item.active .cab-dep__arrow svg {
    fill: #0059f3;
    transform: scaleY(-1)
}

.cab-dep__head {
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

@media (max-width: 767px) {
    .cab-dep__head {
        padding: 20px
    }
}

@media (max-width: 575px) {
    .cab-dep__head {
        align-items: flex-start
    }
}

.cab-dep__head .cab-open__head {
    width: 100%;
    margin-bottom: 0
}

@media (max-width: 575px) {
    .cab-dep__head .cab-open__head {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

@media (max-width: 575px) {
    .cab-dep__head .cab-open__head-right {
        align-items: flex-start;
        text-align: left;
        margin-top: 10px
    }
}

.cab-dep__arrow {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid transparent;
    transition: all .3s ease;
    margin-left: 20px
}

.cab-dep__arrow svg {
    width: 10px;
    height: 10px;
    fill: #121212;
    transition: all .3s ease
}

.cab-dep__drop {
    padding: 0 24px;
    width: 100%;
    display: none
}

@media (max-width: 767px) {
    .cab-dep__drop {
        padding: 0 20px
    }
}

.cab-search {
    position: relative;
    margin-bottom: 8px;
    max-width: 180px;
    width: 100%
}

.cab-search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 49px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0
}

.cab-search button:hover svg {
    fill: #0059f3
}

.cab-search button svg {
    width: 13px;
    height: 13px;
    fill: #121212;
    transition: all .3s ease
}

.cab-search ::placeholder {
    color: #454c66;
    font-size: 14px
}

.cab-search input {
    width: 100%;
    height: 48px;
    border: 1px solid #D0D0D0;
    background-color: #fff;
    padding: 10px 49px 10px 16px;
    border-radius: 10px;
    outline: none;
    transition: all .3s ease;
    color: #121212;
    font-weight: 400;
    font-size: 14px
}

.cab-search input:focus {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 6px 14px #0000001a
}

.cab-search__transparent {
    max-width: 100%
}

.cab-search__transparent input {
    background: transparent
}

.cab-cert {
    width: 100%;
    background-color: #f5f8fa;
    border-radius: 14px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 24px;
    overflow: hidden
}

@media (max-width: 767px) {
    .cab-cert {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.cab-cert__content {
    padding: 24px;
    width: calc(100% - 377px)
}

@media (max-width: 991px) {
    .cab-cert__content {
        width: 50%
    }
}

@media (max-width: 767px) {
    .cab-cert__content {
        width: 100%
    }
}

.cab-cert__content .m-text h3 {
    margin-bottom: 12px
}

.cab-cert__img {
    max-width: 354px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background: #FFF
}

@media (max-width: 991px) {
    .cab-cert__img {
        max-width: 50%
    }
}

@media (max-width: 767px) {
    .cab-cert__img {
        max-width: 100%
    }
}

.cab-cert__img img {
    width: 100%
}

.cab-cert__img .swiper {
    width: 100%;
    height: 100%;
    position: relative
}

.cab-cert__img .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0 14px 14px 0;
    overflow: hidden
}

@media (max-width: 767px) {
    .cab-cert__img .swiper-slide {
        border-radius: 0 0 14px 14px
    }
}

.cab-cert__img .swiper-button-prev,
.cab-cert__img .swiper-button-next {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    bottom: auto;
    margin: 0;
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
    outline: none;
    transition: all .3s ease;
    cursor: pointer;
    background-color: #f5f8fa;
    border-radius: 0 24px 24px 0
}

.cab-cert__img .swiper-button-prev:hover,
.cab-cert__img .swiper-button-next:hover {
    background-color: #0059f3
}

.cab-cert__img .swiper-button-prev:hover svg,
.cab-cert__img .swiper-button-next:hover svg {
    fill: #fff
}

.cab-cert__img .swiper-button-prev svg,
.cab-cert__img .swiper-button-next svg {
    width: 18px;
    height: 10px;
    fill: #454c66;
    transition: all .3s ease;
    transform: scaleX(-1)
}

.cab-cert__img .swiper-button-prev {
    left: 0;
    right: auto
}

.cab-cert__img .swiper-button-next {
    transform: translateY(-50%) scaleX(-1);
    right: 0;
    left: auto
}

.cab-cert_slider .cab-cert__content {
    max-width: calc(100% - 377px)
}

@media (max-width: 991px) {
    .cab-cert_slider .cab-cert__content {
        max-width: 50%
    }
}

@media (max-width: 767px) {
    .cab-cert_slider .cab-cert__content {
        max-width: 100%
    }
}

@media (max-width: 991px) {
    .cab-cert_slider .cab-cert__img {
        width: 50%
    }
}

@media (max-width: 767px) {
    .cab-cert_slider .cab-cert__img {
        width: 100%
    }
}

.cab-cert_slider .cab-cert__img img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%
}

.cab-news {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: 14px;
    z-index: 1;
    position: relative;
    margin-bottom: 24px;
    background-color: #f5f8fb
}

.cab-news__img {
    width: 100%;
    height: 336px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 480px) {
    .cab-news__img {
        height: 200px
    }
}

.cab-news__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%
}

.cab-news__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    background-color: #f5f8fb;
    padding: 20px 22px 24px 24px
}

@media (max-width: 767px) {
    .cab-news__content {
        padding: 20px
    }
}

.cab-news__content>h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 12px;
    line-height: 1.71
}

.cab-pres .cab-news__img {
    height: auto
}

.cab-wallet {
    font-weight: 400;
    font-size: 14px;
    color: #7d7d7d
}

.cab-wallet span {
    transition: all .3s ease;
    cursor: pointer;
    text-transform: uppercase
}

.cab-wallet span:hover,
.cab-wallet span.active {
    color: #0059f3
}

.cab-wallet_black {
    color: #191919
}

.cab-ref-stat {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between
}

@media (max-width: 767px) {
    .cab-ref-stat {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.cab-ref-stat__col {
    width: 50%;
    border-right: 1px solid #D1D5DE;
    padding-right: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .cab-ref-stat__col {
        padding-right: 0;
        border-right: none;
        width: 100%;
        margin-bottom: 20px
    }
    .cab-ref-stat__col:last-child {
        margin-bottom: 0
    }
}

.cab-ref-stat__col:last-child {
    border-right: none;
    padding-left: 28px;
    padding-right: 0
}

@media (max-width: 767px) {
    .cab-ref-stat__col:last-child {
        padding-left: 0
    }
}

.cab-ref-stat__chart {
    width: 100px;
    margin-right: 28px;
    height: 114px;
    min-width: 100px
}

@media (max-width: 767px) {
    .cab-ref-stat__chart {
        margin-right: 20px
    }
}

.cab-ref-stat__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-ref-stat__info .cab-wallet {
    margin-bottom: 10px
}

.cab-ref-stat__info-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-ref-stat__info-list_2 .cab-ref-stat__info-item:after {
    background-color: #44791b
}

.cab-ref-stat__info-list_2 .cab-ref-stat__info-item:nth-child(2):after {
    background-color: #9dca40
}

.cab-ref-stat__info-item {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.5;
    margin-bottom: 4px;
    position: relative;
    padding-left: 19px
}

@media (max-width: 480px) {
    .cab-ref-stat__info-item {
        font-size: 12px
    }
}

.cab-ref-stat__info-item:last-child {
    margin-bottom: 0
}

.cab-ref-stat__info-item:nth-child(2):after {
    background-color: #afc7ff
}

.cab-ref-stat__info-item:after {
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    background-color: #0059f3
}

.cab-ref-stat__info-item span {
    font-weight: 500;
    color: #121212;
    display: inline-block;
    white-space: nowrap
}

.cab-set__links {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 24px;
    background-color: #f5f8fa;
    margin-bottom: 24px;
    padding: 2px
}

@media (max-width: 767px) {
    .cab-set__links {
        margin-bottom: 20px
    }
}

@media (max-width: 480px) {
    .cab-set__links {
        width: calc(100% + 40px);
        margin-left: -20px;
        flex-wrap: wrap;
        border-radius: 0
    }
}

.cab-set__links a {
    min-height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    padding: 10px 30px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #121212;
    text-transform: uppercase;
    border-radius: 22px
}

@media (max-width: 480px) {
    .cab-set__links a {
        flex-grow: 1;
        border-radius: 0
    }
}

.cab-set__links a:hover {
    color: #0059f3
}

.cab-set__links a.active {
    background-color: #0059f3;
    color: #fff;
    box-shadow: 0 0 4px #12121230
}

.cab-set__hero {
    position: relative;
    padding-left: 116px;
    min-height: 98px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 480px) {
    .cab-set__hero {
        padding-left: 0;
        padding-top: 116px;
        text-align: center
    }
}

.cab-set__hero h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 8px
}

.cab-set__hero h3:last-child {
    margin-bottom: 0
}

.cab-set__hero p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.71
}

@media (max-width: 767px) {
    .cab-set__hero p {
        margin-bottom: 10px
    }
}

.cab-set__hero-img {
    background-image: url(assets/img/no-ava-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 98px;
    height: 98px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 22px;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 480px) {
    .cab-set__hero-img {
        left: 50%;
        transform: translate(-50%)
    }
}

.cab-set__hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.cab-set__check {
    position: relative;
    padding-right: 92px;
    margin-bottom: 24px
}

@media (max-width: 991px) {
    .cab-set__check {
        padding-right: 60px
    }
}

.cab-set__check-text {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    line-height: 1.71
}

.cab-set__check-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 18px;
    border: 1px solid #D0D0D0;
    border-radius: 20px;
    background-color: #f5f8fa;
    cursor: pointer
}

.cab-set__check-box:after {
    position: absolute;
    top: 50%;
    left: -1px;
    width: 18px;
    height: 18px;
    background-color: #454c66;
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
    transition: all .3s ease
}

.cab-set__check-box.active:after {
    background-color: #0059f3;
    transform: translate(22px, -50%)
}

.cab-set__cur {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-set__cur-item {
    border-radius: 14px;
    background-color: #f5f8fa;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .cab-set__cur-item {
        margin-bottom: 20px
    }
}

.cab-set__cur-item:last-child {
    margin-bottom: 0
}

.cab-set__cur-item.active .cab-set__cur-arrow {
    box-shadow: 0 0 8px #1212121a
}

.cab-set__cur-item.active .cab-set__cur-arrow svg {
    fill: #0059f3;
    transform: scaleY(-1)
}

.cab-set__cur-head {
    width: 100%;
    padding: 13px 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

@media (max-width: 767px) {
    .cab-set__cur-head {
        padding: 13px 20px
    }
}

.cab-set__cur-arrow {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition: all .3s ease;
    border-radius: 50%
}

.cab-set__cur-arrow svg {
    transition: all .3s ease;
    width: 10px;
    height: 6px;
    fill: #121212
}

.cab-set__cur-drop {
    width: 100%;
    padding: 0 24px 24px;
    display: none
}

@media (max-width: 767px) {
    .cab-set__cur-drop {
        padding: 0 20px 20px
    }
}

.cab-set__cur-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 18px;
    color: #121212
}

.cab-set__cur-title svg {
    width: 19px;
    height: 19px;
    margin-right: 12px;
    fill: #454c66
}

.cab-set__cur-btns {
    width: calc(100% + 10px);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: -10px;
    flex-wrap: wrap
}

.cab-set__cur-btns .m-btn {
    margin-bottom: 10px;
    margin-right: 10px
}

@media (max-width: 575px) {
    .cab-set__cur-btns .m-btn {
        flex-grow: 1
    }
}

.cab-set-status {
    border-radius: 14px;
    background-color: #fff3d1;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .cab-set-status {
        margin-bottom: 20px
    }
}

.cab-set-status__top {
    padding: 20px 24px 18px;
    border-bottom: 1px solid #FFF;
    width: 100%
}

.cab-set-status__top:last-child {
    border-bottom: none
}

@media (max-width: 767px) {
    .cab-set-status__top {
        padding: 20px
    }
}

.cab-set-status__top>h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 7px;
    line-height: 1.71
}

.cab-set-status__top>h3:last-child {
    margin-bottom: 0
}

.cab-set-status__top>p {
    font-weight: 400;
    font-size: 14px;
    color: #454c66;
    line-height: 1.71
}

.cab-set-status__bot {
    padding: 20px 24px
}

@media (max-width: 767px) {
    .cab-set-status__bot {
        padding: 20px
    }
}

.cab-set-status__head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    flex-wrap: wrap
}

.cab-set-status__head h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-right: 5px;
    margin-bottom: 6px
}

.cab-set-status__head p {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    margin-bottom: 6px
}

.cab-set-status__bar {
    width: calc(100% + 1px);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start
}

.cab-set-status__bar span {
    width: -moz-calc(100% / 4);
    width: 25%;
    display: block;
    height: 5px;
    margin-right: 1px;
    background-color: #a9aab3
}

.cab-set-status__bar span.active {
    background-color: #5fa22b
}

.cab-copy {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding: 10px 48px 10px 16px;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    background-color: #f5f8fa;
    transition: all .3s ease;
    margin-bottom: 24px;
    height: 48px
}

@media (max-width: 767px) {
    .cab-copy {
        margin-bottom: 20px
    }
}

.cab-copy p {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.cab-copy__btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.cab-copy__btn:hover svg {
    fill: #0059f3
}

.cab-copy__btn svg {
    width: 18px;
    height: 18px;
    fill: #454c66;
    transition: all .3s ease
}

.cab-copy_transfer p {
    white-space: pre-wrap;
    overflow: visible;
    word-wrap: break-word
}

.cab-copy.active {
    background-color: #fff;
    box-shadow: 0 6px 14px #0000001a;
    border-color: #fff
}

.cab-copy.active .cab-copy__btn svg {
    fill: #0059f3
}

.cab-qr {
    max-width: 195px;
    width: 100%;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .cab-qr {
        margin-bottom: 20px
    }
}

.cab-qr img {
    width: 100%
}

.cab-inputs {
    margin-bottom: 14px
}

.cab-inputs .cab-input {
    margin-bottom: 10px
}

.cab-chat {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 8px 16px #00000008;
    border-radius: 14px;
    margin-bottom: 28px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    overflow: hidden;
    max-height: 1600px;
    height: calc(var(--vh, 1vh) * 100 - 330px);
    min-height: 350px
}

@media (max-width: 991px) {
    .cab-chat {
        height: calc(var(--vh, 1vh) * 100 - 290px)
    }
}

@media (max-width: 767px) {
    .cab-chat {
        margin-bottom: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: calc(var(--vh, 1vh) * 100 - 56px);
        margin-top: -20px;
        border-radius: 0;
        min-height: 0
    }
}

@media (max-width: 575px) {
    .cab-chat {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.cab-chat__side {
    max-width: 288px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #f5f8fa;
    border-right: 1px solid #D1D5DE
}

@media (max-width: 767px) {
    .cab-chat__side {
        max-width: 100%;
        border-right: none;
        height: 100% !important
    }
}

.cab-chat__side .cab-box__title {
    margin-bottom: 14px
}

.cab-chat__side-top {
    width: 100%;
    border-bottom: 1px solid #D1D5DE;
    padding: 28px 20px 20px
}

.cab-chat__side-top:last-child {
    border-bottom: none
}

.cab-chat__side-top .cab-search {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0
}

.cab-chat__side-top .cab-search input {
    background-color: transparent
}

.cab-chat__side-top .cab-search input:focus {
    background-color: #fff
}

.cab-chat__side-list {
    padding: 14px 20px 0;
    border-bottom: 1px solid #D1D5DE;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.cab-chat__side-list:last-child {
    border-bottom: none
}

.cab-chat__side-list .nicescroll-box {
    flex-grow: 1;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 20px;
    height: calc(100% - 16px)
}

.cab-chat__side-title {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #454c66
}

.cab-chat__side-new {
    width: 100%;
    padding: 16px 20px;
    background-color: #fff3d1;
    border-bottom: 1px solid #D1D5DE
}

.cab-chat__side-new:last-child {
    border-bottom: none
}

.cab-chat__side .cab-no-data {
    margin-top: 14px;
    margin-bottom: 20px
}

.cab-chat__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

@media (max-width: 767px) {
    .cab-chat__content {
        display: none;
        height: 100%
    }
}

.cab-chat__content .cab-no-data {
    flex-grow: 0;
    width: calc(100% - 56px);
    margin: 20px 0
}

@media (max-width: 767px) {
    .cab-chat__content .cab-no-data {
        width: calc(100% - 40px)
    }
}

.cab-chat__content.disabled .cab-chat__msgs {
    max-height: calc(100% - 71px)
}

.cab-chat__content.disabled .cab-chat__footer {
    display: none
}

.cab-chat__arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: none;
    margin-right: 10px;
    min-width: 36px
}

@media (max-width: 767px) {
    .cab-chat__arrow {
        display: flex
    }
}

.cab-chat__arrow svg {
    width: 15px;
    height: 12px;
    fill: #0059f3;
    transform: rotate(-90deg)
}

.cab-chat__head {
    width: 100%;
    padding: 12px 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f8fa;
    border-bottom: 1px solid #D1D5DE;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .cab-chat__head {
        padding-left: 20px;
        padding-right: 20px
    }
}

.cab-chat__head .cab-tip {
    margin-left: 10px
}

.cab-chat__head .cab-tip.active .cab-tip__btn svg {
    fill: #0059f3
}

.cab-chat__head .cab-table__hero>h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212
}

.cab-chat__head-soc {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    padding: 18px 28px;
    background-color: #f5f8fa;
    box-shadow: 0 6px 14px #0000001a;
    display: none
}

@media (max-width: 767px) {
    .cab-chat__head-soc {
        padding: 12px 20px
    }
}

.cab-chat__head-soc .footer-soc {
    margin-top: 0
}

.cab-chat__head-soc .footer-soc__item:hover {
    background-color: #fff
}

.cab-chat__head-soc .footer-soc__item:hover svg {
    fill: #0059f3
}

.cab-chat__head-soc .footer-soc__item svg {
    fill: #979fad
}

.cab-chat__head-soc .m-text {
    margin-bottom: 8px
}

.cab-chat__head-soc .m-text:last-child {
    margin-bottom: 0
}

.cab-chat__head-soc .m-text h3 {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.5
}

.cab-chat__head-soc .m-text p {
    line-height: 1.5
}

.cab-chat__head-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    width: 100%
}

@media (max-width: 767px) {
    .cab-chat__head-title {
        padding-left: 4px
    }
}

.cab-chat__head-title svg {
    width: 25px;
    height: 25px;
    margin-right: 14px;
    fill: #babfcd
}

.cab-chat__msgs {
    flex-grow: 1;
    width: 100%;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end
}

.cab-chat__msgs .nicescroll-box {
    width: 100%;
    max-height: 100%;
    cursor: auto !important
}

.cab-chat__msgs .nicescroll-box .wrap {
    padding: 28px;
    width: 100%
}

@media (max-width: 767px) {
    .cab-chat__msgs .nicescroll-box .wrap {
        padding: 20px
    }
}

.cab-chat__footer {
    margin-top: auto;
    width: 100%;
    padding: 12px;
    background-color: #f5f8fa;
    border-top: 1px solid #D1D5DE;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between
}

.cab-chat__input {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #D0D0D0;
    background-color: #f5f8fa;
    border-radius: 10px;
    padding: 15px 0;
    min-height: 48px;
    transition: all .3s ease;
    cursor: text
}

.cab-chat__input:focus-within {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 6px 14px #0000001a
}

.cab-chat__input ::placeholder {
    color: #7d7d7d
}

.cab-chat__input textarea {
    resize: none;
    height: auto;
    padding: 0 16px;
    color: #121212;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    outline: none;
    transition: all .3s ease;
    border: none;
    background-color: transparent
}

.cab-chat__btn {
    width: 48px;
    height: 48px;
    margin-left: 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    cursor: pointer;
    border: none;
    background-color: #0059f3;
    border-radius: 10px
}

.cab-chat__btn:hover {
    background-color: #fff
}

.cab-chat__btn:hover svg {
    fill: #0059f3
}

.cab-chat__btn svg {
    width: 14px;
    height: 14px;
    fill: #fff;
    transition: all .3s ease
}

.cab-chat__item {
    position: relative;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 10px 20px 10px 80px;
    cursor: pointer;
    transition: all .3s ease;
    min-height: 70px
}

.cab-chat__item:hover,
.cab-chat__item.active {
    background-color: #dde1e9
}

.cab-chat__item .cab-table__hero-img {
    left: 20px;
    top: 11px;
    transform: translate(0)
}

.cab-chat__item-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px
}

.cab-chat__item-head h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    color: #121212
}

.cab-chat__item-head p {
    white-space: nowrap;
    margin-left: 28px;
    font-weight: 400;
    font-size: 13px;
    color: #7d7d7d;
    text-align: right
}

.cab-chat__item-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%
}

.cab-chat__item-content p {
    font-weight: 400;
    font-size: 13px;
    color: #454c66;
    line-height: 1.1;
    max-width: 100%;
    word-break: break-all
}

.cab-chat__item-content span {
    width: 20px;
    height: 20px;
    background-color: #0059f3;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    line-height: 1;
    border-radius: 50%;
    text-align: center;
    padding-top: 1px;
    margin-left: 10px
}

.cab-chat_tickets .cab-chat__head {
    min-height: 72px
}

@media (max-width: 767px) {
    .cab-chat_tickets .cab-chat__head {
        padding: 20px
    }
}

.cab-chat_tickets .cab-chat__item {
    padding-left: 20px
}

@media (max-width: 767px) {
    .cab-chat_tickets .cab-table__hero {
        width: 100%;
        margin-left: 4px
    }
}

.cab-chat_tickets .cab-table__hero>h3 {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    margin-bottom: 7px
}

.cab-chat_tickets .cab-table__hero>h3:last-child {
    margin-bottom: 0
}

.cab-chat_tickets .cab-table__hero>p {
    font-weight: 400;
    font-size: 13px;
    color: #454c66
}

@media (max-width: 767px) {
    .cab-chat.active .cab-chat__side {
        display: none
    }
}

@media (max-width: 767px) {
    .cab-chat.active .cab-chat__content {
        display: flex
    }
}

.cab-msgs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    overflow-y: auto;
    padding: 28px;
    height: 100%
}

.cab-msgs::-webkit-scrollbar {
    width: 2px
}

.cab-msgs::-webkit-scrollbar-track {
    background: transparent
}

.cab-msgs::-webkit-scrollbar-thumb {
    background: #0059F3;
    border-radius: 10px
}

.cab-msgs::-webkit-scrollbar-thumb:hover {
    background: #0059F3
}

@media (max-width: 767px) {
    .cab-msgs {
        padding: 20px
    }
}

.cab-msgs__item {
    max-width: 424px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 14px;
    border-radius: 14px;
    background-color: #f5f8fb;
    margin-bottom: 10px
}

.cab-msgs__item p {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    line-height: 1.5
}

.cab-msgs__item p a {
    word-break: break-all;
    color: inherit
}

.cab-msgs__item p a:hover {
    text-decoration: none
}

.cab-msgs__item:last-child {
    margin-bottom: 0
}

.cab-msgs__item_right {
    margin-left: auto;
    background-color: #0059f3
}

.cab-msgs__item_right p {
    color: #fff
}

.cab-msgs__item_right .cab-msgs__date {
    color: #babfcd
}

.cab-msgs__date {
    margin-left: auto;
    font-weight: 400;
    font-size: 13px;
    color: #7d7d7d;
    padding-left: 10px;
    line-height: 1.5
}

.cab-tickets__links {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: -21px
}

.cab-tickets__links a {
    padding-bottom: 12px;
    display: inline-block;
    margin-right: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    text-decoration: none;
    transition: all .3s ease;
    cursor: pointer;
    border-bottom: 2px solid transparent
}

.cab-tickets__links a:hover {
    color: #0059f3
}

.cab-tickets__links a.active {
    border-bottom-color: #0059f3;
    color: #0059f3
}

.cab-tickets__form {
    flex-grow: 1;
    width: 100%;
    padding: 28px
}

@media (max-width: 767px) {
    .cab-tickets__form {
        padding: 20px
    }
}

.cab-tickets__form-box {
    background-color: #f5f8fa;
    border-radius: 14px
}

.cab-tickets__form-top {
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #D1D5DE
}

.cab-tickets__form-top .m-text h3 {
    font-size: 14px;
    margin-bottom: 10px
}

.cab-tickets__form-bot {
    padding: 20px;
    width: 100%
}

.cab-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #121212cc;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .cab-modal {
        height: calc(var(--vh, 1vh) * 100 - 56px);
        top: 56px
    }
}

@media (max-width: 575px) {
    .cab-modal {
        background-color: #fff;
        padding: 20px 20px 10px;
        display: block
    }
}

.cab-modal.active {
    opacity: 1;
    pointer-events: all
}

.cab-modal .cab-copy {
    margin-bottom: 10px
}

.cab-modal .cab-qr {
    max-width: 124px
}

.cab-modal .cab-qr:last-child {
    margin-bottom: 0
}

.cab-modal .cab-subtitle {
    margin-bottom: 18px
}

.cab-modal .cab-select:last-child {
    margin-bottom: 0
}

.cab-modal .cab-search {
    margin-bottom: 18px
}

.cab-modal .cab-search:last-child {
    margin-bottom: 0
}

.cab-modal .cab-table__hero {
    margin-bottom: 18px
}

.cab-modal .cab-table__hero:last-child {
    margin-bottom: 0
}

.cab-modal .cab-no-data__modal .cab-no-data__title {
    font-size: 14px;
    align-items: center;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .cab-modal .cab-table__hero .cab-tip {
        display: none
    }
}

.cab-modal .cab-box__wrap {
    z-index: auto
}

@media (max-width: 575px) {
    .cab-modal .m-btn {
        margin-bottom: 10px
    }
}

.cab-modal .cab-no-data {
    align-items: flex-start;
    text-align: left;
    min-height: 0
}

.cab-modal .cab-no-data__title {
    align-items: flex-start
}

.cab-modal .cab-no-data .m-btn {
    margin-bottom: 0
}

.cab-modal__capch {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 24px
}

.cab-modal__capch img {
    max-width: 100%
}

.cab-modal__wrap {
    max-width: 540px;
    width: 100%;
    border-radius: 14px;
    padding: 28px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #fff
}

@media (max-width: 575px) {
    .cab-modal__wrap {
        border-radius: 0;
        max-width: 100%;
        min-height: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }
}

.cab-modal__close {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-bottom: 24px
}

.cab-modal__close:hover svg {
    fill: #0059f3
}

.cab-modal__close svg {
    width: 100%;
    height: 100%;
    fill: #454c66;
    transition: all .3s ease
}

.cab-modal__step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 164px;
    width: 100%;
    margin-left: auto;
    margin-bottom: 24px
}

@media (max-width: 575px) {
    .cab-modal__step {
        max-width: 100%
    }
}

.cab-modal__step-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px
}

.cab-modal__step-head p {
    font-weight: 400;
    font-size: 13px;
    color: #121212
}

.cab-modal__step-head p:last-child {
    color: #7d7d7d
}

.cab-modal__step-bar {
    width: 100%;
    position: relative;
    border-radius: 10px;
    background-color: #dde1e9;
    height: 4px;
    overflow: hidden
}

.cab-modal__step-bar span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #02B7F9 0%, #0180F0 100%)
}

.cab-modal__step_2 .cab-modal__step-bar span {
    right: 0;
    left: auto
}

.cab-modal__cur {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px
}

.cab-modal__cur p {
    font-weight: 500;
    font-size: 16px;
    color: #121212
}

@media (max-width: 767px) {
    .cab-modal__cur p {
        font-size: 14px
    }
}

.cab-modal__cur p span {
    font-weight: 400;
    color: #454c66;
    text-transform: uppercase
}

.cab-modal__cur-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px #1212121a;
    background-color: #fff;
    margin-right: 14px;
    min-width: 44px
}

.cab-modal__cur-icon svg {
    width: 15px;
    height: 15px;
    fill: #121212
}

.cab-modal__info {
    width: 100%;
    background-color: #fff3d1;
    border-radius: 14px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    padding: 20px 20px 10px 66px
}

.cab-modal__info>svg {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 28px;
    height: 28px;
    fill: #0059f3
}

.cab-modal__info-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-right: 39px
}

.cab-modal__info-item:last-child {
    margin-right: 0
}

.cab-modal__info-item h3 {
    font-weight: 400;
    font-size: 13px;
    color: #454c66;
    margin-bottom: 6px
}

.cab-modal__info-item h3:last-child {
    margin-bottom: 0
}

.cab-modal__info-item p {
    font-weight: 400;
    font-size: 16px;
    color: #121212
}

.cab-modal__hero {
    width: 100%;
    border-radius: 14px;
    margin-bottom: 10px;
    padding: 24px;
    background-color: #d1d5de;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center
}

@media (max-width: 991px) {
    .cab-modal__hero {
        padding: 20px
    }
}

.cab-modal__hero:last-child {
    margin-bottom: 0
}

.cab-modal__hero .footer-soc {
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 0
}

.cab-modal__hero .footer-soc__item:hover {
    background-color: #fff
}

.cab-modal__hero .footer-soc__item:hover svg {
    fill: #0059f3
}

.cab-modal__hero .footer-soc__item svg {
    fill: #979fad
}

.cab-modal__hero-name {
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 18px
}

.cab-modal__hero .cab-table__hero-img {
    position: relative;
    inset: auto;
    transform: translate(0);
    margin-bottom: 26px;
    width: 98px;
    height: 98px
}

.cab-modal__hero .cab-table__hero-img>span {
    left: 21px;
    top: 100%;
    transform: translateY(-50%)
}

.cab-modal__hero .cab-table__hero-img .cab-table__hero-flag {
    right: 21px;
    top: 100%;
    transform: translateY(-50%)
}

.cab-modal__hero-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.cab-modal__hero-info__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    margin-bottom: 18px;
    width: -moz-calc(100% / 3);
    width: 33.3333333333%
}

@media (max-width: 480px) {
    .cab-modal__hero-info__item {
        width: 100%;
        align-items: center !important;
        text-align: center !important;
        padding: 0 !important
    }
}

.cab-modal__hero-info__item:first-child {
    align-items: flex-start;
    text-align: left;
    padding-right: 10px
}

.cab-modal__hero-info__item:last-child {
    align-items: flex-end;
    text-align: right;
    padding-left: 10px
}

.cab-modal__hero-info__item h3 {
    font-weight: 400;
    font-size: 14px;
    color: #7d7d7d;
    margin-bottom: 6px
}

.cab-modal__hero-info__item h3:last-child {
    margin-bottom: 0
}

.cab-modal__hero-info__item p {
    font-weight: 500;
    font-size: 14px;
    color: #121212
}

.cab-modal__hero-box {
    padding: 24px;
    width: 100%;
    margin-bottom: 18px;
    background-color: #fff;
    border-radius: 14px
}

@media (max-width: 991px) {
    .cab-modal__hero-box {
        padding: 20px
    }
}

.cab-modal__hero-box .cab-wallet {
    margin-bottom: 18px
}

.cab-modal__hero-box-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap
}

.cab-modal__hero-box-info__item {
    width: calc(50% - 17px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    justify-content: flex-start
}

@media (max-width: 480px) {
    .cab-modal__hero-box-info__item {
        width: 100%;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 18px
    }
    .cab-modal__hero-box-info__item:last-child {
        margin-bottom: 0
    }
}

.cab-modal__hero-box-info__item:nth-child(2n) {
    align-items: flex-start;
    text-align: left
}

.cab-modal__hero-box-info__item h3 {
    font-weight: 400;
    font-size: 13px;
    color: #454c66;
    margin-bottom: 6px
}

.cab-modal__hero-box-info__item h3:last-child {
    margin-bottom: 0
}

.cab-modal__hero-box-info__item p {
    font-weight: 500;
    font-size: 16px;
    color: #121212
}

.cab-modal__hero-volume {
    padding: 17px 15px;
    border-radius: 14px;
    border: 1px solid #979FAD;
    text-align: center;
    margin-bottom: 18px;
    width: 100%
}

.cab-modal__hero-volume .title {
    color: #454c66;
    font-size: 13px;
    margin-bottom: 6px
}

.cab-modal__hero-volume .value {
    font-size: 16px;
    color: #121212;
    font-weight: 500
}

.cab-modal__sponsor {
    width: 100%;
    background-color: #f5f8fa;
    padding: 24px;
    border-radius: 14px
}

@media (max-width: 991px) {
    .cab-modal__sponsor {
        padding: 20px
    }
}

.cab-modal__sponsor .footer-soc {
    margin-top: 0
}

.cab-modal__sponsor .footer-soc__item:hover {
    background-color: #fff
}

.cab-modal__sponsor .footer-soc__item:hover svg {
    fill: #0059f3
}

.cab-modal__sponsor .footer-soc__item svg {
    fill: #979fad
}

.cab-modal__sponsor-title {
    font-weight: 500;
    font-size: 18px;
    color: #121212;
    margin-bottom: 18px
}

.cab-modal__sponsor .cab-table__hero {
    margin-bottom: 18px
}

.cab-modal__sponsor-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 18px
}

.cab-modal__sponsor-btns .cab-table__chat {
    margin-right: 14px
}

.cab-modal__sponsor-btns .cab-table__chat:last-child {
    margin-right: 0
}

.cab-modal_soc .cab-modal__wrap {
    max-width: 400px
}

@media (max-width: 575px) {
    .cab-modal_soc .cab-modal__wrap {
        max-width: 100%
    }
}

.cab-modal_soc .cab-qr {
    max-width: 100%
}

.cab-modal__timer {
    position: relative;
    width: 100%;
    border-radius: 14px;
    padding: 0 76px;
    max-width: 900px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #fff
}

@media (max-width: 575px) {
    .cab-modal__timer {
        border-radius: 0;
        max-width: 100%;
        min-height: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }
}

.cab-modal__timer .cab-modal__close {
    position: absolute;
    top: 28px;
    right: 28px
}

.cab-modal__timer__content {
    height: 570px;
    background: url(assets/img/s-element.webp) center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.cab-modal__timer__content__icon {
    margin-bottom: 27px
}

.cab-modal__timer__content__icon img {
    max-width: 100%
}

.cab-modal__timer__content__title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.cab-network {
    width: calc(100% + 14px);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: -14px
}

.cab-network__item {
    padding: 12px 22px 12px 58px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 100px;
    min-height: 44px;
    position: relative;
    margin-right: 14px;
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 14px;
    color: #121212
}

.cab-network__item.active,
.cab-network__item:hover {
    background-color: #0059f3;
    color: #fff
}

.cab-network__item.active .cab-network__icon,
.cab-network__item:hover .cab-network__icon {
    border-color: #fff;
    box-shadow: 0 0 8px #1212121a
}

.cab-network__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    border: 1px solid #D0D0D0;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

.cab-network__icon svg {
    width: 20px;
    height: 24px;
    fill: #121212;
    transition: all .3s ease
}

.cab-show-code {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 18px
}

.cab-show-code p {
    font-weight: 400;
    font-size: 16px;
    color: #0059f3;
    margin-right: 12px;
    text-decoration: underline
}

.cab-show-code__btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.cab-show-code__btn:hover:after {
    border-left-color: #0059f3
}

.cab-show-code__btn:hover svg {
    fill: #0059f3
}

.cab-show-code__btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    border-left: 1px solid #979FAD;
    border-right: 1px solid #FFF;
    content: "";
    opacity: 0;
    height: 18px
}

.cab-show-code__btn svg {
    width: 18px;
    height: 18px;
    fill: #979fad
}

.cab-show-code.hidden p {
    text-decoration: none;
    color: #7d7d7d;
    font-size: 14px
}

.cab-show-code.hidden .cab-show-code__btn svg {
    fill: #0059f3
}

.cab-show-code.hidden .cab-show-code__btn:after {
    opacity: 1;
    border-left-color: #0059f3
}

.cab-coin-dash__price {
    color: #121212;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 18px
}

.cab-coin-dash__price span {
    margin-left: 10px;
    color: #56b83b;
    font-size: 14px
}

.cab-coin-dash__price span.red {
    color: #ff5e5e
}

.cab-coin-dash__row {
    display: flex;
    width: 100%
}

@media (max-width: 767px) {
    .cab-coin-dash__row {
        flex-direction: column
    }
}

.cab-coin-dash__col {
    width: 50%;
    border-right: 1px solid #D1D5DE;
    padding-right: 40px
}

@media (max-width: 767px) {
    .cab-coin-dash__col {
        width: 100%;
        border-right: 0;
        padding: 0 !important
    }
    .cab-coin-dash__col:first-child {
        margin-bottom: 15px
    }
}

.cab-coin-dash__col:last-child {
    border-right: 0;
    padding-right: 0;
    padding-left: 40px
}

.cab-coin-dash__change-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px
}

.cab-coin-dash__change-title {
    font-size: 16px;
    font-weight: 500;
    color: #121212
}

.cab-coin-dash__change-bar {
    position: relative;
    height: 10px;
    border-radius: 4.5px;
    background-color: #f5f8fb;
    margin-bottom: 10px
}

.cab-coin-dash__change-bar span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to right, #0452D8, #44791B);
    border-radius: 4.5px
}

.cab-coin-dash__change-data {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px
}

.cab-coin-dash__change-item {
    color: #121212;
    font-size: 14px;
    font-weight: 400
}

.cab-coin-dash__change-item span {
    font-weight: 500
}

.cab-coin-dash__change .cab-select__item {
    padding-right: 16px
}

.cab-coin-dash__change .cab-filter,
.cab-coin-dash__change .cab-filter__item {
    margin-bottom: 0
}

.cab-coin-dash__buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px
}

@media (max-width: 1223px) {
    .cab-coin-dash__buttons {
        justify-content: flex-start
    }
}

@media (max-width: 991px) {
    .cab-coin-dash__buttons {
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .cab-coin-dash__buttons {
        flex-wrap: wrap
    }
}

@media (max-width: 1223px) {
    .cab-coin-dash__buttons .m-btn {
        margin-right: 5px
    }
}

@media (max-width: 767px) {
    .cab-coin-dash__buttons .m-btn {
        margin-right: 0;
        min-width: 30%
    }
    .cab-coin-dash__buttons .m-btn:not(.m-btn_long) {
        width: 48%;
        margin-bottom: 10px
    }
}

.cab-coin-dash__buttons .m-btn_long {
    min-width: 171px
}

@media (max-width: 991px) {
    .cab-coin-dash__buttons .m-btn_long {
        margin-right: 0;
        min-width: 115px
    }
}

@media (max-width: 767px) {
    .cab-coin-dash__buttons .m-btn_long {
        width: 100%
    }
}

.cab-coin-dash__token {
    color: #121212
}

.cab-coin-dash__token-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 18px
}

.cab-coin-dash__token-item {
    border-bottom: 1px solid #D1D5DE;
    padding: 11px 0;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cab-coin-dash__token-item:last-child {
    border-bottom: 0
}

.cab-coin-dash__token-item p {
    font-weight: 400;
    color: #454c66
}

.cab-coin-dash__token-item b {
    font-weight: 500
}

.cab-coin-chart__filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px
}

.cab-coin-chart__filter-title {
    font-size: 14px;
    color: #454c66
}

.cab-coin-chart__filter-radios {
    display: flex;
    background: #F5F8FA;
    border-radius: 24px;
    padding: 2px
}

.cab-coin-chart__filter-radio {
    color: #121212;
    font-size: 12px;
    font-weight: 500;
    border-radius: 24px;
    text-align: center;
    padding: 14px 23px;
    cursor: pointer
}

.cab-coin-chart__filter-radio:hover,
.cab-coin-chart__filter-radio.active {
    color: #fff;
    background: #0059F3
}

.cab-coin-copy {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .cab-coin-copy {
        flex-wrap: wrap
    }
}

.cab-coin-copy .cab-copy {
    box-shadow: none;
    background: none;
    border-color: #d0d0d0;
    max-width: 485px;
    margin-bottom: 0;
    margin-right: 15px
}

@media (max-width: 991px) {
    .cab-coin-copy .cab-copy {
        max-width: 100%;
        margin-bottom: 8px
    }
}

.cab-coin-copy .cab-copy__btn svg {
    fill: #979fad
}

.highcharts-tooltip {
    width: 100%;
    height: 100%
}

.highcharts-tooltip>span {
    padding: 12px;
    border-radius: 12px;
    background-color: #393939 !important;
    box-shadow: -10px 10px 15px #00000080;
    width: auto !important;
    left: 50% !important;
    transform: translate(-50%) !important
}

.highcharts-tooltip>span>span {
    display: block;
    color: #fff;
    margin-bottom: 10px
}

.highcharts-tooltip>span br {
    display: none
}

.highcharts-legend-item text {
    font-family: Rubik, sans-serif
}

.highcharts-legend-item .highcharts-point {
    display: none
}

.flatpickr-calendar {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 14px #0000001a;
    overflow: hidden;
    padding: 16px 20px
}

@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-calendar .dayContainer+.dayContainer {
    box-shadow: none
}

.flatpickr-calendar.rangeMode {
    width: 570px !important
}

@media (max-width: 767px) {
    .flatpickr-calendar.rangeMode {
        width: 280px !important
    }
}

.flatpickr-days {
    width: 100% !important
}

.flatpickr-rContainer {
    width: 100%
}

.flatpickr-months {
    border-bottom: 1px solid #D1D5DE;
    width: calc(100% + 40px);
    margin-left: -20px
}

.flatpickr-months .flatpickr-month {
    background: #FFF;
    height: 27px
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background-color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    color: #121212 !important
}

.flatpickr-weekdays {
    height: 48px
}

.flatpickr-weekdays span.flatpickr-weekday {
    color: #7d7d7d;
    background-color: #fff;
    font-weight: 400
}

@media (max-width: 767px) {
    .flatpickr-weekdaycontainer:nth-child(2) {
        display: none
    }
}

.flatpickr-day {
    color: #454c66;
    border-radius: 6px;
    transition: all .3s ease;
    height: 32px;
    line-height: 32px
}

.flatpickr-day.prevMonthDay {
    color: #6a707c
}

.flatpickr-day.today {
    color: #121212;
    border-color: transparent
}

.flatpickr-day.today.inRange {
    background: #0059F3;
    box-shadow: none !important;
    border-color: #0059f3;
    color: #121212
}

.flatpickr-day.inRange {
    background: #DBE9FF;
    box-shadow: none !important;
    border-color: #dbe9ff;
    color: #121212
}

.flatpickr-day:hover {
    background: #DDE1E9 !important;
    border-color: #dde1e9 !important;
    color: #121212
}

.flatpickr-day:hover.endRange {
    background: #0059F3 !important;
    border-color: #0059f3 !important;
    border-radius: 0 6px 6px 0 !important
}

.flatpickr-day.selected {
    background: #0059F3 !important;
    border-color: #0059f3 !important
}

.flatpickr-day.selected.endRange {
    background: #0059F3;
    border-color: #0059f3;
    border-radius: 0 6px 6px 0
}

.flatpickr-day.selected.startRange {
    background: #0059F3;
    border-color: #0059f3;
    border-radius: 6px 0 0 6px
}

.flatpickr-day.nextMonthDay {
    color: #7d7d7d
}

.flatpickr-current-month {
    padding-top: 0;
    height: auto;
    font-size: 14px;
    color: #121212;
    font-weight: 500
}

.flatpickr-current-month span.cur-month,
.flatpickr-current-month input.cur-year {
    font-weight: 500
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    width: 20px;
    height: 20px;
    margin-top: -2px
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    fill: #454c66;
    width: 20px;
    height: 20px
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #0059f3
}

.flatpickr-prev-month {
    top: 15px !important;
    padding: 0 !important;
    left: 24px !important
}

.flatpickr-next-month {
    top: 15px !important;
    padding: 0 !important;
    right: 24px !important
}

.flatpickr-monthSelect-month {
    color: #121212;
    border: none;
    transition: all .3s ease;
    width: calc(33.3333333333% - 1px)
}

.flatpickr-monthSelect-month:hover {
    background-color: #dde1e9;
    color: #121212
}

.flatpickr-monthSelect-month.today {
    color: #121212 !important;
    border-color: transparent !important
}

.flatpickr-monthSelect-month.today:hover {
    background-color: #dde1e9;
    color: #121212
}

.flatpickr-monthSelect-month.selected {
    border-color: #0059f3 !important;
    background-color: #0059f3 !important;
    color: #fff !important
}

.flatpickr-monthSelect-month.flatpickr-disabled {
    color: #7d7d7d;
    border-color: transparent;
    background-color: transparent
}

.tippy-box[data-theme~=sybbex] {
    background-color: #191919;
    border: 1px solid #393939;
    color: #fff;
    border-radius: 14px;
    font-size: 12px;
    padding: 20px;
    box-shadow: 0 8px 16px #0000002b;
    width: auto;
    height: auto;
    z-index: 10;
    border: none;
    max-width: 100vw !important
}

.tippy-box[data-theme~=sybbex]>.tippy-content {
    padding: 0
}

.tippy-box[data-theme~=sybbex][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #191919;
    display: none
}

.tippy-box[data-theme~=sybbex][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #191919;
    display: none
}

.tippy-box[data-theme~=sybbex][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #191919;
    display: none
}

.tippy-box[data-theme~=sybbex][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #191919;
    display: none
}

.countdown {
    display: flex;
    justify-content: space-between
}

.countdown__block {
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    border: solid 1px #DDE1E9;
    margin: 0 4px;
    max-width: 80px;
    overflow: hidden
}

@media (max-width: 480px) {
    .countdown__block {
        max-width: 60px
    }
}

.countdown__block__transparent .countdown__block__item {
    color: #979fad
}

.countdown__block__items {
    display: flex
}

.countdown__block__item {
    background-image: linear-gradient(to bottom, #FFF 50%, #F5F8FA 52%);
    font-size: 54px;
    color: #121212;
    width: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: solid 1px #DDE1E9
}

@media (max-width: 480px) {
    .countdown__block__item {
        width: 30px;
        font-size: 30px
    }
}

.countdown__block__item:last-child {
    border-right: 0
}

.countdown__block__title {
    width: 100%;
    background-color: #dde1e9;
    font-size: 12px;
    text-align: center;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #121212;
    max-width: 80px
}

.dark-theme .wrapper_cab {
    background-color: #121212
}

.dark-theme .highcharts-grid-line,
.dark-theme .highcharts-axis-line {
    stroke: #121212 !important
}

.dark-theme .highcharts-axis-labels text {
    color: #babfcd !important
}

.dark-theme .footer {
    background-color: #121212
}

.dark-theme .footer-copy {
    color: #babfcd
}

.dark-theme .footer-soc__item:hover,
.dark-theme .footer-soc__item.active {
    background-color: #2b2b2b
}

.dark-theme .footer-soc__item:hover svg,
.dark-theme .footer-soc__item.active svg {
    fill: #fff
}

.dark-theme .footer-soc__item svg {
    fill: #7d7d7d
}

.dark-theme .footer-soc__item p {
    color: #fff
}

.dark-theme .pag__text {
    color: #a9aab3
}

.dark-theme .pag__nav,
.dark-theme .pag__arrow {
    background-color: #313131
}

.dark-theme .pag__arrow:hover svg {
    fill: #0059f3
}

.dark-theme .pag__arrow svg {
    fill: #a9aab3
}

.dark-theme .pag__num ::placeholder {
    color: #a9aab3
}

.dark-theme .pag__num input {
    background-color: #2b2b2b;
    border-color: #121212;
    color: #fff
}

.dark-theme .pag__num input:focus {
    background-color: #393939;
    border-color: #393939;
    box-shadow: 0 8px 24px #0000004d
}

.dark-theme .plan {
    background-color: #2b2b2b;
    box-shadow: 0 8px 16px #00000040
}

.dark-theme .plan-title,
.dark-theme .plan-range__title {
    color: #fff
}

.dark-theme .plan-chart {
    border-right-color: #121212
}

.dark-theme .plan-chart:after,
.dark-theme .plan-chart:before {
    color: #a9aab3
}

.dark-theme .plan-chart__title {
    color: #fff
}

.dark-theme .plan-info__item h3 {
    color: #a9aab3
}

.dark-theme .plan-info__item p {
    color: #fff
}

.dark-theme .flatpickr-calendar {
    background-color: #393939;
    box-shadow: 0 8px 24px #0000004d
}

@media (max-width: 767px) {
    .dark-theme .flatpickr-calendar {
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%)
    }
}

.dark-theme .flatpickr-month {
    background-color: #393939
}

.dark-theme .flatpickr-current-month .cur-month {
    color: #fff;
    background: transparent !important
}

.dark-theme .flatpickr-current-month input.cur-year {
    color: #fff
}

.dark-theme .flatpickr-weekday {
    background-color: #393939 !important;
    color: #a9aab3 !important
}

.dark-theme .flatpickr-day {
    color: #fff
}

.dark-theme .flatpickr-day:hover {
    border-color: #2b2b2b !important;
    background-color: #2b2b2b !important;
    color: #fff !important
}

.dark-theme .flatpickr-day.inRange {
    background-color: #2b2b2b;
    border-color: #2b2b2b
}

.dark-theme .flatpickr-months {
    border-bottom-color: #121212
}

.dark-theme .flatpickr-months .flatpickr-next-month svg,
.dark-theme .flatpickr-months .flatpickr-prev-month svg {
    fill: #a9aab3 !important
}

.dark-theme .flatpickr-months .flatpickr-next-month svg:hover,
.dark-theme .flatpickr-months .flatpickr-prev-month svg:hover {
    fill: #0059f3 !important
}

.dark-theme .flatpickr-monthSelect-month {
    color: #fff;
    border: none;
    transition: all .3s ease;
    width: calc(33.3333333333% - 1px)
}

.dark-theme .flatpickr-monthSelect-month:hover {
    background-color: #2b2b2b
}

.dark-theme .flatpickr-monthSelect-month.today {
    color: #fff !important;
    border-color: transparent !important
}

.dark-theme .flatpickr-monthSelect-month.today:hover {
    background-color: #2b2b2b
}

.dark-theme .flatpickr-monthSelect-month.selected {
    border-color: #0059f3 !important;
    background-color: #0059f3 !important;
    color: #fff !important
}

.dark-theme .flatpickr-monthSelect-month.flatpickr-disabled {
    color: #7d7d7d;
    border-color: transparent;
    background-color: transparent
}

.dark-theme .cab-head {
    background-image: url(assets/img/dark-theme/cab-head-bg.webp)
}

.dark-theme .cab-head .header-nav {
    background-color: #2b2b2b
}

.dark-theme .cab-head__nav .header-lang__btn {
    color: #a9aab3
}

.dark-theme .cab-head__nav .header-lang__btn>svg {
    fill: #a9aab3
}

.dark-theme .cab-head__nav .header-lang__btn:hover {
    color: #fff
}

.dark-theme .cab-head__nav .header-lang__btn:hover>svg {
    fill: #fff
}

.dark-theme .cab-head__nav .header-lang__drop {
    background-color: #393939;
    box-shadow: 0 8px 24px #0000004d
}

.dark-theme .cab-head__nav .header-lang__drop>h3 {
    color: #fff
}

.dark-theme .cab-head__nav .header-lang__list a {
    color: #a9aab3
}

.dark-theme .cab-head__nav .header-lang__list a:hover {
    border-color: #191919
}

.dark-theme .cab-head__nav .header-lang__list a.active {
    border-color: #2b2b2b;
    background-color: #2b2b2b;
    color: #fff
}

.dark-theme .cab-head__nav .header-lang.active .header-lang__btn {
    color: #fff
}

.dark-theme .cab-head__nav .header-lang.active .header-lang__btn>svg {
    fill: #fff
}

.dark-theme .cab-theme-btn {
    background-color: #2b2b2b
}

.dark-theme .cab-theme-btn__item:first-child {
    background-color: transparent
}

@media (max-width: 767px) {
    .dark-theme .cab-theme-btn__item:first-child {
        display: none
    }
}

.dark-theme .cab-theme-btn__item:first-child svg {
    fill: #a9aab3
}

.dark-theme .cab-theme-btn__item:last-child {
    background-color: #dbe9ff
}

@media (max-width: 767px) {
    .dark-theme .cab-theme-btn__item:last-child {
        display: flex
    }
}

.dark-theme .cab-theme-btn__item:last-child svg {
    fill: #2b2b2b
}

.dark-theme .cab-notify__btn {
    background-color: #2b2b2b
}

.dark-theme .cab-notify__btn span {
    color: #a9aab3
}

.dark-theme .cab-notify__btn svg {
    fill: #a9aab3
}

.dark-theme .cab-notify__btn.active,
.dark-theme .cab-notify__btn:hover {
    background-color: #393939
}

.dark-theme .cab-notify__btn.active span,
.dark-theme .cab-notify__btn:hover span {
    color: #fff
}

.dark-theme .cab-notify__btn.active svg,
.dark-theme .cab-notify__btn:hover svg {
    fill: #0059f3
}

.dark-theme .cab-notify__drop {
    background-color: #393939;
    box-shadow: 0 8px 24px #0000004d
}

.dark-theme .cab-notify__title {
    color: #fff
}

.dark-theme .cab-notify__head {
    border-bottom-color: #121212
}

.dark-theme .cab-notify__nav-btn svg {
    fill: #a9aab3
}

.dark-theme .cab-notify__nav-btn.active svg {
    fill: #0059f3
}

.dark-theme .cab-notify__item:hover {
    background-color: #2b2b2b
}

.dark-theme .cab-notify__item>p {
    color: #7d7d7d
}

.dark-theme .cab-notify__item-head h3,
.dark-theme .cab-notify__item-head p {
    color: #7d7d7d
}

.dark-theme .cab-notify__item-icon {
    border-color: #191919
}

.dark-theme .cab-notify__item-icon.orange svg {
    fill: #babfcd
}

.dark-theme .cab-notify__item-icon.red svg {
    fill: #e64444
}

.dark-theme .cab-notify__item-icon.blue svg {
    fill: #0059f3
}

.dark-theme .cab-notify__item.active>p {
    color: #a9aab3
}

.dark-theme .cab-notify__item.active .cab-notify__item-icon {
    background-color: #191919
}

.dark-theme .cab-notify__item.active .cab-notify__item-head h3 {
    color: #fff
}

.dark-theme .cab-notify__item.new>p {
    color: #a9aab3
}

.dark-theme .cab-notify__item.new .cab-notify__item-head h3 {
    color: #fff
}

.dark-theme .cab-hero .header-hero__drop {
    background-color: #393939;
    box-shadow: 0 8px 24px #0000004d
}

.dark-theme .cab-hero .header-hero__drop a {
    color: #a9aab3
}

.dark-theme .cab-hero .header-hero__drop a:hover,
.dark-theme .cab-hero .header-hero__drop a.active {
    background-color: #2b2b2b;
    color: #fff
}

.dark-theme .cab-hero .header-hero__drop a:hover svg,
.dark-theme .cab-hero .header-hero__drop a.active svg {
    fill: #babfcd
}

.dark-theme .cab-hero .header-hero__drop a svg {
    fill: #7d7d7d
}

.dark-theme .cab-side {
    background-image: linear-gradient(to bottom, #252525, #191919 77%, #2B2B2B 100%)
}

.dark-theme .cab-side:before {
    background-image: url(assets/img/dark-theme/cab-side-bg-1.webp)
}

.dark-theme .cab-bal__title {
    color: #a9aab3
}

.dark-theme .cab-bal__sum {
    color: #fff
}

.dark-theme .cab-bal__cur {
    background-color: #2b2b2b
}

.dark-theme .cab-bal__cur-item>h3 {
    color: #a9aab3
}

.dark-theme .cab-bal__cur-item>p {
    color: #fff
}

.dark-theme .cab-bal__cur-icon {
    background-color: #121212
}

.dark-theme .cab-bal__cur-icon svg {
    fill: #fff
}

.dark-theme .cab-bal__cur-links {
    background-color: #191919
}

.dark-theme .cab-bal__cur-links a {
    color: #fff
}

.dark-theme .cab-bal__cur-links a:hover {
    color: #0059f3
}

.dark-theme .cab-bal__total-item {
    border-right-color: #393939
}

.dark-theme .cab-bal__total-item h3 {
    color: #a9aab3
}

.dark-theme .cab-bal__total-item p {
    color: #fff
}

.dark-theme .cab-menu {
    background-color: #2b2b2b;
    box-shadow: 0 8px 16px #00000040
}

.dark-theme .cab-menu__title {
    color: #fff
}

.dark-theme .cab-menu__item {
    color: #babfcd
}

.dark-theme .cab-menu__item>svg {
    fill: #fff
}

.dark-theme .cab-menu__item:hover,
.dark-theme .cab-menu__item.active {
    background-color: #15362c;
    color: #fffcfc;
}

.dark-theme .cab-menu__item:hover>span,
.dark-theme .cab-menu__item.active>span {
    background-color: #fff;
    color: #0059f3
}

.dark-theme .cab-menu__icon svg {
    fill: #7d7d7d
}

.dark-theme .cab-miss__item {
    background-color: #191919
}

.dark-theme .cab-miss__text {
    color: #fff
}

.dark-theme .cab-user {
    background-color: #2b2b2b
}

.dark-theme .cab-user__name {
    color: #fff
}

.dark-theme .cab-user__info-text {
    color: #a9aab3
}

.dark-theme .cab-user__info-text span {
    color: #fff
}

.dark-theme .cab-user__col {
    border-right-color: #121212
}

.dark-theme .cab-user__upline {
    border-color: #7d7d7d
}

.dark-theme .cab-user__upline:hover {
    background-color: #393939;
    box-shadow: 0 6px 14px #0000001a;
    border-color: #393939
}

.dark-theme .cab-user__upline>p {
    color: #fff
}

.dark-theme .cab-user__upline .cab-tip__btn svg {
    fill: #0059f3
}

.dark-theme .cab-user__upline-drop {
    background-color: #393939
}

.dark-theme .cab-user__upline-drop>h3 {
    color: #fff
}

.dark-theme .cab-user__upline-drop>p {
    color: #a9aab3
}

.dark-theme .cab-user__upline-drop>p span {
    color: #fff
}

.dark-theme .cab-user__upline-drop .footer-soc__item:hover {
    background-color: #121212
}

.dark-theme .cab-user__upline-drop .footer-soc__item:hover svg {
    fill: #fff
}

.dark-theme .cab-user__upline-drop .footer-soc__item svg {
    fill: #7d7d7d
}

.dark-theme .cab-user__link {
    background-color: #191919;
    color: #fff
}

.dark-theme .cab-user__link:hover {
    background-color: #0059f3
}

.dark-theme .cab-user__vol p {
    color: #a9aab3
}

.dark-theme .cab-user__vol p span {
    color: #fff
}

.dark-theme .cab-user__bot {
    background-color: #191919
}

.dark-theme .cab-user__lvl-head p {
    color: #fff
}

.dark-theme .cab-user__lvl-bar {
    background-color: #2b2b2b
}

.dark-theme .cab-user__lvl-footer p {
    color: #a9aab3
}

.dark-theme .cab-open {
    background-color: #2b2b2b;
    box-shadow: 0 8px 16px #00000008
}

.dark-theme .cab-open__num,
.dark-theme .cab-open__name {
    color: #fff
}

.dark-theme .cab-open__status {
    color: #a9aab3
}

.dark-theme .cab-open__date {
    color: #fff
}

.dark-theme .cab-open__info-item {
    border-bottom-color: #121212
}

.dark-theme .cab-open__info-item h3 {
    color: #a9aab3
}

.dark-theme .cab-open__info-item p {
    color: #fff
}

.dark-theme .cab-open__val h3 {
    color: #a9aab3
}

.dark-theme .cab-open__val p {
    color: #fff
}

.dark-theme .cab-income {
    background-color: #2b2b2b;
    box-shadow: 0 8px 16px #00000040
}

.dark-theme .cab-income__title {
    color: #fff
}

.dark-theme .cab-income__filter>h3 {
    color: #a9aab3
}

.dark-theme .cab-income__info-item {
    color: #babfcd
}

.dark-theme .cab-income__info-item span {
    color: #fff
}

.dark-theme .cab-calendar ::placeholder {
    color: #fff
}

.dark-theme .cab-calendar>svg {
    fill: #babfcd
}

.dark-theme .cab-calendar input {
    background-color: #2b2b2b;
    border-color: #7d7d7d;
    color: #fff
}

.dark-theme .cab-calendar input:focus {
    background-color: #393939;
    border-color: #393939;
    box-shadow: 0 6px 14px #0000001a
}

.dark-theme .cab-box {
    background-color: #2b2b2b;
    box-shadow: 0 8px 16px #00000008
}

.dark-theme .cab-box__title,
.dark-theme .cab-box__more {
    color: #fff
}

.dark-theme .cab-box__more:hover {
    color: #0059f3
}

.dark-theme .cab-box__more:hover svg {
    fill: #0059f3
}

.dark-theme .cab-box__more svg {
    fill: #fff
}

.dark-theme .cab-box__mob-title {
    color: #a9aab3
}

.dark-theme .cab-box__wrap {
    background-color: #191919
}

.dark-theme .cab-box__wrap_tr {
    background-color: #2b2b2b;
    border-color: #7d7d7d
}

.dark-theme .cab-box__wrap.load .cab-copy:after {
    background-image: linear-gradient(to left, #2B2B2B, #393939 40%, #2B2B2B 60%)
}

.dark-theme .cab-box__wrap.load .cab-input__text:after {
    background-image: linear-gradient(to left, #2B2B2B, #393939 40%, #2B2B2B 60%)
}

.dark-theme .cab-box__wrap.load .cab-qr:after {
    background-image: linear-gradient(to left, #2B2B2B, #393939 40%, #2B2B2B 60%)
}

.dark-theme .cab-subtitle {
    color: #fff
}

.dark-theme .cab-table table tbody tr:after {
    background-color: #191919
}

.dark-theme .cab-table table td {
    border-bottom-color: #121212
}

.dark-theme .cab-table table tr.disabled .cab-table__operation-icon {
    border-color: #191919
}

.dark-theme .cab-table__title {
    color: #a9aab3
}

.dark-theme .cab-table__text-1,
.dark-theme .cab-table__text-2 {
    color: #fff
}

.dark-theme .cab-table__text-3 {
    color: #babfcd
}

.dark-theme .cab-table__cont>a {
    color: #0059f3
}

.dark-theme .cab-table__cont>a:hover {
    color: #0180f0
}

.dark-theme .cab-table__operation-icon {
    background-color: #191919
}

.dark-theme .cab-table__chat {
    border-color: #191919;
    background-color: transparent
}

.dark-theme .cab-table__chat:hover {
    background-color: #393939;
    box-shadow: 0 8px 24px #0000004d
}

.dark-theme .cab-table__chat:hover svg {
    fill: #fff
}

.dark-theme .cab-table-mob__item {
    border-bottom-color: #121212
}

.dark-theme .cab-table-mob__item:after {
    background-color: #121212
}

.dark-theme .cab-table-mob__item.active .cab-table-mob__arrow {
    background-color: #2b2b2b;
    border-color: #2b2b2b
}

.dark-theme .cab-table-mob__item.active .cab-table-mob__arrow svg {
    fill: #fff
}

.dark-theme .cab-table-mob__arrow {
    border-color: #121212
}

.dark-theme .cab-table-mob__arrow svg {
    fill: #fff
}

.dark-theme .cab-title {
    color: #fff
}

.dark-theme .cab-chat {
    background-color: #2b2b2b;
    box-shadow: 0 8px 16px #00000008
}

.dark-theme .cab-chat__side {
    background-color: #191919;
    border-right-color: #393939
}

.dark-theme .cab-chat__side-top,
.dark-theme .cab-chat__side-list {
    border-bottom-color: #393939
}

.dark-theme .cab-chat__side-title {
    color: #a9aab3
}

.dark-theme .cab-chat__item:hover,
.dark-theme .cab-chat__item.active {
    background-color: #2b2b2b
}

.dark-theme .cab-chat__item-head h3 {
    color: #fff
}

.dark-theme .cab-chat__item-head p {
    color: #7d7d7d
}

.dark-theme .cab-chat__item-content p {
    color: #a9aab3
}

.dark-theme .cab-chat__head {
    background-color: #191919;
    border-bottom-color: #393939
}

.dark-theme .cab-chat__head .cab-table__hero h3 {
    color: #fff
}

.dark-theme .cab-chat__head .cab-table__hero p {
    color: #a9aab3
}

.dark-theme .cab-chat__head-soc {
    background-color: #191919;
    box-shadow: 0 6px 14px #0006
}

.dark-theme .cab-chat__head-title {
    color: #fff
}

.dark-theme .cab-chat__head-title svg {
    fill: #7d7d7d
}

.dark-theme .cab-chat__footer {
    background-color: #191919;
    border-top-color: #393939
}

.dark-theme .cab-chat__input {
    background-color: transparent;
    border-color: #7d7d7d
}

.dark-theme .cab-chat__input ::placeholder {
    color: #7d7d7d
}

.dark-theme .cab-chat__input textarea {
    color: #fff
}

.dark-theme .cab-chat__input:focus-within {
    background-color: #2b2b2b;
    border-color: #2b2b2b
}

.dark-theme .cab-search ::placeholder {
    color: #a9aab3
}

.dark-theme .cab-search input {
    background-color: transparent;
    border-color: #7d7d7d;
    color: #fff
}

.dark-theme .cab-search input:focus {
    background-color: #393939;
    border-color: #393939;
    box-shadow: 0 6px 14px #0000001a
}

.dark-theme .cab-search button:hover svg {
    fill: #fff
}

.dark-theme .cab-search button svg {
    fill: #a9aab3
}

.dark-theme .cab-tip__btn:hover svg {
    fill: #0059f3
}

.dark-theme .cab-tip__btn svg {
    fill: #babfcd
}

.dark-theme .cab-select>svg {
    fill: #a9aab3
}

.dark-theme .cab-select__btn {
    border-color: #7d7d7d;
    background-color: transparent
}

.dark-theme .cab-select__btn-left h3 {
    color: #fff
}

.dark-theme .cab-select__btn-right {
    color: #a9aab3
}

.dark-theme .cab-select__drop {
    background-color: #393939
}

.dark-theme .cab-select__item.active,
.dark-theme .cab-select__item:hover {
    background-color: #2b2b2b
}

.dark-theme .cab-dep__item {
    border-color: #191919;
    background-color: #191919
}

.dark-theme .cab-dep__item .cab-open__info {
    background-color: #2b2b2b
}

.dark-theme .cab-dep__item.closed {
    border-color: #7d7d7d;
    background-color: #2b2b2b
}

.dark-theme .cab-dep__item.closed .cab-open__info {
    background-color: #191919
}

.dark-theme .cab-dep__item.closed .cab-dep__arrow {
    border-color: #191919
}

.dark-theme .cab-dep__item.closed .cab-open__stat {
    background: linear-gradient(180deg, #191919 0%, #191919 50%, #393939 50%, #393939 100%)
}

.dark-theme .cab-dep__item.closed .cab-open__stat-bot h3 {
    color: #a9aab3
}

.dark-theme .cab-dep__item.closed .cab-open__stat-bot p {
    color: #fff
}

.dark-theme .cab-dep__item.active .cab-dep__arrow {
    background-color: #393939;
    border-color: #393939;
    box-shadow: 0 8px 24px #0000004d
}

.dark-theme .cab-dep__item.active .cab-dep__arrow svg {
    fill: #fff
}

.dark-theme .cab-dep__arrow {
    border-color: #2b2b2b;
    background-color: #2b2b2b
}

.dark-theme .cab-dep__arrow svg {
    fill: #a9aab3
}

.dark-theme .cab-cert,
.dark-theme .cab-news__content {
    background-color: #191919
}

.dark-theme .cab-news__content>h3 {
    color: #fff
}

.dark-theme .cab-cur {
    background-color: #2b2b2b
}

.dark-theme .cab-cur__icon {
    background-color: #191919;
    box-shadow: 0 0 4px #12121230
}

.dark-theme .cab-cur__icon svg {
    fill: #fff
}

.dark-theme .cab-cur__item h3 {
    color: #fff
}

.dark-theme .cab-cur__item p {
    color: #a9aab3
}

.dark-theme .cab-cur__item.active,
.dark-theme .cab-cur__item:hover {
    background-color: #0059f3
}

.dark-theme .cab-cur__item.active p,
.dark-theme .cab-cur__item:hover p {
    color: #fff
}

.dark-theme .cab-cur__item.active .cab-cur__icon,
.dark-theme .cab-cur__item:hover .cab-cur__icon {
    background-color: #f8fcff
}

.dark-theme .cab-cur__item.active .cab-cur__icon svg,
.dark-theme .cab-cur__item:hover .cab-cur__icon svg {
    fill: #121212
}

.dark-theme .cab-cur__change {
    background-color: #2b2b2b;
    border-color: #121212
}

.dark-theme .cab-input {
    border-color: #7d7d7d;
    background-color: transparent
}

.dark-theme .cab-input:focus-within {
    background-color: #393939;
    border-color: #393939;
    box-shadow: 0 6px 14px #0000001a
}

.dark-theme .cab-input ::placeholder {
    color: #a9aab3
}

.dark-theme .cab-input input,
.dark-theme .cab-input textarea {
    color: #fff
}

.dark-theme .cab-input span,
.dark-theme .cab-input__title {
    color: #a9aab3
}

.dark-theme .cab-input__plus:after,
.dark-theme .cab-input__plus:before {
    background-color: #a9aab3
}

.dark-theme .cab-input__text {
    color: #a9aab3
}

.dark-theme .cab-input__text span {
    color: #fff
}

.dark-theme .cab-input.success {
    border-color: #82af76
}

.dark-theme .cab-input.success:focus-within {
    border-color: #fff
}

.dark-theme .cab-input.error {
    border-color: #e64444
}

.dark-theme .cab-input.error:focus-within {
    border-color: #fff
}

.dark-theme .cab-input.error button {
    color: #a9aab3;
    pointer-events: none
}

.dark-theme .cab-input.disabled {
    background-color: #2b2b2b;
    pointer-events: none;
    border-color: #2b2b2b
}

.dark-theme .cab-invest {
    background-color: #191919
}

.dark-theme .cab-invest .invest-calc__category {
    background-color: #2b2b2b
}

.dark-theme .cab-invest .invest-calc__category label input:checked+span {
    background-color: #0059f3;
    color: #fff
}

.dark-theme .cab-invest .invest-calc__category label input:checked+span:hover {
    color: #fff
}

.dark-theme .cab-invest .invest-calc__category label span {
    color: #fff
}

.dark-theme .cab-invest .invest-calc__category label span:hover {
    color: #0059f3
}

.dark-theme .cab-ref-stat__info-item {
    color: #a9aab3
}

.dark-theme .cab-ref-stat__info-item span {
    color: #fff
}

.dark-theme .cab-wallet {
    color: #babfcd
}

.dark-theme .cab-set__links {
    background-color: #191919
}

.dark-theme .cab-set__links a {
    color: #fff
}

.dark-theme .cab-set__links a:hover {
    color: #0059f3
}

.dark-theme .cab-set__links a.active,
.dark-theme .cab-set__hero h3 {
    color: #fff
}

.dark-theme .cab-set__hero p {
    color: #a9aab3
}

.dark-theme .cab-set__check-text {
    color: #fff
}

.dark-theme .cab-set__cur-item {
    background-color: #191919
}

.dark-theme .cab-set__cur-item.active .cab-set__cur-arrow {
    box-shadow: 0 8px 24px #0000004d
}

.dark-theme .cab-set__cur-item.active .cab-set__cur-arrow svg {
    fill: #fff
}

.dark-theme .cab-set__cur-title {
    color: #fff
}

.dark-theme .cab-set__cur-title svg {
    fill: #a9aab3
}

.dark-theme .cab-set__cur-arrow {
    background-color: #2b2b2b
}

.dark-theme .cab-set__cur-arrow svg {
    fill: #fff
}

.dark-theme .cab-copy {
    border-color: #7d7d7d;
    background-color: transparent
}

.dark-theme .cab-copy p {
    color: #fff
}

.dark-theme .cab-copy__btn:hover svg {
    fill: #fff
}

.dark-theme .cab-copy__btn svg {
    fill: #a9aab3
}

.dark-theme .cab-copy.active {
    background-color: #393939;
    border-color: #393939;
    box-shadow: 0 6px 14px #0000001a
}

.dark-theme .cab-copy.active .cab-copy__btn:hover svg {
    fill: #0059f3
}

.dark-theme .cab-copy.active .cab-copy__btn svg {
    fill: #7d7d7d
}

.dark-theme .cab-tickets__links a {
    color: #a9aab3
}

.dark-theme .cab-tickets__links a:hover,
.dark-theme .cab-tickets__links a.active {
    color: #0059f3
}

.dark-theme .cab-tickets__form-box {
    background-color: #191919
}

.dark-theme .cab-tickets__form-top {
    border-bottom-color: #393939
}

@media (max-width: 575px) {
    .dark-theme .cab-modal {
        background-color: #121212
    }
}

.dark-theme .cab-modal .cab-box__wrap {
    background-color: #2b2b2b
}

.dark-theme .cab-modal__wrap {
    background-color: #121212
}

.dark-theme .cab-modal__close:hover svg {
    fill: #0059f3
}

.dark-theme .cab-modal__close svg {
    fill: #a9aab3
}

.dark-theme .cab-modal__step-head p {
    color: #fff
}

.dark-theme .cab-modal__step-head p:last-child {
    color: #7d7d7d
}

.dark-theme .cab-modal__step_2 .cab-modal__step-head p {
    color: #7d7d7d
}

.dark-theme .cab-modal__step_2 .cab-modal__step-head p:last-child {
    color: #fff
}

.dark-theme .cab-modal__cur p {
    color: #fff
}

.dark-theme .cab-modal__cur p span {
    color: #a9aab3
}

.dark-theme .cab-modal__hero {
    background-color: #282b36
}

.dark-theme .cab-modal__hero .footer-soc__item:hover {
    background-color: #191919
}

.dark-theme .cab-modal__hero .footer-soc__item:hover svg {
    fill: #fff
}

.dark-theme .cab-modal__hero .footer-soc__item svg {
    fill: #7d7d7d
}

.dark-theme .cab-modal__hero-name {
    color: #fff
}

.dark-theme .cab-modal__hero-info__item h3 {
    color: #a9aab3
}

.dark-theme .cab-modal__hero-info__item p {
    color: #fff
}

.dark-theme .cab-modal__hero-box {
    background-color: #121212
}

.dark-theme .cab-modal__hero-box-info__item h3 {
    color: #a9aab3
}

.dark-theme .cab-modal__hero-box-info__item p {
    color: #fff
}

.dark-theme .cab-modal__hero-volume {
    border-color: #121212
}

.dark-theme .cab-modal__hero-volume .title {
    color: #a9aab3
}

.dark-theme .cab-modal__hero-volume .value {
    color: #fff
}

.dark-theme .cab-modal__sponsor {
    background-color: #2b2b2b
}

.dark-theme .cab-modal__sponsor-title {
    color: #fff
}

.dark-theme .cab-modal__sponsor .footer-soc__item:hover {
    background-color: #191919
}

.dark-theme .cab-modal__sponsor .footer-soc__item:hover svg {
    fill: #fff
}

.dark-theme .cab-modal__sponsor .footer-soc__item svg {
    fill: #979fad
}

.dark-theme .cab-modal__timer {
    background-color: #121212
}

.dark-theme .cab-modal__timer__content__title {
    color: #fff
}

.dark-theme .cab-network__icon {
    background-color: #191919;
    border-color: #191919 !important;
    box-shadow: 0 0 4px #12121230
}

.dark-theme .cab-network__icon svg {
    fill: #fff
}

.dark-theme .cab-network__item {
    color: #fff
}

.dark-theme .cab-show-code__btn:after {
    border-right-color: #2b2b2b
}

.dark-theme .cab-coin-dash__col {
    border-color: #121212
}

.dark-theme .cab-coin-dash__price,
.dark-theme .cab-coin-dash__change-title {
    color: #fff
}

.dark-theme .cab-coin-dash__change-item {
    color: #a9aab3
}

.dark-theme .cab-coin-dash__change-item span,
.dark-theme .cab-coin-dash__token-title {
    color: #fff
}

.dark-theme .cab-coin-dash__token-item {
    border-color: #121212
}

.dark-theme .cab-coin-dash__token-item p {
    color: #a9aab3
}

.dark-theme .cab-coin-dash__token-item b {
    color: #fff
}

.dark-theme .cab-coin-chart__filter-title {
    color: #a9aab3
}

.dark-theme .cab-coin-chart__filter-radios {
    background: #121212
}

.dark-theme .cab-coin-chart__filter-radio,
.dark-theme .m-text h3 {
    color: #fff
}

.dark-theme .m-text p {
    color: #a9aab3
}

.dark-theme .countdown__block {
    border: none
}

.dark-theme .countdown__block__title {
    background-color: #2b2b2b;
    color: #a9aab3
}

.dark-theme .countdown__block__item {
    border-right-color: #2b2b2b
}

.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
}

.ng-component {
    display: block;
    width: 100%
}

.w100p {
    width: 100%
}

.d-contents {
    display: contents
}

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 {
    border-color: #ff8080;
    color: #ff8080
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cab-input input::placeholder,
.cab-input textarea::placeholder {
    opacity: .5
}

.cab-input.error {
    border-color: #ff5e5e
}

.cab-input.error input,
.cab-input.error textarea {
    border: none;
    color: #ff5e5e
}

.cab-input.error svg {
    fill: #ff5e5e !important
}

.cab-input_text textarea {
    line-height: 1.5
}

.dark-theme .cab-dep__item.highlight {
    border-color: #ff0
}

.dark-theme .delay-spinner {
    background-image: linear-gradient(#FFF 50px, transparent 0), linear-gradient(#FFF 50px, transparent 0), linear-gradient(#FFF 50px, transparent 0), linear-gradient(#FFF 50px, transparent 0), linear-gradient(#FFF 50px, transparent 0), linear-gradient(#FFF 50px, transparent 0)
}

.dark-theme .feed-empty p,
.dark-theme .cab-income__loading {
    color: #fff
}

.dark-theme .cab-chat__hr {
    border-color: #393939
}

.header:after {
    display: none
}

.header-top:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 231px;
    height: 231px;
    background-image: url(assets/img/header-angle.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    z-index: -1;
    pointer-events: none
}

@media (max-width: 1500px) {
    .header-top:after {
        display: none
    }
}

.header-lang.active .header-lang__drop {
    display: block
}

.terms .m-text h1,
.terms .m-text h2 {
    margin: 30px 0
}

.terms .m-text h1:first-child,
.terms .m-text h2:first-child {
    margin-top: 0
}

.terms .m-text h1 {
    font-weight: 500;
    font-size: 30px;
    color: #121212
}

.terms .m-text ul {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .invest-plans {
        margin-bottom: 40px
    }
}

.invest-calc__category label.active span {
    background-color: #fff;
    box-shadow: 0 0 4px #12121230;
    color: #121212
}

.feedback-form input::placeholder,
.feedback-form textarea::placeholder,
.sign input::placeholder,
.sign textarea::placeholder {
    color: #fff !important;
    opacity: .5
}

.faq-item {
    margin-bottom: 10px
}

.faq-item:last-child {
    margin-bottom: 0
}

.sign-pin input {
    margin-right: 8px
}

.sign-pin input:last-child {
    margin-right: 0
}

@media (max-width: 480px) {
    .sign-pin input {
        margin-right: 5px
    }
}

.cab-menu:last-child {
    margin-bottom: 28px
}

account-balance-item {
    display: block;
    margin-bottom: 14px
}

account-balance-item:last-child {
    margin-bottom: 0
}

account-swap-currency-item {
    display: block;
    width: 100%;
    margin-bottom: 14px
}

account-swap-currency-item:last-child {
    margin-bottom: 0
}

account-no-result {
    display: block
}

account-referral-contacts {
    display: block;
    width: 100%
}

account-settings-password-form {
    display: block;
    margin-bottom: 25px
}

account-settings-wallet-form {
    display: block;
    width: 100%;
    margin-bottom: 25px
}

account-settings-wallet-form:last-child {
    margin-bottom: 0
}

.cab-income__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 294.16px;
    color: #121212;
    margin-bottom: 22px
}

.cab-select--static .cab-select__btn {
    padding-right: 16px
}

.cab-dep__item {
    border-width: 3px
}

.cab-dep__item.highlight {
    border-color: #2453bb
}

.negative p {
    color: red
}

qr-code {
    display: block;
    width: 100%
}

.cab-modal .cab-qr {
    max-width: 150px
}

.cab-chat__btn:disabled {
    pointer-events: none;
    background-color: #7d7d7d
}

.cab-chat__btn:disabled svg {
    fill: #fff
}

.cab-chat__input textarea {
    line-height: 1.5;
    transition: none !important
}

.cab-chat__side-title {
    margin-bottom: 10px
}

.cab-chat__hr {
    display: block;
    height: 1px;
    border-bottom: 1px solid #D1D5DE;
    margin: 0 -20px 15px
}

.cab-box__wrap.load .cab-qr {
    max-width: 150px;
    height: 150px
}

.cab-box__wrap.load .cab-input__text {
    height: 16px
}

.invest-calc__cur label.active span {
    background-color: #dbe9ff;
    color: #454c66
}

.cab-invest .invest-calc__category label.active span {
    background-color: #0059f3;
    color: #fff !important
}

.cab-notify__btn {
    margin-right: 10px !important
}

.cab-notify__drop {
    min-height: auto
}

.feed-loader,
.feed-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px
}

@media (max-width: 767px) {
    .feed-loader,
    .feed-empty {
        height: calc(100vh - 160px)
    }
}

account-feed-item {
    width: 100%
}

.cab-table__link {
    color: #0059f3
}

.delay-spinner {
    position: relative;
    width: 85px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#0180F0 50px, transparent 0), linear-gradient(#0180F0 50px, transparent 0), linear-gradient(#0180F0 50px, transparent 0), linear-gradient(#0180F0 50px, transparent 0), linear-gradient(#0180F0 50px, transparent 0), linear-gradient(#0180F0 50px, transparent 0);
    background-position: 0 center, 15px center, 30px center, 45px center, 60px center, 75px center, 90px center;
    animation: rikSpikeRoll .65s linear infinite alternate
}

@keyframes rikSpikeRoll {
    0% {
        background-size: 10px 3px
    }
    16% {
        background-size: 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px, 10px 3px
    }
    33% {
        background-size: 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px
    }
    50% {
        background-size: 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px
    }
    66% {
        background-size: 10px 3px, 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px
    }
    83% {
        background-size: 10px 3px, 10px 3px, 10px 10px, 10px 30px, 10px 50px, 10px 3px
    }
    to {
        background-size: 10px 3px, 10px 3px, 10px 3px, 10px 10px, 10px 30px, 10px 50px
    }
}

.cab-msgs {
    overflow-x: hidden
}

.cab-msgs__item {
    word-break: break-all
}

.flatpickr-calendar.animate.open {
    animation: none !important
}

.cab-user-side .cab-user__ava:after {
    display: none
}

.cab-side:after {
    background-image: none
}

.cab-side .nicescroll-box .wrap {
    padding: 28px
}

.cab-coin-chart__filter-radio {
    margin-right: 3px
}

.cab-coin-chart__filter-radio:last-child {
    margin-right: 0
}

.token-logo {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.token-logo img {
    width: 100%
}

.exchanger-sbxc {
    width: 44px;
    height: 44px
}

.countdown__block__item,
.countdown__block__items {
    width: 100%
}