@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}
@keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(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: scaleX(1)
    }
}
@keyframes rubberBand {
    0% {
        transform: scaleX(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: scaleX(1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}
@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}
@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}
.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}
@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    0% {
        transform: translateZ(0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes wobble {
    0% {
        transform: translateZ(0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: translateZ(0)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
    0%, 11.1%, to {
        transform: translateZ(0)
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello {
    0%, 11.1%, to {
        transform: translateZ(0)
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}
@-webkit-keyframes heartBeat {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
}
@keyframes heartBeat {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
}
.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        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: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        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: scaleX(1)
    }
}
.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-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)
    }
}
@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)
    }
}
.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: translateZ(0)
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-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)
    }
}
@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)
    }
}
.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right 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);
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}
.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}
.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}
.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}
.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}
.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}
@media (prefers-reduced-motion:reduce), (print) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
}
.fade-enter, .fade-leave-to {
    opacity: 0
}
.fade-enter-to, .fade-leave {
    opacity: 1
}
.fade-enter-active {
    transition: 1s
}
.fade-leave-active {
    transition: .5s
}
html {
    box-sizing: border-box;
    font-size: 16px
}
main {
    overflow-x: hidden
}
*, :after, :before {
    box-sizing: border-box
}
a {
    text-decoration: none
}
a.blue-link {
    color: #3c64b1
}
a.blue-link:hover {
    text-decoration: underline
}
:focus, :hover {
    text-decoration: none
}
.close:not(:disabled):not(.disabled):focus, :focus {
    outline: none
}
.collapse:not(.show) {
    display: none
}
body, html {
    width: 100%;
    min-height: 100%
}
body {
    position: relative;
    margin: 0;
/*    font-family: Muli, sans-serif;*/
    font-family: 'Tajawal', sans-serif;
    font-weight: 400;
    background-size: cover;
    line-height: 1.42;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}
@media screen and (max-width:768px) {
    body {
        background-size: 100%;
        background-position: center 0
    }
}
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-resolution:144dpi) {
    body {
        background-size: 80% auto
    }
}
ol, ul {
    margin: 0;
    padding: 0
}
.down {
    color: #ff1f1f
}
.up {
    color: #26c296
}
.maincontent {
    flex: 1 0 auto
}
.page-footer {
    flex: 0 0 auto
}
.red-text {
    color: #f50000
}
.blue-text {
    color: #1943ef
}
.text-bold {
    font-weight: 700;
    word-break: break-word
}
.small-text {
    font-size: 13px
}
.bg-light-blue {
    background-color: #f3f6fa
}
.bg-blue {
    background-color: #1943ef
}
.bg-light-black {
    background-color: #212121
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    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:1200px) {
    .container {
        max-width: 1140px
    }
}
@media(min-width:1400px) {
    .container {
        max-width: 1340px
    }
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}
h1 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 1.1em;
    color: #000;
    font-weight: 700
}
@media screen and (max-width:992px) {
    h1 {
        text-align: center
    }
}
@media screen and (max-width:570px) {
    h1 {
        font-size: 26px
    }
}
h2 {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.4em;
    color: #000;
    font-weight: 700
}
@media screen and (max-width:570px) {
    h2 {
        font-size: 20px;
        text-align: center
    }
}
h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #000
}
@media screen and (max-width:570px) {
    h3 {
        font-size: 16px;
        text-align: center
    }
}
.text-transform-none {
    text-transform: none !important
}
img {
    max-width: 100%;
    height: auto
}
ul {
    margin: 0;
    padding: 0
}
li {
    list-style: none;
    color: #737b7d
}
.list-checked, .list-inline, .list-unstyled {
    padding-right: 0;
    list-style: none
}
.list-checked li {
    padding-right: 30px;
    position: relative;
    color: #73738d
}
.list-checked li:not(:last-of-type) {
    margin-bottom: 20px
}
.list-checked li:before {
    position: absolute;
    content: "\f00c";
    font-family: "FontAwesome";
    right: 0;
    top: 0;
    color: #1943ef
}
.list-dotted {
    padding-left: 0;
    list-style: none
}
.list-dotted li {
    padding-right: 20px;
    position: relative;
    color: #73738d
}
.list-dotted li:not(:last-of-type) {
    margin-bottom: 20px
}
.list-dotted li:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    right: 0;
    top: 7px;
    background-color: #1943ef
}
.list-numbered>li {
    padding: 0 40px 15px 0;
    counter-increment: item-1;
    position: relative
}
.list-numbered>li:before {
    content: counter(item-1);
    font-size: 15px;
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -1px;
    background: #3c64b1;
    text-align: center
}
a {
    transition: .3s
}
a:hover {
    text-decoration: none
}
p {
    margin: 0;
    line-height: 1.4em;
    color: #737b7d
}
p:not(:last-of-type) {
    margin-bottom: 30px
}
.acc-btn-wrap {
    display: flex;
    align-items: center
}
@media screen and (max-width:992px) {
    .acc-btn-wrap {
        justify-content: center
    }
}
@media screen and (max-width:570px) {
    .acc-btn-wrap {
        flex-direction: column
    }
}
.acc-btn-wrap.full-width {
    flex-direction: column;
    margin: 0 auto;
    max-width: 300px
}
.acc-btn-wrap.full-width a {
    width: 100%
}
.acc-btn-wrap.full-width .btn-blue {
    margin-bottom: 15px
}
.acc-btn-wrap.half-width {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 300px
}
.acc-btn-wrap.half-width a {
    width: 48%
}
.padding-section {
    padding: 70px 0
}
@media screen and (max-width:768px) {
    .padding-section {
        padding: 50px 0
    }
}
.padding-bottom-section {
    padding: 0 0 70px
}
@media screen and (max-width:768px) {
    .padding-bottom-section {
        padding: 0 0 50px
    }
}
.light-blue-section {
    background-color: #f3f6fa
}
.white-section {
    background-color: #fff !important
}
.blue-btn_container {
    display: flex
}
button.custom-btn.btn-blue {
    margin: 0
}
@media(max-width:340px) {
    .btn-group {
        flex-direction: column
    }
    a.custom-btn.btn-gray {
        margin-bottom: 15px
    }
}
.btn-blue {
    padding: 10px 24px;
    display: block;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    margin: 0 auto;
    font-weight: 700;
    background-color: #1943ef;
    border: 1px solid #1943ef;
    transition: .3s;
    text-align: center;
    cursor: pointer
}
.btn-blue:focus, .btn-blue:hover {
    color: #1943ef !important
}
.btn-blue:focus, .btn-blue:hover, .btn-white {
    background-color: transparent;
    text-decoration: none
}
.btn-white {
    padding: 10px 24px;
    display: block;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #fff;
    transition: .3s;
    text-align: center;
    cursor: pointer
}
.btn-white:focus, .btn-white:hover {
    border: 1px solid #7b8bd5;
    background-color: transparent;
    color: #7b8bd5 !important;
    text-decoration: none
}
.btn-red {
    padding: 10px 24px;
    display: block;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    background-color: red;
    border: 1px solid red;
    transition: .3s;
    text-align: center
}
.btn-red:focus, .btn-red:hover {
    background-color: transparent;
    color: red !important;
    text-decoration: none
}
.btn-gray {
    padding: 10px 24px;
    display: block;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    background-color: #6c757d;
    border: 1px solid #6c757d;
    transition: .3s;
    text-align: center
}
.btn-gray:focus, .btn-gray:hover {
    color: #6c757d !important
}
.btn-bordered, .btn-gray:focus, .btn-gray:hover {
    background-color: transparent;
    text-decoration: none
}
.btn-bordered {
    padding: 10px 24px;
    display: block;
    color: #1943ef;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #1943ef;
    transition: .3s;
    text-align: center
}
.btn-bordered:focus, .btn-bordered:hover {
    background-color: #1943ef;
    color: #fff;
    text-decoration: none
}
.btn-grey {
    padding: 12px 24px;
    display: block;
    color: #1943ef;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid #dadada;
    transition: .3s;
    text-align: center
}
@media screen and (max-width:570px) {
    .btn-grey {
        padding: 12px 10px
    }
}
.btn-grey:focus, .btn-grey:hover {
    background-color: #1943ef;
    color: #fff;
    text-decoration: none
}
.btn-simple {
    padding: 10px 24px;
    display: block;
    color: #73738d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid #c4c4c4;
    transition: .3s;
    text-align: center
}
.btn-simple:focus, .btn-simple:hover {
    color: #fff;
    background-color: #1943ef;
    border: 1px solid #1943ef;
    text-decoration: none
}
@media(max-width:330px) {
    .btn-simple {
        padding: 5px 15px;
        font-size: 10px
    }
}
.btn-bordered-hover {
    padding: 10px 24px;
    display: block;
    color: #1943ef;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid transparent;
    transition: .3s;
    text-align: center
}
.btn-bordered-hover:focus, .btn-bordered-hover:hover {
    border: 1px solid #1943ef;
    color: #1943ef;
    text-decoration: none
}
.btn-group {
    display: flex;
    width: 100%;
    justify-content: space-between
}
aside {
    height: 100%
}
.sticky-wrap {
    position: relative;
    height: 100%
}
.sticky-content.is_stuck {
    margin-top: 130px
}
@media(max-width:992px) {
    .sticky-content.is_stuck {
        margin-top: 85px
    }
}
.custom-accordion .panel {
    border: 1px solid #eaeaed;
    margin-bottom: 25px;
    box-shadow: 0 1px 6px rgba(60, 100, 177, .3)
}
.custom-accordion .panel-title {
    position: relative;
    display: block
}
.custom-accordion .panel-title a {
    padding: 12px 40px 12px 25px;
    color: #373f41;
    font-size: 16px;
    display: block;
    position: relative
}
.custom-accordion .panel-title i {
    position: absolute;
    top: 15px;
    right: 20px
}
.custom-accordion .panel-body {
    padding: 12px 25px 20px 40px;
    color: #737b7d
}
.btn:focus {
    outline: none
}
.btn:focus, .btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}
.btn-danger {
    color: #fff;
    background-color: #da1924;
    border-color: #da1924;
    font-size: 16px;
    font-weight: 300
}
.btn-danger span {
    font-size: 21px;
    font-weight: 700;
    margin-left: 15px
}
.btn-success {
    color: #fff;
    background-color: #26cd6f;
    border-color: #26cd6f;
    font-size: 16px;
    font-weight: 300
}
.btn-success span {
    font-size: 21px;
    font-weight: 700;
    margin-left: 15px
}
.btn-basic {
    font-size: 14px;
    color: #000;
    background: #eaedf3;
    border-radius: 3px;
    font-weight: 700;
    transition: .3s
}
.btn-basic.selected, .btn-basic:hover {
    color: #fff;
    background-color: #1943ef
}
.accordion-spec .panel:not(:last-of-type) {
    margin-bottom: 20px
}
.accordion-spec .panel-heading {
    display: flex;
    color: #73738d;
    font-size: 16px;
    line-height: 1.4em;
    cursor: pointer
}
.accordion-spec .panel-heading i {
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.accordion-spec .panel-heading span {
    color: #1943ef;
    padding-bottom: 2px;
    border-bottom: 1px dotted #1943ef
}
.accordion-spec .panel-heading:hover span {
    color: #1943ef !important;
    border-bottom: 1px dotted #1943ef !important
}
.accordion-spec .panel-heading:hover svg path {
    fill: #1943ef !important
}
.accordion-spec .panel-heading svg {
    transform: rotate(90deg);
    transition: .3s
}
.accordion-spec .panel-heading svg path {
    fill: #1943ef
}
.accordion-spec .panel-heading.collapsed svg {
    transform: rotate(0deg)
}
.accordion-spec .panel-heading.collapsed svg path {
    fill: #73738d
}
.accordion-spec .panel-heading.collapsed span {
    color: #73738d;
    border-bottom: 1px dotted #73738d
}
@media screen and (max-width:570px) {
    .accordion-spec .panel-heading .panel-cell {
        font-size: 12px
    }
}
.accordion-spec .panel-body {
    background-color: #fff;
    margin-top: 20px;
    box-shadow: 0 1px 10px rgba(60, 100, 177, .3);
    padding: 20px 10px;
    position: relative;
    color: #737b7d
}
.accordion-spec .panel-body:before {
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    position: absolute;
    right: 40px;
    bottom: 100%;
    z-index: 100
}
.panel-cell {
    width: 50%
}
.panel-cell:not(:last-of-type) {
    padding-right: 10px
}
.panel-header {
    display: flex
}
.panel-header h3 {
    color: #333;
    font-size: 23px;
    text-transform: none;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: left
}
table.table-grey {
    border: 1px solid #d3d3d3;
    border-top: none;
    width: 100%;
    border-collapse: separate
}
table.table-grey img {
    max-width: 50px
}
table.table-grey caption {
    background: #f7f7f7;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    text-align: center;
    padding: 20px 0;
    caption-side: top
}
table.table-grey caption h3 {
    display: inline-block;
    margin: auto;
    color: #3c64b1;
    padding: 15px 25px
}
table.table-grey thead tr th {
    background: #f7f7f7;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 700;
    padding: 5px
}
@media screen and (max-width:768px) {
    table.table-grey thead tr th {
        padding: 5px 2px;
        font-size: 10px
    }
}
table.table-grey tr td {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-weight: 300
}
table.table-grey tbody tr td {
    padding: 5px
}
@media screen and (max-width:768px) {
    table.table-grey tbody tr td {
        padding: 5px 2px;
        font-size: 10px
    }
}
table.table-grey tr:nth-child(odd) {
    background: #fff
}
table.table-grey tr:nth-child(2n) {
    background: #fafafa
}
table.table-grey a {
    color: #3c64b1
}
@media screen and (max-width:1200px) {
    table.table-grey .btn {
        font-size: 12px
    }
}
@media screen and (max-width:570px) {
    table.table-grey .btn {
        font-size: 10px
    }
}
table.table-grey.one-row {
    border: 1px solid #d3d3d3
}
table.table-grey.one-row strong {
    font-weight: 700
}
.nav-tabs-chart {
    width: 100%;
    border-bottom: none;
    margin-bottom: 25px
}
.nav-tabs-chart li {
    width: 20%
}
.nav-tabs-chart li.nav-link {
    display: flex;
    text-align: center;
    color: #b9b9c6;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 0;
    border: none;
    background-color: transparent;
    border-radius: 0;
    height: 100%;
    align-items: center;
    justify-content: center
}
@media screen and (max-width:1200px) {
    .nav-tabs-chart li.nav-link {
        font-size: 12px
    }
}
@media screen and (max-width:570px) {
    .nav-tabs-chart li.nav-link {
        font-size: 10px
    }
}
.nav-tabs-chart li.nav-link:hover {
    text-decoration: none
}
.nav-tabs-chart li.nav-link.active {
    box-shadow: inset 0 2px 0 0 #1943ef;
    color: #73738d
}
.pagination {
    text-align: center;
    margin-top: 70px;
    display: flex;
    justify-content: center
}
.pagination li {
    display: inline-block;
    margin: 0 7px
}
.pagination li a {
    display: block;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    color: #000;
    border: 1px solid transparent
}
.pagination li.active a {
    background: #f3f6fa;
    border: 1px solid rgba(100, 204, 227, .3)
}
.zr-toc-content {
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3);
    margin-top: 0 !important;
    margin-bottom: 50px !important
}
.zr-toc-header {
    background-color: #1943ef !important
}
.zr-toc-header a {
    color: #7b8bd5 !important
}
.zr-toc-links {
    padding-left: 20px !important
}
.zr-toc-links li {
    list-style-type: none !important
}
.zr-toc-content ul, .zr-toc-links>li {
    margin-bottom: 0 !important
}
.zr-toc-links>li {
    padding: 0 0 0 20px;
    counter-increment: item-1;
    position: relative
}
.zr-toc-links>li:before {
    content: counter(item-1) "." !important;
    font-size: 15px;
    color: #373f41;
    line-height: 26px;
    position: absolute;
    right: 0;
    top: -1px !important;
    text-align: center
}
.zr-toc-links>li>ul {
    padding-left: 0
}
.zr-toc-links>li>ul>li {
    padding: 0 0 0 35px;
    counter-increment: item-2;
    position: relative
}
.zr-toc-links>li>ul>li:before {
    content: counter(item-1) "."counter(item-2);
    font-size: 15px;
    color: #373f41;
    min-width: 26px;
    position: absolute;
    right: 0;
    top: -1px !important;
    text-align: center;
    padding: 0 3px
}
.zr-toc-links>li>ul>li>ul {
    padding-right: 0
}
.zr-toc-links>li>ul>li>ul>li {
    padding: 0 45px 0 0;
    counter-increment: item-3;
    position: relative
}
.zr-toc-links>li>ul>li>ul>li:before {
    content: counter(item-1) "."counter(item-2) "."counter(item-3);
    font-size: 15px;
    color: #373f41;
    min-width: 26px;
    position: absolute;
    right: 0;
    top: -1px !important;
    text-align: center;
    padding: 0 3px
}
#button-up {
    display: none;
    border-radius: 3px;
    color: #fff !important;
    line-height: 20px;
    transition: background .5s ease-in-out;
    background: #1943ef;
    width: 40px;
    height: 40px;
    z-index: 100;
    position: fixed;
    left: 10px;
    bottom: 135px;
    z-index: 1000001;
    cursor: pointer
}
@media screen and (max-width:570px) {
    #button-up {
        width: 30px;
        height: 30px;
        bottom: 90px
    }
}
#button-up svg {
    position: absolute;
    right: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    fill: #fff
}
#button-up.show {
    display: inline-block
}
#button-up:active, #button-up:hover {
    background: #3c64b1
}
.invoke-call, .mp-features__item.bg-light-blue.p-15.mb-4.mb-lg-0.w-100 {
    text-align: center
}
.invoke-call {
    background: #1943ef;
    padding: 0;
    color: #fff;
    border-radius: 50%;
    position: fixed;
    font-size: 32px;
    left: 0;
    bottom: 60px;
    line-height: 62px;
    width: 64px;
    height: 64px;
    border: 3px solid #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .25);
    z-index: 100;
    cursor: pointer;
    transform: scale(1);
    transition: transform .3s
}
@media(max-width:992px) {
    .invoke-call {
        left: 15px;
        bottom: 15px
    }
}
.invoke-call.off {
    transform: scale(.3);
    left: -1px;
    bottom: 14px
}
.active-call {
    -webkit-animation: call 1s infinite;
    animation: call 1s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes call {
    0% {
        transform: rotate(0deg)
    }
    10% {
        transform: rotate(20deg)
    }
    30% {
        transform: rotate(-20deg)
    }
    50% {
        transform: rotate(20deg)
    }
    60% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(0deg)
    }
}
@keyframes call {
    0% {
        transform: rotate(0deg)
    }
    10% {
        transform: rotate(20deg)
    }
    30% {
        transform: rotate(-20deg)
    }
    50% {
        transform: rotate(20deg)
    }
    60% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(0deg)
    }
}
.time-select-wrap {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0
}
@media(max-width:570px) {
    .time-select-wrap {
        max-width: 155px !important;
        align-self: center;
        margin-top: 30px
    }
    .modal-body {
        display: flex;
        flex-direction: column
    }
}
.time-select-wrap .select-box, .time-select-wrap span {
    float: right
}
.ar-lang .time-select-wrap .select-box, .ar-lang .time-select-wrap span {
    float: right
}
.time-choose {
    font-size: 18px;
    margin: 7px 10px 5px 0
}
@media screen and (max-width:570px) {
    .time-choose {
        font-size: 16px;
        margin: -20px 0 5px;
        width: 100%
    }
}
.ar-lang .time-choose {
    margin: 7px 10px 5px 5px
}
.time-symbol {
    font-size: 18px;
    margin: 6px 7px 0
}
.dash-btn {
    display: flex;
    align-items: center;
    justify-content: center
}
.depos-btn.inactive {
    opacity: .5;
    outline: none
}
.depos-btn.inactive:active, .depos-btn.inactive:focus, .depos-btn.inactive:hover {
    background: #1943ef;
    color: #fff !important;
    cursor: default
}
.only-de, .only-es, .only-pl, .only-ru {
    display: none
}
html[lang=de] .only-de, html[lang=es] .only-es, html[lang=pl] .only-pl, html[lang=ru] .only-ru {
    display: block
}
@media screen and (max-width:1365px) {
    html[lang=ru] .top-signing__title .bolder {
        font-size: 32px
    }
}
@media screen and (max-width:992px) {
    html[lang=ru] .top-signing__title .bolder {
        font-size: 3.45vw;
        line-height: 4.03vw
    }
}
@media screen and (max-width:570px) {
    html[lang=ru] .top-signing__title .bolder {
        font-size: 6vw;
        line-height: 7vw;
        margin-bottom: 10px
    }
}
html[lang=ru] .top-signing__title .bolder span:nth-of-type(2) {
    display: flex
}
@media screen and (max-width:767px) {
    html[lang=ru] .top-signing__title .bolder span:nth-of-type(2) {
        display: unset
    }
}
@media screen and (max-width:1365px) {
    html[lang=ru] .top-signing__title .bolder span:nth-of-type(4) {
        font-size: unset
    }
}
@media screen and (max-width:570px) {
    html[lang=ru] .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 6vw;
        line-height: 7vw;
        margin-bottom: 10px
    }
}
@media screen and (max-width:1365px) {
    html[lang=pt] .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 32px
    }
}
@media screen and (max-width:570px) {
    html[lang=pt] .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 6vw;
        line-height: 6vw;
        margin-bottom: 10px
    }
}
@media screen and (max-width:1365px) {
    html[lang=pl] .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 32px
    }
}
@media screen and (max-width:570px) {
    html[lang=pl] .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 6vw;
        line-height: 6vw;
        margin-bottom: 10px
    }
}
.bold-text {
    font-weight: 700
}
#table-products td, #table-products th {
    border: 1px solid #212529;
    padding: 5px 10px
}
#table-products th {
    color: #4460ac;
    font-size: 1.2rem
}
#table-products td {
    vertical-align: top
}
#chat-widget-container {
    z-index: 1001 !important
}
.error {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efc7c7;
    color: #a94442;
    text-align: center;
    padding: 15px 20px;
    font-size: 16px;
    border-top: 1px solid #e4a0a0;
    z-index: 9999
}
.mp-container {
    max-width: 1630px;
    margin: 0 auto;
    padding: 0 15px;
    transition: .3s
}
@media screen and (max-width:1630px) {
    .mp-container {
        max-width: 1330px;
        width: 96%
    }
}
@media screen and (max-width:1365px) {
    .mp-container {
        max-width: 96%;
        width: 96%
    }
}
@media screen and (max-width:1023px) {
    .mp-container {
        padding: 0 2.6vw;
        max-width: 100%;
        width: 100%
    }
}
@media screen and (max-width:767px) {
    .mp-container {
        padding: 0 3.125vw
    }
}
.mp-container__intro {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    overflow: hidden;
    transition: 0s
}
@media screen and (max-width:1365px) {
    .mp-container__intro {
        height: unset;
        width: 100%;
        min-width: 100%;
        padding: 0;
        overflow: unset;
        background-color: #e8edf9
    }
}
@media screen and (max-width:767px) {
    .mp-container__intro {
        padding: 0
    }
}
@media screen and (max-width:411px) {
    .mp-container__intro {
        border-radius: 6px 6px 0 0
    }
}
.mp-container__platform {
    display: flex
}
@media screen and (max-width:1365px) {
    .mp-container__platform {
        flex-direction: column
    }
}
.mp-container__protection {
    display: flex;
    flex-direction: column
}
.mp-container__signing {
    display: flex;
    justify-content: center
}
@media screen and (max-width:767px) {
    .mp-container__signing {
        flex-direction: column
    }
}
.mp-container__footer {
    display: flex
}
.mp-container__footer-top {
    display: flex;
    flex-direction: column;
    width: 100%
}
.mp-container__footer-bottom {
    display: flex;
    flex-wrap: wrap
}
.btn__main {
    background: none;
    outline: none;
    background: #1943ef;
    border: 1px solid #1943ef;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 240px;
    padding: 0 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    transition: .2s
}
@media screen and (max-width:767px) {
    .btn__main {
        width: 100%;
        max-width: 240px
    }
}
.btn__main:focus {
    outline: none
}
.btn__main:hover {
    background-color: #fff;
    color: #1943ef;
    border: 1px solid #1943ef
}
.btn__main:hover p {
    color: #1943ef
}
.btn__main:hover svg {
    fill: #1943ef
}
.btn__main p {
    color: #fff;
    transition: .2s
}
.btn__main svg {
    fill: #fff;
    transition: .2s
}
.btn__arrow {
    transition: .3s
}
.btn__arrow-block {
    margin-left: 15px
}
.btn__arrow-block svg {
    transition: .3s;
    fill: #fff
}
.btn__arrow:hover p {
    color: #1943ef;
    margin-right: 15px
}
.btn__arrow:hover svg {
    fill: #1943ef
}
.btn__submit {
    width: calc(100% - 2px);
    margin: 0 auto;
    height: 46px
}
@media screen and (max-width:1023px) {
    .btn__submit {
        min-width: unset
    }
}
@media screen and (max-width:767px) {
    .btn__submit {
        width: 100%;
        max-width: 100%;
        height: 50px
    }
}
.btn__open {
    min-width: unset;
    padding: 10px;
    color: #f3f6fa;
    height: 38px
}
.btn__open svg {
    margin-right: 5px
}
.btn__login {
    min-width: unset;
    padding: 10px 15px;
    color: #f3f6fa;
    height: 38px
}
.btn__login svg {
    margin-right: 5px
}
.brightness {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='brightness'><feColorMatrix type='matrix' values='1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0'/></filter></svg>#brightness");
    -webkit-filter: brightness(108.5%)
}
.trfx-ebook-panel {
    display: none
}
.trfx-modal-primary-btn {
    background-color: #1943ef !important
}
@media(min-width:1300px) {
    .trfx-modal-open body {
        padding-left: 17px !important
    }
    .trfx-modal-open .header {
        padding-left: 17px
    }
    .trfx-modal-open #button-up {
        left: 27px;
        transition: unset
    }
    .trfx-modal-open #chat-widget-container {
        left: 17px !important
    }
    .trfx-modal-open .invoke-call {
        left: 17px;
        transition: unset !important
    }
}
.breadcrumbs-wrap {
    padding: 10px 0;
    background-color: #f3f6fa
}
.breadcrumbs-wrap ol li {
    display: inline-block;
    margin-left: 2px;
    color: #6f809e;
    font-size: 14px;
    font-weight: 400
}
.breadcrumbs-wrap ol li a {
    color: #6f809e
}
.breadcrumbs-wrap ol li a:hover {
    color: #3c64b1
}
.breadcrumbs-wrap ol li i {
    font-size: 16px
}
.breadcrumbs-wrap ol li i.fa-arrow-left {
    font-size: 12px;
    position: relative;
    bottom: 1px
}
.calc-section {
    margin-top: 30px
}
.form-calc {
    padding: 30px;
    background-color: #eaedf3
}
.form-calc label {
    width: 100%;
    font-size: 14px;
    color: #373f41;
    margin-bottom: 10px
}
.form-calc .form-control {
    height: 56px;
    font-size: 18px;
    color: #000;
    border: none;
    border-radius: 0
}
.form-calc .form-control:focus {
    outline: none;
    box-shadow: none
}
@media screen and (max-width:992px) {
    .form-calc .form-control {
        height: 40px
    }
}
.form-calc .form-group button {
    display: block;
    height: 56px;
    width: 56px;
    background-color: #8ca3ce;
    font-size: 27px;
    color: #fff;
    border: none
}
.form-calc .form-group button:not(:last-of-type) {
    margin-right: 1px
}
.form-calc .form-group button:focus {
    outline: none;
    background-color: #6e8ecb
}
.form-calc .form-group button:hover {
    background-color: #6e8ecb
}
@media screen and (max-width:992px) {
    .form-calc .form-group button {
        height: 40px
    }
}
.form-calc .form-group:not(:last-of-type) {
    margin-bottom: 20px
}
.form-calc .form-buttons-wrap {
    width: 100%;
    margin: 40px 0
}
.form-calc .form-buttons-wrap button {
    color: #373f41;
    height: 56px;
    border: 1px solid #e2e5e6;
    background-color: #fff;
    width: 100%
}
.form-calc .form-buttons-wrap button.active {
    background-color: #1943ef;
    color: #fff
}
.form-calc .form-buttons-wrap button:focus {
    outline: none
}
@media screen and (max-width:992px) {
    .form-calc .form-buttons-wrap button {
        height: 40px
    }
}
@media screen and (max-width:570px) {
    .form-calc .form-buttons-wrap button {
        min-width: 30%
    }
}
.form-calc .total-balance-wrap {
    justify-content: flex-end
}
.form-calc .total-balance-wrap .total-balance-value {
    padding: 15px 20px
}
@media screen and (max-width:992px) {
    .form-calc .total-balance-wrap .total-balance-value {
        padding: 8px 20px
    }
}
.form-calc .pip-button {
    height: 56px;
    width: 100%
}
@media screen and (max-width:992px) {
    .form-calc .pip-button {
        height: 40px
    }
}
.calc-buttons-wrap button {
    color: #373f41;
    height: 42px;
    border: 1px solid #e2e5e6;
    background-color: #fff;
    min-width: 49.3%
}
.calc-buttons-wrap button.active {
    background-color: #1943ef;
    color: #fff
}
.calc-buttons-wrap button:focus {
    outline: none
}
@media screen and (max-width:1200px) {
    .calc-buttons-wrap button {
        min-width: 49.2%
    }
}
@media screen and (max-width:768px) {
    .calc-buttons-wrap button {
        min-width: 49.3%
    }
}
@media screen and (max-width:570px) {
    .calc-buttons-wrap button {
        min-width: 100%
    }
}
.total-balance-wrap {
    align-items: center
}
.total-balance-text {
    font-size: 16px;
    font-weight: 700;
    color: #000
}
.total-balance-value {
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 400;
    background-color: #f3f6fa
}
.contact-info {
    margin: 0
}
.contact-info i {
    position: absolute;
    right: 0;
    top: -1px;
    color: #c9cbd2;
    font-size: 28px
}
.contact-info small {
    font-size: 15px;
    margin: 0 0 10px;
    display: inline-block
}
.contact-info a {
    color: #3c64b1
}
.contact-info span {
    font-weight: 300
}
.contact-info li {
    position: relative;
    padding: 0 42px 35px 0;
    font-size: 17px;
    font-weight: 700
}
.content-wrap {
    overflow-x: hidden;
    padding: 50px 0;
    display: flex
}
@media screen and (max-width:992px) {
    .content-wrap {
        flex-direction: column;
        overflow-x: inherit
    }
}
footer {
    padding-top: 130px
}
footer .protection-img {
    margin-bottom: 80px
}
@media screen and (max-width:992px) {
    footer .protection-img {
        margin-bottom: 50px
    }
}
@media screen and (max-width:767px) {
    footer#footer {
        padding-top: 50px !important
    }
}
.footer-logo-wrap {
    padding: 30px 0;
    position: relative
}
.footer-logo-wrap:before {
    top: 0
}
.footer-logo-wrap:after, .footer-logo-wrap:before {
    position: absolute;
    content: "";
    height: 1px;
    width: calc(100% - 30px);
    background-color: #d4d4db;
    right: 15px
}
.footer-logo-wrap:after {
    bottom: 0
}
@media screen and (max-width:1200px) {
    .footer-logo-wrap .logo-footer {
        margin: 0 auto 20px;
        display: block;
        width: 178px
    }
}
@media screen and (max-width:992px) {
    .footer-logo-wrap {
        justify-content: space-between
    }
}
@media screen and (max-width:768px) {
    .footer-logo-wrap {
        flex-direction: column
    }
}
@media screen and (max-width:992px) {
    .footer-regulator {
        margin-right: 0 !important
    }
}
@media screen and (max-width:768px) {
    .footer-regulator {
        margin-top: 20px
    }
}
.footer-nav-wrap {
    padding: 30px 0
}
@media screen and (max-width:1200px) {
    .footer-nav-wrap {
        padding: 30px 0 0
    }
}
@media screen and (max-width:992px) {
    .copyright-block {
        border-top: none
    }
}
.copyright-block p {
    color: #73738d;
    font-size: 14px;
    margin: 0 auto
}
.copyright-block p:not(:last-of-type) {
    margin-bottom: 20px
}
.copyright-block p:first-of-type {
    font-size: 18px;
    color: #73738d
}
.social-wrap {
    display: flex
}
.social-wrap__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 6px;
    margin: 0 3px;
    color: #fff;
    top: 0;
    position: relative;
    transition: all .2s;
    background-color: #c2cddb
}
.social-wrap__item:hover {
    color: #fff;
    background-color: #1943ef;
    top: 3px
}
.social-wrap__item i {
    font-size: 20px
}
.footer-contact-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}
@media screen and (max-width:768px) {
    .footer-contact-wrap {
        flex-wrap: wrap;
        align-items: center
    }
}
.footer-contact__item {
    display: flex;
    justify-content: space-between;
    align-items: center
}
@media screen and (max-width:768px) {
    .footer-contact__item {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        width: 50%
    }
}
@media screen and (max-width:570px) {
    .footer-contact__item {
        width: 100%
    }
}
@media screen and (max-width:768px) {
    .footer-contact__item img {
        margin-bottom: 15px
    }
}
.footer-contact__item span {
    margin-right: 15px;
    color: #73738d;
    font-size: 14px;
    font-weight: 500
}
.footer-contact__item span a {
    color: #73738d
}
@media screen and (max-width:768px) {
    .footer-contact__item span {
        margin-right: 0
    }
}
.reg-providers-lines {
    padding: 30px 0;
    position: relative
}
.reg-providers-lines:before {
    position: absolute;
    content: "";
    height: 1px;
    width: calc(100% - 30px);
    background-color: #d4d4db;
    top: 0;
    right: 15px
}
.reg-providers-lines.first-line:before {
    display: none
}
.reg-providers-lines .providers__item--provider {
    margin-right: 10px;
    margin-bottom: 10px
}
.reg-providers-lines .providers__item span {
    font-weight: 700;
    font-size: 15px;
    color: #444747
}
@media screen and (max-width:768px) {
    .reg-providers-lines .providers__item {
        margin-right: 5px;
        margin-bottom: 5px
    }
}
.reg-providers-lines .reg-providers-title {
    position: relative;
    top: 4px;
    color: #98999d;
    line-height: 25px
}
.providers-mr-50 .providers__item {
    margin-left: 50px
}
@media screen and (max-width:768px) {
    .providers-mr-50 .providers__item {
        margin-left: 35px
    }
}
@media screen and (max-width:500px) {
    .providers-mr-50 {
        align-items: center !important;
        justify-content: center !important
    }
    .providers-mr-50 .providers__item {
        margin: 0 10px
    }
}
.footer-bottom {
    padding-top: 10px;
    background: linear-gradient(122.6deg, #f3f6fa 41.17%, rgba(243, 246, 250, 0) 70.41%)
}
.footer-bottom .fees1 {
    max-width: 720px
}
.footer-bottom .footer-bottom__social {
    margin-bottom: 80px
}
.mp-footer {
    /*padding-top: 50px;*/
    padding-top: 0px;
}
.mp-footer__top {
    display: flex;
    flex-direction: column;
    padding-bottom: 70px;
    background-color: #f4f6fb
}
@media screen and (max-width:1023px) {
    .mp-footer__top {
        flex-direction: column;
        padding-bottom: 4.94vw
    }
}
.mp-footer__contacts {
    display: flex;
    justify-content: space-between;
    padding: 38px 0
}
@media screen and (max-width:767px) {
    .mp-footer__contacts {
        flex-direction: column
    }
}
.mp-footer__contacts-logo {
    width: 220px;
    margin-left: 3.43%;
    display: flex
}
@media screen and (max-width:767px) {
    .mp-footer__contacts-logo {
        width: 100%;
        margin-bottom: 30px;
        justify-content: center;
        margin-left: 0
    }
}
@media screen and (max-width:1023px) {
    .mp-footer__contacts-logo a img {
        height: 58px
    }
}
.mp-footer__contacts-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(96.57% - 200px)
}
@media screen and (max-width:1365px) {
    .mp-footer__contacts-items {
        gap: 10px
    }
}
@media screen and (max-width:767px) {
    .mp-footer__contacts-items {
        width: 100%;
        flex-direction: column
    }
}
.mp-footer__contacts-item {
    background: #fff;
    border-radius: 3px;
    padding: 16px;
    display: flex;
    align-items: center;
    width: 247px
}
@media screen and (max-width:1365px) {
    .mp-footer__contacts-item {
        width: calc(50% - 5px)
    }
}
@media screen and (max-width:767px) {
    .mp-footer__contacts-item {
        width: 100%
    }
}
.mp-footer__contacts-item img {
    margin-left: 10px
}
.mp-footer__contacts-item p {
    font-size: 16px
}
.mp-footer__contacts-item p:last-of-type {
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: .3px;
    color: #000
}
.mp-footer__contacts-item p a {
    color: #000
}
.mp-footer__row {
    padding: 23px 0;
    border-top: 1px solid rgba(234, 234, 238, .5);
    display: flex
}
@media screen and (max-width:1023px) {
    .mp-footer__row {
        flex-direction: column;
        padding: 1.95vw 0
    }
}
@media screen and (max-width:767px) {
    .mp-footer__row {
        flex-direction: column;
        padding: 0;
        margin-bottom: 15px
    }
}
.mp-footer__row-title {
    display: flex;
    align-items: flex-start;
    width: 220px;
    min-width: 220px;
    margin-left: 3.43%;
    font-size: 16px;
    line-height: 187%;
    color: #444747;
    text-transform: uppercase
}
@media screen and (max-width:1365px) {
    .mp-footer__row-title {
        align-items: flex-start
    }
}
@media screen and (max-width:1023px) {
    .mp-footer__row-title {
        min-width: unset;
        width: 100%
    }
}
@media screen and (max-width:767px) {
    .mp-footer__row-title {
        width: 100%;
        padding: 15px 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee
    }
}
.mp-footer__row-items {
    display: flex;
    gap: 90px;
    flex-wrap: wrap
}
@media screen and (max-width:1630px) {
    .mp-footer__row-items {
        gap: 5.85vw
    }
}
@media screen and (max-width:1023px) {
    .mp-footer__row-items {
        gap: 4.55vw;
        padding: 1.95vw 0
    }
}
@media screen and (max-width:767px) {
    .mp-footer__row-items {
        padding: 15px 0
    }
}
.mp-footer__row-item {
    display: flex;
    align-items: center
}
.mp-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    padding: 70px 0 110px
}
@media screen and (max-width:767px) {
    .mp-footer__bottom {
        padding: 40px 0
    }
}
.mp-footer__nav {
    width: 80%
}
@media screen and (max-width:1365px) {
    .mp-footer__nav {
        width: 100%;
        order: 1
    }
}
.mp-footer__nav .footer-nav li.sub {
    width: 25%;
    padding: 0 22px
}
@media screen and (max-width:1023px) {
    .mp-footer__nav .footer-nav li.sub {
        padding: 0
    }
}
.mp-footer__nav .footer-nav li.sub a {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #444747
}
.mp-footer__nav .footer-nav li.sub a.sub-title {
    font-weight: 300;
    font-size: 16.6333px;
    line-height: 24px;
    color: #737b7d
}
@media screen and (max-width:1023px) {
    .mp-footer__nav .footer-nav li.sub a.sub-title {
        font-size: 14px
    }
}
.mp-footer__nav .footer-nav .sub-menu .drop-menu li a:hover {
    text-decoration: none
}
.mp-footer__copyright {
    margin-top: 32px
}
@media screen and (max-width:1365px) {
    .mp-footer__copyright {
        margin: 28px 0;
        order: 2
    }
}
.mp-footer__copyright p {
    font-size: 14px;
    line-height: 121%;
    font-weight: 300;
    color: #7f9495
}
@media screen and (max-width:1365px) {
    .mp-footer__copyright p {
        font-size: 13px
    }
}
.mp-footer__copyright p.bolder {
    font-weight: 600
}
.mp-footer__copyright-short {
    width: 32.37%;
    margin-bottom: 68px
}
@media screen and (max-width:1365px) {
    .mp-footer__copyright-short {
        width: 100%;
        margin: 0;
        order: 3
    }
}
.form-control, .input-group-text {
    border: 1px solid #a1aec0;
    border-radius: 0
}
.form-vertical {
    padding: 30px;
    background-color: #f3f6fa
}
@media screen and (max-width:570px) {
    .form-vertical {
        padding: 15px 10px
    }
}
.form-vertical label {
    width: 100%;
    font-size: 14px;
    color: #373f41;
    margin-bottom: 10px
}
@media screen and (max-width:1200px) {
    .form-vertical label {
        font-size: 11px
    }
}
.form-vertical .form-control {
    height: 56px;
    font-size: 18px;
    color: #000;
    border: 1px solid #d4d4db;
    border-radius: 0
}
.form-vertical .form-control:focus {
    outline: none;
    box-shadow: none
}
@media screen and (max-width:992px) {
    .form-vertical .form-control {
        height: 40px
    }
}
.form-vertical .form-group.form-group-btn, .form-vertical .form-group.form-group-check {
    margin-top: 40px
}
.form-vertical .form-group button {
    display: block;
    height: 56px;
    width: 56px;
    background-color: #8ca3ce;
    font-size: 27px;
    color: #fff;
    border: none
}
.form-vertical .form-group button:not(:last-of-type) {
    margin-right: 1px
}
.form-vertical .form-group button:focus {
    outline: none;
    background-color: #6e8ecb
}
.form-vertical .form-group button:hover {
    background-color: #6e8ecb
}
@media screen and (max-width:992px) {
    .form-vertical .form-group button {
        height: 40px
    }
}
.form-vertical .form-group {
    position: relative
}
.form-vertical .form-group:not(:last-of-type) {
    margin-bottom: 20px
}
.form-vertical .form-buttons-wrap {
    width: 100%;
    margin: 40px 0
}
.form-vertical .form-buttons-wrap button {
    color: #373f41;
    height: 56px;
    border: 1px solid #e2e5e6;
    background-color: #fff;
    width: 100%
}
.form-vertical .form-buttons-wrap button.active {
    background-color: #1943ef;
    color: #fff
}
.form-vertical .form-buttons-wrap button:focus {
    outline: none
}
@media screen and (max-width:992px) {
    .form-vertical .form-buttons-wrap button {
        height: 40px
    }
}
@media screen and (max-width:570px) {
    .form-vertical .form-buttons-wrap button {
        min-width: 50%
    }
}
.form-vertical .total-balance-wrap {
    justify-content: flex-end
}
.form-vertical .total-balance-wrap .total-balance-value {
    padding: 15px 20px
}
@media screen and (max-width:992px) {
    .form-vertical .total-balance-wrap .total-balance-value {
        padding: 8px 20px
    }
}
.form-vertical .pip-button {
    height: 56px;
    width: 100%
}
@media screen and (max-width:992px) {
    .form-vertical .pip-button {
        height: 40px
    }
}
.form-control::-webkit-input-placeholder {
    color: #6c757d
}
.form-control:-moz-placeholder, .form-control::-moz-placeholder {
    color: #6c757d
}
.form-control:-ms-input-placeholder {
    color: #6c757d
}
.form-common .form-group .btn-blue {
    padding: 0 24px;
    width: 100%;
    display: block;
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    background-color: #1943ef;
    border: 1px solid #1943ef;
    transition: .3s;
    text-align: center;
    height: 48px;
    margin-top: 14px
}
@media screen and (max-width:1200px) {
    .form-common .form-group .btn-blue {
        height: 40px
    }
}
.form-common .form-group .btn-blue:focus, .form-common .form-group .btn-blue:hover {
    background-color: transparent;
    color: #1943ef !important;
    text-decoration: none
}
.form-common .form-control {
    height: 48px;
    font-size: 16px;
    border: 1px solid #a1aec0
}
@media screen and (max-width:1200px) {
    .form-common .form-control {
        height: 40px
    }
}
.form-common .input-title {
    font-size: 14px;
    color: #737b7d
}
@media(max-width:1200px) {
    .form-common .input-group {
        height: 40px !important
    }
}
.form-common .input-group {
    height: 48px
}
.form-common .input-group-text {
    border-radius: 0;
    background-color: #d2dcea;
    color: #000;
    border: 1px solid #a1aec0
}
p.close-logo:hover {
    cursor: pointer
}
.contact__form textarea {
    height: 253px !important
}
span.form-error {
    display: flex;
    align-items: flex-start;
    min-height: 24px;
    bottom: -31px;
    position: absolute;
    right: 0;
    font-size: .75rem;
    line-height: 1;
    margin: 2px 0 0
}
.text-danger, span.form-error {
    color: #dc3545
}
.form-group.form-error .form-control, .form-group.form-error .input-group-text {
    border-color: #dc3545;
    margin-bottom: 30px
}
@media screen and (max-width:767px) {
    .form-group.form-error .form-control, .form-group.form-error .input-group-text {
        margin-bottom: 40px
    }
    span.form-error {
        top: 105%;
        bottom: unset
    }
    .form-vertical .form-group:not(:last-of-type) {
        margin-bottom: 30px
    }
}
#modal-help-advice, body {
    padding-right: 0 !important
}
.reg-radio {
    margin: 0 0 15px
}
.reg-radio input {
    display: none
}
.reg-radio label {
    display: inline-block;
    font-weight: 400;
    background: #a1aec0;
    width: 100%;
    color: #fff;
    transition: .3s;
    padding: 4px 10px 4px 45px;
    position: relative;
    cursor: pointer;
    line-height: 40px;
    white-space: nowrap;
    font-size: 16px;
    height: 48px;
    text-transform: uppercase;
    text-align: center
}
@media screen and (max-width:1200px) {
    .reg-radio label {
        padding-left: 32px;
        height: 40px;
        line-height: 33px
    }
}
.reg-radio label:before {
    position: absolute;
    top: calc(50% - 9px);
    right: 17px;
    width: 16px;
    height: 13px;
    background-image: url(../img/btn-check-icon.svg);
    content: "";
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 47px;
    transition: .3s;
    color: #fff
}
@media screen and (max-width:1200px) {
    .reg-radio label:before {
        right: 8px
    }
}
.reg-radio input:checked+label {
    opacity: 1;
    color: #fff;
    background: #1943ef
}
.reg-radio input:checked+label:before {
    color: #fff
}
.checkbox-label {
    position: relative;
    padding-right: 50px;
    font-size: 14px;
    margin-bottom: 0 !important
}
[lang=de] .checkbox-label {
    font-size: 12px
}
.checkbox-label span {
    width: 40px;
    height: 40px;
    border: 1px solid #a1aec0;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    right: 0;
    margin-right: 15px
}
.checkbox-label span:before {
    position: absolute;
    content: "";
    top: calc(50% - 10px);
    right: calc(50% - 15px);
    width: 30px;
    height: 20px;
    background: transparent
}
.checkbox-label .invalid_input+span {
    border-color: red
}
.checkbox-label input:checked+span:before {
    background: url(../img/check-box-icon.svg) no-repeat 50%;
    background-size: contain
}
.form-vertical.affiliate-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    background-color: transparent
}
.form-vertical.affiliate-form .form-group {
    width: 30%
}
@media screen and (max-width:992px) {
    .form-vertical.affiliate-form .form-group {
        width: 100%
    }
}
.form-vertical.affiliate-form label {
    color: #000;
    font-weight: 700
}
.form-vertical.affiliate-form .btn-group .btn-blue {
    padding: 16px 24px;
    font-size: 16px
}
@media screen and (max-width:992px) {
    .form-vertical.affiliate-form .btn-group .btn-blue {
        padding: 10px 24px;
        font-size: 14px
    }
}
@media screen and (max-width:570px) {
    .form-vertical.affiliate-form .btn-group .btn-blue {
        width: 100%
    }
}
main {
    padding-top: 142px
}
@media screen and (max-width:1023px) {
    main {
        padding-top: 90px
    }
}
@media screen and (max-width:992px) {
    main {
        padding-top: 87px
    }
}
@media screen and (max-width:570px) {
    main {
        padding-top: 67px
    }
}
header {
    position: fixed;
    width: 100%;
    z-index: 200
}
header .header-inner-wrap {
    position: relative
}
header .header-inner-wrap[role=banner] {
    pointer-events: all
}
@media screen and (max-width:570px) {
    .header {
        height: 67px
    }
}
.header-top {
    position: relative;
    z-index: 300;
    padding: 15px 0 0;
    background-color: #f4f6fb;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .3)
}
@media screen and (max-width:570px) {
    .header-top {
        padding: 10px 0 0;
        height: 67px;
        padding: 0;
        display: flex;
        align-items: center
    }
}
@media screen and (max-width:570px) {
    .header-inner-wrap {
        height: 67px
    }
}
.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px
}
@media screen and (max-width:570px) {
    .header-wrap {
        padding-bottom: 10px;
        padding-bottom: 0
    }
}
.logo-block {
    display: flex;
    align-items: center;
    width: 60%;
    justify-content: flex-start
}
@media screen and (max-width:570px) {
    .logo-block {
        width: 130px
    }
}
.logo img {
    max-height: 60px
}
@media screen and (max-width:570px) {
    .logo img {
        max-height: 38px
    }
}
.regulators-block {
    align-items: center;
    display: contents;
    width: 32.94%;
    margin-right: 0
}
@media screen and (max-width:1200px) {
    .regulators-block {
        display: none
    }
}
@media screen and (max-width:1023px) {
    .regulators-block {
        display: none
    }
}
.header-reliability {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    /*margin-right: 7.81vw;*/
    margin-right: 4.2vw;

}
@media screen and (max-width:1365px) {
    .header-reliability {
        margin-left: 3vw
    }
}
.header-reliability img {
    position: static;
    top: 0;
    /*margin-left: 12px;*/
    margin-left: 15px;
}
.header-reliability span {
    /*color: rgba(115, 115, 141, .38);*/
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.header-reliability span.bold-text {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin-left: 5px
}
.header-btn-wrap {
    display: flex;
    align-items: center
}
.footer-regulator, .header-regulator {
    font-size: 14px;
    color: #73738d;
    font-weight: 700;
    margin-right: 45px
}
.footer-regulator span, .header-regulator span {
    color: #000;
    position: relative
}
.footer-regulator span:before, .header-regulator span:before {
    position: absolute;
    content: "";
    height: 37px;
    width: 37px;
    background-image: url(../img/eu.svg?d);
    background-repeat: no-repeat;
    background-position: 50%;
    top: calc(50% - 18.5px);
    right: calc(100% + 10px)
}
.header-regulator {
    display: flex;
    margin-right: 7.81vw
}
@media screen and (max-width:1365px) {
    .header-regulator {
        margin-right: 3vw
    }
}
.header-regulator img {
    margin-left: 12px;
    width: 42px
}
.header-regulator span {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    /*letter-spacing: .3px;*/
    color: #000;
}
.footer-regulator span:before, .header-regulator span:before {
    display: none
}
.login-block, .login-block li {
    display: flex
}
.login-block li:not(:first-of-type) {
    margin-right: 8px
}
.login-block li .btn-blue, .login-block li .btn-bordered {
    padding: 12px 18px
}
.top-bar__language {
    position: relative;
    margin-right: 15px
}
.languages {
    position: absolute;
    width: 100%;
    margin: 0;
    z-index: 100
}
@media screen and (max-width:570px) {
    .languages span {
        display: none
    }
}
.language {
    cursor: pointer;
    background: #f4f6fb;
    border: 1px solid #dadada;
    border-radius: 3px;
    color: #fff
}
.language a {
    height: 34px;
    text-decoration: none;
    color: #73738d;
    display: flex;
    align-items: center;
    justify-content: center
}
.language a:hover {
    background: #e7e7e7
}
.language span {
    display: inline-flex;
    width: 20px
}
@media screen and (max-width:570px) {
    .language span {
        display: none
    }
}
.language_current {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    width: 70px;
    font-weight: 700;
    color: #73738d
}
@media screen and (max-width:570px) {
    .language_current {
        width: 44px
    }
}
.language_current div {
    display: inline-flex;
    align-items: center
}
@media screen and (max-width:570px) {
    .language_current span {
        display: none
    }
}
.language__flag {
    width: 20px;
    display: inline-flex;
    border-radius: 3px;
    margin-left: 8px;
    border-radius: 2px;
    max-height: 15px;
    box-shadow: 0 0 3px #dadada
}
@media screen and (max-width:570px) {
    .language__flag {
        margin-left: 0
    }
}
.header-serch {
    margin-right: 10px;
    border: none;
    background-color: transparent;
    color: #1943ef;
    outline: none
}
@media screen and (max-width:992px) {
    .header-serch {
        margin-left: 0
    }
}
.header-serch:focus {
    outline: none
}
.search-modal {
    width: 100%;
    background-color: #1943ef;
    position: fixed;
    top: -140px;
    right: 0;
    transition: .5s;
    z-index: 1000
}
.search-modal.open {
    top: 0
}
.search-modal-body {
    position: relative;
    padding: 40px 0
}
.search-modal-body .close-btn {
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    text-shadow: none;
    transition: .5s
}
.search-modal-body .close-btn:hover {
    transform: rotate(90deg)
}
.modal-search-form {
    width: 100%
}
.modal-search-form .form-group {
    display: flex;
    position: relative
}
.modal-search-form .form-group .form-control {
    border-radius: inherit;
    border-color: #fff
}
.modal-search-form .form-group.form-error span.form-error {
    color: #fff !important
}
.modal-search-form .form-group button {
    border: none;
    background: #fff
}
.modal-search-form .form-group button:focus {
    outline: none
}
.top-menu-toggle {
    margin-right: 10px;
    display: none;
    color: #1943ef;
    font-size: 30px;
    border: none;
    background-color: transparent
}
@media screen and (max-width:992px) {
    .top-menu-toggle {
        display: block
    }
}
.top-menu-toggle:focus {
    outline: none
}
.head-cabinet {
    position: relative
}
.head-cabinet .menu-dropdown {
    position: absolute;
    right: 0;
    width: 220px;
    background: #fff;
    top: calc(100% + 10px);
    margin: 5px 0 0;
    z-index: 200;
    box-shadow: 0 1px 6px rgba(60, 100, 177, .3)
}
@media screen and (max-width:992px) {
    .head-cabinet .menu-dropdown {
        right: -65px
    }
}
.head-cabinet .menu-dropdown li {
    display: list-item;
    margin-right: 0
}
.head-cabinet .menu-dropdown a {
    color: #6a6f8a;
    text-decoration: none;
    font-size: 15px;
    border-right: 7px solid transparent;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 12px 15px 12px 38px
}
.head-cabinet .menu-dropdown a i {
    margin: 0 5px 0 0;
    width: 18px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 10px
}
.head-cabinet .menu-dropdown a:hover {
    background: #f4f6fb;
    border-right-color: #1943ef
}
.mp-features {
    padding: 60px 0
}
.mp-features__item img {
    height: 45px
}
.mp-features__item h3 {
    margin-bottom: 15px
}
@media(max-width:767px) {
    .mp-protection .container .row {
        margin-bottom: 40px
    }
}
.mp-features-slider {
    display: none !important
}
@media screen and (max-width:768px) {
    .mp-features-slider {
        display: block !important
    }
    .mp-features-slider .slick-slide {
        display: flex !important;
        justify-content: center
    }
    .mp-features-slider .mp-features__item {
        max-width: 300px;
        min-height: 250px;
        margin: 0 auto;
        text-align: center
    }
}
@media screen and (max-width:768px) {
    .mp-features-desc-wrap {
        display: none
    }
}
.mp-advantages-wrap {
    padding: 70px 0;
    background-color: #f3f6fa
}
.mp-advantages-wrap .fade:not(.show) {
    opacity: 1
}
.mp-advantages-wrap .nav-tabs-wrap {
    background: #fff;
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3)
}
@media screen and (max-width:768px) {
    .mp-advantages-wrap .nav-tabs-wrap {
        margin-bottom: 50px
    }
}
.mp-advantages-wrap .tab-pane li {
    display: flex;
    align-items: center
}
.mp-advantages-wrap .tab-pane li div {
    width: 25%;
    padding: 15px 5px;
    font-size: 14px;
    color: #73738d;
    text-align: center
}
.mp-advantages-wrap .tab-pane li div.asset-name {
    font-weight: 700
}
.mp-advantages-wrap .tab-pane li div.up {
    color: #ff1f1f
}
.mp-advantages-wrap .tab-pane li div.down {
    color: #26c296
}
@media screen and (max-width:570px) {
    .mp-advantages-wrap .tab-pane li div {
        font-size: 12px
    }
}
.mp-advantages-wrap .tab-pane li:nth-of-type(2n) {
    background-color: #f4f7fc
}
.mp-advantages-wrap .nav-tabs-new {
    width: 100%;
    border-bottom: none;
    margin-bottom: 25px
}
.mp-advantages-wrap .nav-tabs-new.nav-tabs-4 li {
    width: 25%
}
.mp-advantages-wrap .nav-tabs-new.nav-tabs-3 li {
    width: 33.3%
}
.mp-advantages-wrap .nav-tabs-new.nav-tabs-2 li {
    width: 50%
}
.mp-advantages-wrap .nav-tabs-new li {
    width: 20%
}
.mp-advantages-wrap .nav-tabs-new li .nav-link {
    display: flex;
    text-align: center;
    color: #73738d;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 0;
    border: none;
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}
@media screen and (max-width:1200px) {
    .mp-advantages-wrap .nav-tabs-new li .nav-link {
        font-size: 12px
    }
}
@media screen and (max-width:570px) {
    .mp-advantages-wrap .nav-tabs-new li .nav-link {
        font-size: 10px
    }
}
.mp-advantages-wrap .nav-tabs-new li .nav-link:hover {
    text-decoration: none
}
.mp-advantages-wrap .nav-tabs-new li .nav-link.active {
    box-shadow: inset 0 2px 0 0 #1943ef;
    color: #000
}
.mp-advantages-wrap .acc-btn-wrap {
    flex-direction: column;
    justify-content: flex-start;
    max-width: 300px
}
@media screen and (max-width:768px) {
    .mp-advantages-wrap .acc-btn-wrap {
        margin: 0 auto
    }
}
.mp-advantages-wrap .acc-btn-wrap a {
    width: 100%
}
.mp-advantages-wrap .acc-btn-wrap a:not(:last-of-type) {
    margin-bottom: 15px
}
.mp-advantages h2 {
    text-transform: uppercase;
    margin-bottom: 30px
}
.mp-advantages .acc-btn-wrap {
    flex-direction: column;
    justify-content: flex-start;
    max-width: 300px
}
@media screen and (max-width:768px) {
    .mp-advantages .acc-btn-wrap {
        margin: 0 auto
    }
}
.mp-advantages .acc-btn-wrap a {
    width: 100%
}
.mp-advantages .acc-btn-wrap a:not(:last-of-type) {
    margin-bottom: 15px
}
.mp-advantages .mp-trades-list {
    margin-bottom: 50px
}
.mp-advantages .mp-trades-list li {
    padding-right: 30px;
    position: relative;
    color: #73738d
}
.mp-advantages .mp-trades-list li:not(:last-of-type) {
    margin-bottom: 20px
}
.mp-advantages .mp-trades-list li i {
    position: absolute;
    right: 0;
    top: 0;
    color: #1943ef
}
.mp-platform-wrap {
    padding: 70px 0
}
.mp-platform-wrap h2 {
    margin-bottom: 30px;
    text-transform: uppercase
}
@media screen and (max-width:768px) {
    .mp-platform-wrap h2 {
        text-align: center
    }
}
.mp-platform-wrap p {
    color: #737b7d;
    margin-bottom: 30px
}
.mp-platform-wrap li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0
}
.mp-platform-wrap li:not(:last-of-type) {
    border-bottom: 1px solid #e5e5e5
}
.mp-platform-wrap .list-checked li {
    padding: 0 30px 0 0;
    border-bottom: none
}
.mp-platform-wrap .platform-name {
    font-size: 14px;
    color: #73738d;
    display: flex;
    align-items: center;
    padding-right: 10px
}
.mp-platform-wrap .platform-name .platform-name-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    width: 30px;
    margin-left: 20px
}
.mp-platform-wrap .platform-name .platform-name-img img {
    margin-left: 0
}
@media screen and (max-width:768px) {
    .mp-platform-img-wrap {
        text-align: center
    }
}
.mp-four-steps {
    padding-top: 0
}
.mp-four-steps .mp-features__item {
    padding: 40px 15px;
    transition: .3s
}
@media screen and (max-width:768px) {
    .mp-four-steps .mp-features__item {
        text-align: center;
        max-width: 300px;
        margin: 0 auto
    }
}
.mp-four-steps .mp-features__item img {
    height: 66px
}
.mp-four-steps .mp-features__item:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25)
}
.mp-four-steps .acc-btn-wrap {
    flex-direction: column;
    margin: 0 auto;
    max-width: 300px
}
.mp-four-steps .acc-btn-wrap a {
    width: 100%
}
.mp-four-steps .acc-btn-wrap .btn-blue {
    margin-bottom: 15px
}
.mp-seo-text {
    background-color: #fafafa;
    padding: 70px 0
}
.mp-seo-text h2 {
    text-transform: uppercase
}
.mp-seo-text p {
    color: #737b7d
}
@media screen and (max-width:992px) {
    .mp-seo-text {
        padding: 50px 0
    }
    .mp-seo-text p {
        font-size: 14px
    }
}
.mp-protection {
    padding-bottom: 0
}
.video-section-wrap .video-section__video {
    max-width: 497px;
    flex-shrink: 0
}
.video-section-wrap video {
    width: 100%
}
.mp-intro {
    position: relative;
    height: 800px;
    min-height: 800px;
    max-height: 1000px;
    margin-top: -10px;
    background: #f4f6fb;
}
@media screen and (max-width:2560px) {
    .mp-intro {
        height: 800px
    }
}
@media screen and (max-width:1920px) {
    .mp-intro {
        /*height: calc(100vh - 132px);
        min-height: 650px*/
        height: calc(90vh - 132px);
        min-height: 580px
    }

}
@media screen and (max-width:1365px) {
    .mp-intro {
        max-height: unset;
        height: auto;
        min-height: unset
    }
}
.mp-intro__content {
    position: absolute;
    z-index: 30;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    /*width: 100%;*/
    /* a fix for clicking the slider arrows underneath */
    width: 87%;
    pointer-events: none;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width:1365px) {
    .mp-intro__content {
        position: static;
        height: unset
    }
}
@media screen and (max-width:767px) {
    .mp-intro__content {
        padding-bottom: 0
    }
}
@media screen and (max-width:411px) {
    .mp-intro__content {
        position: relative
    }
}
.mp-intro .mp-slider {
    height: 100% !important;
    overflow: hidden
}
@media screen and (max-width:570px) {
    .mp-intro .mp-slider {
        max-height: unset;
        height: unset;
        min-height: unset;
        padding-bottom: 600px !important
    }
}
@media screen and (max-width:411px) {
    .mp-intro .mp-slider {
        padding-bottom: 550px !important
    }
}
.mp-intro .mp-slider .slide {
    height: 100%
}
.mp-intro .mp-slider .slide__container {
    height: 100%;
    padding: 130px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}
@media screen and (max-width:1023px) {
    .mp-intro .mp-slider .slide__container {
        max-width: 96%;
        width: 96%
    }
}
@media screen and (max-width:570px) {
    .mp-intro .mp-slider .slide__container {
        padding: 30px 15px 70px;
        max-height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }
}
@media screen and (max-width:411px) {
    .mp-intro .mp-slider .slide__container {
        max-height: 550px
    }
}
.mp-intro .mp-slider .slide__title {
    width: 37.5%;
    font-weight: 900;
    font-size: 40px;
    line-height: 45px;
    letter-spacing: .2px;
    color: #fff;
    margin-bottom: 30px;
    text-align: right;
    text-transform: uppercase
}
@media screen and (max-width:1365px) {
    .mp-intro .mp-slider .slide__title {
        width: 50%;
        font-size: 3.67vw;
        line-height: 3.9vw
    }
}
@media screen and (max-width:1023px) {
    .mp-intro .mp-slider .slide__title {
        font-size: 4.94vw;
        line-height: 5.2vw;
        width: 63.8%
    }
}
@media screen and (max-width:767px) {
    .mp-intro .mp-slider .slide__title {
        font-size: 4.94vw;
        line-height: 5.2vw
    }
}
@media screen and (max-width:570px) {
    .mp-intro .mp-slider .slide__title {
        width: 72.8%;
        font-size: 7.5vw;
        line-height: 8.5vw
    }
}
.mp-intro .mp-slider .slide__descr {
    width: 37.5%;
    font-weight: 300;
    font-size: 23px;
    line-height: 34px;
    letter-spacing: .3px;
    color: #fff
}
@media screen and (max-width:1630px) {
    .mp-intro .mp-slider .slide__descr {
        width: 39%
    }
}
@media screen and (max-width:1365px) {
    .mp-intro .mp-slider .slide__descr {
        width: 50%
    }
}
@media screen and (max-width:1023px) {
    .mp-intro .mp-slider .slide__descr {
        width: 63.8%;
        font-size: 2.21vw;
        line-height: 3.125vw;
        width: 47.78%
    }
}
@media screen and (max-width:570px) {
    .mp-intro .mp-slider .slide__descr {
        width: 100%;
        font-size: 4.375vw;
        line-height: 5vw
    }
}
.mp-intro .mp-slider .slide-1 {
    background-color: #06113f;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}
@media screen and (max-width:1920px) {
    .mp-intro .mp-slider .slide-1 {
        background-color: #06113f;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
}
@media screen and (max-width:767px) {
    .mp-intro .mp-slider .06113f-1 {
        background-color: #101f60;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
}
.mp-intro .mp-slider .slide-2 {
    background: url(../images/home-page-slider/s2-2k.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}
@media screen and (max-width:1920px) {
    .mp-intro .mp-slider .slide-2 {
        background: url(../images/home-page-slider/s2-fullhd.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
}
@media screen and (max-width:767px) {
    .mp-intro .mp-slider .slide-2 {
        background: url(../images/home-page-slider/s2-tablet.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
}
.mp-intro .mp-slider .slide-3 {
    background: url(../images/home-page-slider/s3-2k.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}
@media screen and (max-width:1920px) {
    .mp-intro .mp-slider .slide-3 {
        background: url(../images/home-page-slider/s3-fullhd.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
}
@media screen and (max-width:767px) {
    .mp-intro .mp-slider .slide-3 {
        background: url(../images/home-page-slider/s3-tablet.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
}
.mp-intro .mp-slider .slide__overlay {
    position: absolute;
    z-index: -1;
    right: 0;
    top: 50%;
    height: 100%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end
}
@media screen and (max-width:411px) {
    .mp-intro .mp-slider .slide__overlay {
        width: 200%
    }
}
.mp-intro .mp-slider .slide__overlay-1-inner {
    background: url(../images/home-page-slider/s1-overlay.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    display: flex;
    height: 100%;
    width: 80%
}
@media screen and (max-width:1365px) {
    .mp-intro .mp-slider .slide__overlay-1-inner {
        width: 100%;
        position: relative;
        left: -30%
    }
}
@media screen and (max-width:570px) {
    .mp-intro .mp-slider .slide__overlay-1-inner {
        top: 30px;
        left: -48%;
        background-position: top
    }
}
@media screen and (max-width:411px) {
    .mp-intro .mp-slider .slide__overlay-1-inner {
        top: -13px;
        left: -14px
    }
}
.mp-intro .mp-slider .slide__overlay-2-inner {
    background: url(../images/home-page-slider/s2-overlay.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    display: flex;
    height: 100%;
    width: 80%
}
@media screen and (max-width:1365px) {
    .mp-intro .mp-slider .slide__overlay-2-inner {
        width: 100%;
        position: relative;
        left: -30%
    }
}
@media screen and (max-width:570px) {
    .mp-intro .mp-slider .slide__overlay-2-inner {
        top: 30px;
        left: -48%;
        background-position: top
    }
}
@media screen and (max-width:411px) {
    .mp-intro .mp-slider .slide__overlay-2-inner {
        top: -13px;
        left: -14px
    }
}
.mp-intro .mp-slider .slide__overlay-3-inner {
    background: url(../images/home-page-slider/s3-overlay.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    display: flex;
    height: 100%;
    width: 80%
}
@media screen and (max-width:1365px) {
    .mp-intro .mp-slider .slide__overlay-3-inner {
        width: 100%;
        position: relative;
        left: -30%
    }
}
@media screen and (max-width:570px) {
    .mp-intro .mp-slider .slide__overlay-3-inner {
        top: 30px;
        left: -48%;
        background-position: top
    }
}
@media screen and (max-width:411px) {
    .mp-intro .mp-slider .slide__overlay-3-inner {
        top: 17px;
        left: -25px;
        opacity: .7
    }
}
.mp-intro .lSSlideOuter {
    position: relative;
    height: 100%;
    background-color: #0f1f60
}
@media screen and (max-width:1365px) {
    .mp-intro .lSSlideOuter {
        height: calc(100vh - 132px);
        min-height: 600px;
        max-height: 900px
    }
}
@media screen and (max-width:1023px) {
    .mp-intro .lSSlideOuter {
        height: calc(100vh - 80px);
        max-height: 780px
    }
}
@media screen and (max-width:992px) {
    .mp-intro .lSSlideOuter {
        height: calc(100vh - 77px);
        min-height: 530px
    }
}
@media screen and (max-width:570px) {
    .mp-intro .lSSlideOuter {
        height: 600px;
        max-height: unset;
        min-height: unset
    }
}
@media screen and (max-width:411px) {
    .mp-intro .lSSlideOuter {
        height: 550px;
        max-height: unset;
        min-height: unset
    }
}
.mp-intro .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    z-index: 35;
    left: 50%;
    transform: translateX(-50%);
    bottom: 113px;
    max-width: 1630px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    transition: .3s
}
@media screen and (max-width:1630px) {
    .mp-intro .lSSlideOuter .lSPager.lSpg {
        max-width: 1330px;
        width: 96%;
        bottom: 70px
    }
}
@media screen and (max-width:1365px) {
    .mp-intro .lSSlideOuter .lSPager.lSpg {
        max-width: 96%;
        width: 96%
    }
}
@media screen and (max-width:570px) {
    .mp-intro .lSSlideOuter .lSPager.lSpg {
        bottom: 30px
    }
}
.mp-intro .lSSlideOuter .lSPager.lSpg>li {
    display: flex;
    align-items: flex-end;
    padding: 0 20px
}
@media screen and (max-width:767px) {
    .mp-intro .lSSlideOuter .lSPager.lSpg>li {
        padding: 0 2.34vw
    }
}
.mp-intro .lSSlideOuter .lSPager.lSpg>li:first-of-type {
    padding-right: 0
}
.mp-intro .lSSlideOuter .lSPager.lSpg>li:last-of-type {
    padding-left: 0
}
.mp-intro .lSSlideOuter .lSPager.lSpg>li a {
    width: 50px;
    border-radius: 1px;
    height: 5px;
    background: #fff;
    margin-top: 20px;
    transition: .3s
}
@media screen and (max-width:767px) {
    .mp-intro .lSSlideOuter .lSPager.lSpg>li a {
        width: 35px;
        height: 2px
    }
}
.mp-intro .lSSlideOuter .lSPager.lSpg>li.active a {
    height: 26px;
    background: #fff
}
@media screen and (max-width:767px) {
    .mp-intro .lSSlideOuter .lSPager.lSpg>li.active a {
        height: 10px
    }
}
.mp-intro .lSSlideOuter .lSPager.lSpg>li:hover a {
    height: 26px;
    background: #fff
}
@media screen and (max-width:767px) {
    .mp-intro .lSSlideOuter .lSPager.lSpg>li:hover a {
        height: 10px
    }
}
.mp-intro .lSSlideWrapper {
    height: 100%
}
.mp-intro .lSSlideWrapper .lSFade>.slide {
    z-index: 30
}
.mp-features {
    background-color: #f4f6fb;
    padding: 80px 0
}
@media screen and (max-width:1023px) {
    .mp-features {
        padding: 7.81vw 0
    }
}
@media screen and (max-width:767px) {
    .mp-features {
        padding: 18.75vw 0
    }
}
.mp-features__content {
    display: flex;
    justify-content: space-between
}
@media screen and (max-width:1023px) {
    .mp-features__content {
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 7.81vw
    }
}
@media screen and (max-width:767px) {
    .mp-features__content {
        gap: 9.375vw
    }
}
.mp-features__item {
    max-width: 334px;
    width: 17.39vw
}
@media screen and (max-width:1365px) {
    .mp-features__item {
        width: 20vw
    }
}
@media screen and (max-width:1023px) {
    .mp-features__item {
        width: 50%
    }
}
@media screen and (max-width:767px) {
    .mp-features__item {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }
}
.mp-features__item img {
    height: 48px;
    margin-bottom: 20px
}
.mp-features__item h3 {
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}
.mp-features__item h3, .mp-features__item p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .3px
}
.mp-features__item p {
    color: #737b7d
}
@media screen and (max-width:767px) {
    .mp-features__item p {
        text-align: center
    }
}
@media screen and (max-width:411px) {
    html:not([lang=fr]) .mp-intro .lSSlideOuter {
        height: 450px
    }
}
@media screen and (max-width:411px) {
    html:not([lang=fr]) .mp-intro .mp-slider {
        padding-bottom: 450px !important
    }
}
.ticker-bar {
    background-color: #fff;
    padding: 80px 0 60px
}
@media screen and (max-width:1023px) {
    .ticker-bar {
        padding: 5.85vw 0
    }
}
@media screen and (max-width:767px) {
    .ticker-bar {
        padding: 9.687vw 0
    }
}
.ticker-bar__container {
    height: 46px;
    border-top: 1px solid #e0e3eb;
    border-bottom: 1px solid #e0e3eb;
    position: relative
}
@media screen and (max-width:767px) {
    .ticker-bar__container {
        height: unset
    }
}
.ticker-bar__container:after {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    display: flex;
    width: 10.98%;
    height: calc(100% + 2px);
    background: linear-gradient(90deg, #fff 10%, rgba(244, 246, 251, 0) 94.92%);
    z-index: 1
}
@media screen and (max-width:1023px) {
    .ticker-bar__container:after {
        background: linear-gradient(90deg, #fff 40%, rgba(244, 246, 251, 0) 94.92%)
    }
}
@media screen and (max-width:570px) {
    .ticker-bar__container:after {
        width: 19%
    }
}
@media screen and (max-width:411px) {
    .ticker-bar__container:after {
        width: 24%
    }
}
.ticker-bar__container:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    display: flex;
    width: 10.98%;
    height: calc(100% + 2px);
    background: linear-gradient(270deg, #fff 10%, rgba(244, 246, 251, 0) 125.05%);
    z-index: 1
}
@media screen and (max-width:1023px) {
    .ticker-bar__container:before {
        background: linear-gradient(270deg, #fff 40%, rgba(244, 246, 251, 0) 125.05%)
    }
}
@media screen and (max-width:570px) {
    .ticker-bar__container:before {
        width: 19%
    }
}
@media screen and (max-width:411px) {
    .ticker-bar__container:before {
        width: 24%
    }
}
.mp-platforms {
    padding-bottom: 160px;
    display: flex
}
@media screen and (max-width:1365px) {
    .mp-platforms {
        padding-bottom: 9.76vw
    }
}
@media screen and (max-width:767px) {
    .mp-platforms {
        padding-bottom: 80px
    }
}
.mp-platforms__left {
    width: 50%
}
@media screen and (max-width:1365px) {
    .mp-platforms__left {
        width: 100%;
        margin-bottom: 80px
    }
}
@media screen and (max-width:767px) {
    .mp-platforms__left {
        margin-bottom: 0
    }
}
.mp-platforms__market {
    height: 570px;
    width: 90%
}
@media screen and (max-width:1365px) {
    .mp-platforms__market {
        width: 100%
    }
}
.mp-platforms__right {
    width: 50%;
    display: flex
}
@media screen and (max-width:1365px) {
    .mp-platforms__right {
        width: 100%
    }
}
@media screen and (max-width:767px) {
    .mp-platforms__right {
        flex-direction: column
    }
}
.mp-platforms__descr {
    width: 50%;
    padding: 60px 3% 60px 0;
    position: relative;
    z-index: 5
}
@media screen and (max-width:767px) {
    .mp-platforms__descr {
        width: 100%;
        order: 2;
        padding: 0
    }
}
.mp-platforms__title {
    font-weight: 700;
    font-size: 39px;
    /*line-height: 100%;*/
    line-height: 130%;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #373f41;
    margin-bottom: 44px;
    width: 80%
}
@media screen and (max-width:1023px) {
    .mp-platforms__title {
        font-size: 4.16vw;
        line-height: 4.16vw;
        width: 77%;
        margin-bottom: 5.72vw
    }
}
@media screen and (max-width:767px) {
    .mp-platforms__title {
        width: 100%;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 7.5vw
    }
}
.mp-platforms__text {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .2px;
    color: #737b7d;
    margin-bottom: 125px
}
@media screen and (max-width:1023px) {
    .mp-platforms__text {
        font-size: 2.08vw;
        line-height: 3.125vw;
        margin-bottom: 10.41vw
    }
}
@media screen and (max-width:767px) {
    .mp-platforms__text {
        width: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6.25vw
    }
}
@media screen and (max-width:767px) {
    .mp-platforms__btn {
        min-width: 300px;
        margin: 0 auto;
        height: 50px
    }
}
.mp-platforms__video {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}
@media screen and (max-width:767px) {
    .mp-platforms__video {
        width: 100%;
        order: 1
    }
}
@media screen and (max-width:570px) {
    .mp-platforms__video {
        z-index: -1
    }
}
.mp-platforms__video .video {
    width: 134%;
    max-width: 500px;
    position: absolute;
    z-index: 2;
    background: none
}
@media screen and (max-width:767px) {
    .mp-platforms__video .video {
        position: static
    }
}
.mp-protection {
    padding-bottom: 160px
}
@media screen and (max-width:1023px) {
    .mp-protection {
        padding-bottom: 10.41vw
    }
}
@media screen and (max-width:767px) {
    .mp-protection {
        padding-bottom: 80px
    }
}
.mp-protection__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: .3px;
    color: #444747;
    margin-bottom: 4.16vw;
    text-transform: uppercase;
    text-align: center
}
@media screen and (max-width:1630px) {
    .mp-protection__title {
        font-size: 2.34vw
    }
}
@media screen and (max-width:1365px) {
    .mp-protection__title {
        font-size: 3.12vw
    }
}
@media screen and (max-width:1023px) {
    .mp-protection__title {
        font-size: 4.16vw;
        margin-bottom: 3.9vw
    }
}
@media screen and (max-width:767px) {
    .mp-protection__title {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 30px
    }
}
.mp-protection__items {
    display: flex;
    justify-content: space-between
}
@media screen and (max-width:1023px) {
    .mp-protection__items {
        flex-wrap: wrap
    }
}
.mp-protection__item {
    width: 27.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f4f6fb;
    border-radius: 6px;
    padding: 38px
}
@media screen and (max-width:1630px) {
    .mp-protection__item {
        width: 29.23%
    }
}
@media screen and (max-width:1023px) {
    .mp-protection__item {
        width: 100%;
        margin-bottom: 2.6vw
    }
}
@media screen and (max-width:767px) {
    .mp-protection__item {
        padding: 25px;
        margin-bottom: 22px
    }
}
.mp-protection__item:last-of-type {
    margin-bottom: 0
}
.mp-protection__item-img {
    width: 80px;
    height: 80px;
    margin-bottom: 25px
}
.mp-protection__item-img img {
    width: 100%
}
.mp-protection__item-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    text-align: center;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 25px
}
@media screen and (max-width:1365px) {
    .mp-protection__item-title {
        font-size: 1.83vw;
        line-height: 2.19vw
    }
}
@media screen and (max-width:1023px) {
    .mp-protection__item-title {
        font-size: 2.6vw;
        line-height: 3.9vw
    }
}
@media screen and (max-width:767px) {
    .mp-protection__item-title {
        font-size: 20px;
        line-height: 30px
    }
}
.mp-protection__item-text {
    font-size: 18px;
    line-height: 133%;
    text-align: center;
    letter-spacing: .3px;
    color: #737b7d
}
@media screen and (max-width:1365px) {
    .mp-protection__item-text {
        font-size: 1.31vw;
        line-height: 1.75vw
    }
}
@media screen and (max-width:1023px) {
    .mp-protection__item-text {
        font-size: 2.08vw;
        line-height: 3.125vw
    }
}
@media screen and (max-width:767px) {
    .mp-protection__item-text {
        font-size: 16px;
        line-height: 24px
    }
}
.mp-steps {
    padding-bottom: 100px
}
@media screen and (max-width:1023px) {
    .mp-steps {
        padding-bottom: 7.81vw
    }
}
@media screen and (max-width:767px) {
    .mp-steps {
        padding-bottom: 60px
    }
}
.mp-steps__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 22px;
    letter-spacing: .3px;
    color: #444747;
    margin-bottom: 4.16vw;
    text-transform: uppercase;
    text-align: center
}
@media screen and (max-width:1630px) {
    .mp-steps__title {
        font-size: 2.34vw
    }
}
@media screen and (max-width:1365px) {
    .mp-steps__title {
        font-size: 3.12vw
    }
}
@media screen and (max-width:1023px) {
    .mp-steps__title {
        font-size: 4.16vw;
        margin-bottom: 3.9vw
    }
}
@media screen and (max-width:767px) {
    .mp-steps__title {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 30px
    }
}
.mp-steps__items {
    display: flex;
    justify-content: space-between
}
@media screen and (max-width:1023px) {
    .mp-steps__items {
        flex-wrap: wrap;
        gap: 2.6vw
    }
}
@media screen and (max-width:767px) {
    .mp-steps__items {
        flex-wrap: wrap;
        gap: 20px
    }
}
.mp-steps__item {
    width: 21.43%;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    padding: 42px 22px;
    border: 1px solid rgba(115, 115, 141, .38);
    background-color: #fff;
    transition: .3s
}
@media screen and (max-width:1630px) {
    .mp-steps__item {
        width: 23.46%
    }
}
@media screen and (max-width:1023px) {
    .mp-steps__item {
        width: calc(50% - 1.3vw)
    }
}
@media screen and (max-width:767px) {
    .mp-steps__item {
        width: 100%
    }
}
.mp-steps__item:hover {
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3)
}
.mp-steps__item-img {
    width: 66px;
    height: 65px;
    margin-bottom: 20px
}
.mp-steps__item-img img {
    width: 100%
}
.mp-steps__item-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 137%;
    letter-spacing: .3px;
    color: #000;
    margin-bottom: 6px
}
.mp-steps__item-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .3px;
    color: #737b7d
}
.mp-signing {
    background-color: #e8edf9;
    padding: 60px 0
}
@media screen and (max-width:767px) {
    .mp-signing {
        padding: 34px 0
    }
}
.mp-signing__left {
    max-width: 294px;
    width: 100%;
    margin-right: 37px
}
@media screen and (max-width:1023px) {
    .mp-signing__left {
        width: 27.99vw;
        margin-right: 2.6vw
    }
}
@media screen and (max-width:767px) {
    .mp-signing__left {
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column
    }
}
.mp-signing__title {
    font-weight: 900;
    font-size: 42px;
    line-height: 119%;
    letter-spacing: .2px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #4a6d76, #1943ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px
}
@media screen and (max-width:1023px) {
    .mp-signing__title {
        font-size: 4.78vw;
        line-height: 4.55vw
    }
}
@media screen and (max-width:767px) {
    .mp-signing__title {
        line-height: 44px;
        text-align: center
    }
}
@media screen and (max-width:1023px) {
    .mp-signing__title span {
        font-size: 4.78vw;
        line-height: 100%
    }
}
@media screen and (max-width:767px) {
    .mp-signing__title span {
        line-height: 44px
    }
}
.mp-signing__subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    display: flex;
    align-items: center;
    letter-spacing: .2px;
    color: #444747;
    padding-right: 30px
}
@media screen and (max-width:1023px) {
    .mp-signing__subtitle {
        font-size: 2.6vw;
        line-height: 3.12vw;
        padding: 0
    }
}
@media screen and (max-width:767px) {
    .mp-signing__subtitle {
        font-size: 21px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 15px
    }
}
.mp-signing__right {
    max-width: 776px;
    width: 100%;
    display: flex;
    align-items: center
}
@media screen and (max-width:1023px) {
    .mp-signing__right {
        width: 63.15vw
    }
}
@media screen and (max-width:767px) {
    .mp-signing__right {
        width: 100%
    }
}
.mp-newsline {
    padding: 8.59vw 0 6vw
}
@media screen and (max-width:1023px) {
    .mp-newsline {
        padding: 60px 0 10px
    }
}
.mp-newsline__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.mp-newsline__item {
    width: 27.5%
}
@media screen and (max-width:1365px) {
    .mp-newsline__item {
        width: 28.5%
    }
}
@media screen and (max-width:1023px) {
    .mp-newsline__item:first-of-type {
        order: 3;
        width: 44.27vw
    }
}
@media screen and (max-width:767px) {
    .mp-newsline__item:first-of-type {
        width: 100%;
        margin-bottom: 60px
    }
}
@media screen and (max-width:1023px) {
    .mp-newsline__item:nth-of-type(2) {
        order: 1;
        width: 100%;
        padding-bottom: 5.2vw;
        margin-bottom: 5.2vw;
        border-bottom: 1px solid #eaeaee
    }
}
@media screen and (max-width:767px) {
    .mp-newsline__item:nth-of-type(2) {
        order: 2;
        padding: 0;
        border: 0;
        margin-bottom: 60px
    }
}
@media screen and (max-width:1023px) {
    .mp-newsline__item:nth-of-type(3) {
        order: 2;
        width: 44.27vw
    }
}
@media screen and (max-width:767px) {
    .mp-newsline__item:nth-of-type(3) {
        order: 3;
        width: 100%
    }
}
.mp-newsline__item-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 96%;
    letter-spacing: .3px;
    color: #444747
}
@media screen and (max-width:1630px) {
    .mp-newsline__item-title {
        font-size: 1.31vw;
        line-height: 1.61vw
    }
}
@media screen and (max-width:1023px) {
    .mp-newsline__item-title {
        font-size: 2.34vw;
        line-height: 2.68vw;
        font-size: 24px;
        line-height: 22px;
        margin-bottom: 30px
    }
}
.mp-newsline__item-content {
    margin: 40px 0;
    min-height: 418px
}
@media screen and (max-width:1630px) {
    .mp-newsline__item-content {
        margin: 2.34vw 0
    }
}
@media screen and (max-width:1365px) {
    .mp-newsline__item-content {
        min-height: 328px
    }
}
@media screen and (max-width:1023px) {
    .mp-newsline__item-content {
        margin: 3.9vw 0
    }
}
@media screen and (max-width:767px) {
    .mp-newsline__item-content {
        min-height: unset;
        margin: 30px 0
    }
}
.mp-publications__item {
    border-bottom: 1px solid rgba(115, 115, 141, .38);
    margin-bottom: 47px
}
@media screen and (max-width:1630px) {
    .mp-publications__item {
        margin-bottom: 2.86vw
    }
}
.mp-publications__item:last-of-type {
    margin-bottom: 0
}
.mp-publications__item-title {
    display: flex;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .3px;
    color: #000;
    margin-bottom: 9px;
    line-height: 1;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
@media screen and (max-width:1630px) {
    .mp-publications__item-title {
        font-size: 1.17vw
    }
}
@media screen and (max-width:1023px) {
    .mp-publications__item-title {
        font-size: 2.08vw
    }
}
@media screen and (max-width:767px) {
    .mp-publications__item-title {
        font-size: 16px;
        line-height: 22px
    }
}
.mp-publications__item-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: .3px;
    color: #737b7d;
    margin-bottom: 7px
}
@media screen and (max-width:1630px) {
    .mp-publications__item-text {
        font-size: .95vw;
        line-height: .95vw
    }
}
@media screen and (max-width:1023px) {
    .mp-publications__item-text {
        font-size: 1.69vw;
        line-height: 1.69vw
    }
}
@media screen and (max-width:767px) {
    .mp-publications__item-text {
        font-size: 13px;
        line-height: 13px
    }
}
.mp-publications__item-meta, .mp-publications__item-meta a {
    font-size: 13px;
    line-height: 169%;
    letter-spacing: .3px;
    color: #1943ef;
    margin-bottom: 7px
}
.mp-publications__item-meta a:hover {
    text-decoration: underline
}
.mp-overview__item-video {
    width: 100%;
    height: 248px;
    margin-bottom: 16px
}
@media screen and (max-width:1630px) {
    .mp-overview__item-video {
        height: 12.91vw
    }
}
@media screen and (max-width:1023px) {
    .mp-overview__item-video {
        height: 53.125vw
    }
}
.mp-overview__item-time {
    letter-spacing: .3px;
    color: #1943ef;
    margin-bottom: 4px
}
@media screen and (max-width:1630px) {
    .mp-overview__item-time {
        font-size: .95vw;
        line-height: 1.61vw
    }
}
@media screen and (max-width:1023px) {
    .mp-overview__item-time {
        font-size: 1.69vw;
        line-height: 2.86vw
    }
}
@media screen and (max-width:767px) {
    .mp-overview__item-time {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 6px
    }
}
.mp-overview__item-text {
    font-size: 16px;
    line-height: 112%;
    letter-spacing: .3px;
    color: #737b7d
}
@media screen and (max-width:1630px) {
    .mp-overview__item-text {
        font-size: .95vw;
        line-height: 1.31vw
    }
}
@media screen and (max-width:1023px) {
    .mp-overview__item-text {
        font-size: 1.69vw;
        line-height: 2.34vw
    }
}
@media screen and (max-width:767px) {
    .mp-overview__item-text {
        font-size: 13px;
        line-height: 18px
    }
}
.mp-academy__item {
    display: flex;
    align-items: center;
    background-color: #f4f6fb;
    border-radius: 3px;
    margin-bottom: 20px;
    height: 60px;
    padding: 0 9px
}
@media screen and (max-width:1365px) {
    .mp-academy__item {
        margin-bottom: 7px
    }
}
@media screen and (max-width:1023px) {
    .mp-academy__item {
        margin-bottom: .91vw;
        margin-bottom: 7px
    }
}
.mp-academy__item:hover {
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25)
}
.mp-academy__item:hover .mp-academy__item-title {
    color: #1943ef
}
.mp-academy__item:hover .mp-academy__item-icon svg {
    fill: #1943ef
}
.mp-academy__item:last-of-type {
    margin-bottom: 0
}
.mp-academy__item-icon {
    margin-left: 15px
}
.mp-academy__item-icon svg {
    transition: .3s
}
.mp-academy__item-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: .3px;
    color: #000;
    transition: .3s
}
.header-nav-wrap {
    position: relative;
    z-index: 200;
    background-color: #1943ef;
    transition: transform .2s ease-in-out
}
.header-nav-wrap.nav_up {
    transform: translateY(-52px);
    transition: transform .2s ease-in-out;
    pointer-events: none
}
@media screen and (max-width:992px) {
    .header-nav-wrap {
        display: none;
        position: fixed;
        top: 66px;
        left: 0;
        right: 0;
        height: 100vh;
        overflow: scroll;
        z-index: 50;
        transition: .3s
    }
    .header-nav-wrap .container {
        padding: 0;
        margin: 0;
        max-width: 100%
    }
    .header-nav-wrap.header-nav-open {
        display: block
    }
}
@media screen and (max-width:992px) {
    .header-nav-wrap {
        top: 90px
    }
}
@media screen and (max-width:570px) {
    .header-nav-wrap {
        top: unset
    }
}
.header-nav {
    position: relative;
    right: 15px
}
@media screen and (max-width:992px) {
    .header-nav {
        right: 0
    }
}
.header-nav ul {
    padding: 0;
    margin: 0;
    text-align: right;
    position: relative
}
.header-nav ul li.sub {
    display: inline-block;
    position: relative
}
.header-nav ul li.sub a {
    display: inline-block;
    padding: 15px;
    font-size: 16px;
    color: #fff
}
.header-nav ul li.sub a:hover {
    color: #fff;
    text-decoration: none
}
.header-nav ul li.sub a i {
    display: none
}
.header-nav ul li.sub .sub-menu.desc {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 160px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .55);
    background-color: #1332b4;
    padding: 40px;
    z-index: 100
}
.header-nav ul li.sub .sub-menu.right-side {
    right: inherit;
    left: 0
}
.header-nav ul li.sub .sub-menu .sub-menu-heading {
    color: #7b8bd5;
    font-weight: 300;
    font-size: 13px;
    padding: 5px 15px 5px 0;
    text-align: right
}
@media screen and (max-width:992px) {
    .header-nav ul li.sub .sub-menu .sub-menu-heading {
        padding: 5px 15px
    }
}
.header-nav ul li.sub .sub-menu ul {
    padding: 0;
    margin: 0
}
.header-nav ul li.sub .sub-menu ul li {
    display: block;
    text-align: right;
    min-width: 200px
}
.header-nav ul li.sub .sub-menu ul li a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    transition: .3s;
    position: relative
}
.header-nav ul li.sub .sub-menu ul li a:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-right-color: #fff;
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    bottom: 100%;
    z-index: 100
}
@media screen and (max-width:992px) {
    .header-nav ul li.sub .sub-menu ul li a {
        padding: 5px 15px 5px 30px
    }
    .header-nav ul li.sub .sub-menu ul li a:before {
        right: 15px
    }
}
.header-nav ul li.sub .sub-menu ul li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1943ef
}
.header-nav ul li.sub:hover {
    background-color: #1332b4
}
.header-nav ul li.sub:hover .sub-menu.desc {
    display: flex
}
@media screen and (max-width:992px) {
    .header-nav ul li.sub {
        display: block
    }
    .header-nav ul li.sub a {
        display: block;
        text-align: right;
        position: relative;
        transition: .3s
    }
    .header-nav ul li.sub a[aria-expanded=true] {
        background-color: #1332b4;
        color: #fff
    }
    .header-nav ul li.sub a i {
        display: initial;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%)
    }
    .header-nav ul li.sub .sub-menu {
        transition: .3s
    }
    .header-nav ul li.sub .sub-menu.show {
        transition: .3s;
        background-color: #1332b4;
        height: auto;
        position: relative
    }
}
@media screen and (max-width:992px) {
    .footer-nav {
        max-width: 100%;
        margin: 0 auto
    }
}
.footer-nav ul {
    padding: 0;
    margin: 0;
    text-align: center
}
.footer-nav ul.footer-nav-inner-wrap {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    flex-wrap: wrap
}
@media screen and (max-width:992px) {
    .footer-nav ul.footer-nav-inner-wrap {
        display: block
    }
}
.footer-nav li.sub {
    display: inline-block;
    padding: 0;
    position: relative;
    color: #222;
    text-align: right
}
@media screen and (max-width:992px) {
    .footer-nav li.sub {
        display: block;
        width: 100% !important;
        padding: 0;
        margin-bottom: 0;
        border-bottom: none
    }
    .footer-nav li.sub:nth-of-type(5), .footer-nav li.sub:nth-of-type(6) {
        margin-top: 0
    }
}
.footer-nav li.sub a {
    text-transform: uppercase;
    color: #727272;
    text-align: right;
    position: relative;
    font-weight: 300
}
.footer-nav li.sub a:hover {
    text-decoration: none
}
@media screen and (max-width:1200px) {
    .footer-nav li.sub a {
        font-size: 14px
    }
}
@media screen and (max-width:992px) {
    .footer-nav li.sub a {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #d4d4db
    }
}
.footer-nav li.sub a[aria-expanded=true] {
    border-bottom: 1px solid transparent
}
.footer-nav li.sub i {
    display: none;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%)
}
@media screen and (max-width:992px) {
    .footer-nav li.sub i {
        display: initial
    }
}
.footer-nav .sub-menu {
    margin-top: 10px
}
.footer-nav .sub-menu.desc {
    display: flex;
    justify-content: space-between
}
.footer-nav .sub-menu.desc .drop-menu-wrap {
    width: 100%
}
.footer-nav .sub-menu.desc .sub-menu-heading {
    margin-top: 0;
    text-align: right
}
.footer-nav .sub-menu .drop-menu {
    text-transform: none;
    font-size: 14px
}
.footer-nav .sub-menu .drop-menu li {
    text-align: right
}
.footer-nav .sub-menu .drop-menu li a {
    display: inline-block;
    text-transform: none;
    padding: 5px 0;
    color: #444747;
    font-weight: 400
}
.footer-nav .sub-menu .drop-menu li a:hover {
    color: #1943ef;
    text-decoration: underline
}
.footer-nav .sub-menu .sub-menu-heading {
    margin: 10px 0;
    font-weight: 700
}
@media screen and (max-width:992px) {
    .footer-nav .sub-menu.show {
        border-bottom: 1px solid #d4d4db
    }
    .footer-nav .sub-menu .drop-menu li a {
        border-bottom: none;
        padding: 10px 15px
    }
    .footer-nav .sub-menu .sub-menu-heading {
        font-size: 14px;
        text-align: right;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: 700;
        padding: 0 15px
    }
}
.right-menu {
    background-color: #fff
}
.right-menu a {
    display: block;
    color: #373f41;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px;
    border-right: 7px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    transition: .3s
}
.right-menu a:hover, .right-menu li.active a {
    color: #1943ef;
    border-right: 7px solid #1943ef;
    border-bottom: 1px solid #1943ef;
    text-decoration: none
}
.menu-level-2 {
    margin-right: 15px;
    margin-left: -15px;
    display: none
}
.author-info {
    margin-bottom: 80px;
    justify-content: space-between
}
@media screen and (max-width:570px) {
    .author-info {
        flex-direction: column;
        align-items: center
    }
}
.author-info .author-photo {
    width: 160px;
    border-radius: 50%;
    margin-left: 40px
}
@media screen and (max-width:570px) {
    .author-info .author-photo {
        margin-left: 0
    }
}
.author-info .author-photo img {
    width: 160px;
    max-width: 160px
}
@media screen and (max-width:992px) {
    .author-info .author-photo img {
        width: 100px;
        max-width: 100px
    }
}
@media screen and (max-width:570px) {
    .author-info .author-photo img {
        width: 100%;
        max-width: 100%
    }
}
.author-info .author-descr h2 {
    color: #373f41
}
@media screen and (max-width:570px) {
    .author-info .author-descr h2 {
        margin-top: 20px
    }
}
.author-info .author-contacts {
    margin-top: 30px
}
.author-info .author-contacts span {
    color: #373f41;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 700
}
@media screen and (max-width:570px) {
    .author-info .author-contacts span {
        display: block;
        margin-bottom: 5px
    }
}
.author-info .author-contacts ul {
    display: inline-block
}
.author-info .author-contacts ul li {
    display: inline-block;
    margin-left: 5px
}
.author-info .author-contacts ul a {
    color: #c4c4c4;
    transition: .2s;
    font-size: 20px
}
@media screen and (max-width:570px) {
    .author-info .author-contacts ul a {
        font-size: 38px
    }
}
.author-info .author-contacts ul a:hover {
    color: #3c64b1
}
.author-posts__descr {
    width: 100%
}
.author-posts__item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #b9b9c6
}
@media screen and (max-width:570px) {
    .author-posts__item {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}
.author-posts__item:not(:last-of-type) {
    margin-bottom: 30px
}
.author-posts__item a {
    color: #1943ef
}
.author-posts__item a.read-more {
    display: block;
    margin-top: 30px
}
.author-posts__item p {
    font-size: 14px
}
.author-posts__item h3 {
    text-transform: none
}
.author-posts__item img {
    width: 255px;
    max-width: 255px
}
@media screen and (max-width:992px) {
    .author-posts__item img {
        width: 150px;
        max-width: 150px
    }
}
@media screen and (max-width:570px) {
    .author-posts__item img {
        width: 100%;
        max-width: 255px
    }
}
.author-posts__title-img {
    margin-left: 30px
}
@media screen and (max-width:570px) {
    .author-posts__title-img {
        margin-left: 0;
        margin-bottom: 20px
    }
}
.author-posts__time {
    margin-bottom: 20px;
    color: #73738d;
    font-size: 14px
}
.post-template a {
    color: #1943ef
}
.post-template .reading-time {
    color: #73738d
}
.post-template img, .post-template ul {
    margin-bottom: 30px
}
.post-template ul li {
    position: relative;
    padding-right: 25px
}
.post-template ul li:before {
    position: absolute;
    content: "●";
    top: -1px;
    right: 0;
    color: #1943ef
}
.post-template ol, .post-template p:last-of-type {
    margin-bottom: 30px
}
.post-template ol>li {
    padding: 0 0 15px 40px;
    counter-increment: item-1;
    position: relative
}
.post-template ol>li:before {
    content: counter(item-1);
    font-size: 13px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 22px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 1px;
    background: #1943ef;
    text-align: center
}
.post-template .four-column-table {
    margin-top: 0
}
.post-template table {
    margin-bottom: 30px
}
.post-template .alert-block {
    padding: 15px 15px 15px 50px;
    position: relative;
    background-color: #1943ef;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    display: inline-block
}
.post-template .alert-block a {
    color: #fff
}
.post-template .alert-block:before {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    background-image: url(../img/alert-white-img.svg);
    background-size: contain;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}
.post-template .alert-block.alert-white {
    background-color: #fff;
    color: #1943ef;
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3)
}
.post-template .alert-block.alert-white a {
    color: #1943ef
}
.post-template .alert-block.alert-white:before {
    background-image: url(../img/alert-blue-img.svg)
}
.post-template .custom-accordion {
    margin: 70px 0
}
.post-template .panel {
    box-shadow: 0 1px 6px rgba(60, 100, 177, .3)
}
.post-template .author-contacts {
    margin-top: 0
}
@media screen and (max-width:570px) {
    .post-template .author-contacts span {
        text-align: center
    }
}
.post-template .author-contacts ul {
    margin-bottom: 0
}
.post-template .author-contacts ul li {
    padding: 0
}
.post-template .author-contacts ul li:before {
    display: none
}
.post-template .author-info .date-published {
    padding-right: 20px;
    position: relative;
    font-size: 14px;
    color: #73738d
}
@media screen and (max-width:570px) {
    .post-template .author-info .date-published {
        flex-direction: column;
        margin-bottom: 20px
    }
}
.post-template .author-info .date-published:before {
    position: absolute;
    content: "";
    font-family: "FontAwesome";
    top: 0;
    right: 0
}
.post-template .author-info-footer {
    align-items: center;
    justify-content: space-between
}
@media screen and (max-width:570px) {
    .post-template .author-info-footer {
        flex-direction: column
    }
}
.post-template .article-tags-wrap, .post-template .recent-posts {
    margin-bottom: 50px
}
.post-template .article-tags-wrap span {
    margin-bottom: 10px;
    display: inline-block
}
.post-template .article-tags {
    margin-left: 10px
}
@media screen and (max-width:768px) {
    .post-template .article-tags {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}
.post-template .article-tags .article-tags__item {
    display: inline-block;
    background: #fff;
    box-shadow: 0 1px 6px rgba(60, 100, 177, .3);
    border-radius: 5px;
    padding: 12px;
    font-size: 18px;
    font-weight: 700;
    color: #373f41;
    transition: .3s;
    margin-left: 10px
}
.post-template .article-tags .article-tags__item:hover {
    color: #fff;
    background-color: #1943ef
}
@media screen and (max-width:768px) {
    .post-template .article-tags .article-tags__item {
        margin-bottom: 10px;
        font-size: 14px
    }
}
.contents-wrap {
    margin-bottom: 30px;
    padding: 20px 15px;
    background: #eaedf3;
    border-radius: 5px;
    font-size: 13px
}
.contents-wrap li {
    padding-right: 20px;
    counter-increment: item-1;
    position: relative
}
.contents-wrap li:before {
    content: counter(item-1);
    position: absolute;
    right: 0;
    top: 4px
}
.contents-wrap li>ol>li {
    counter-increment: item-2;
    position: relative
}
.contents-wrap li>ol>li:before {
    content: counter(item-1) "."counter(item-2);
    position: absolute;
    right: 0;
    top: 4px
}
.contents-wrap li a {
    padding: 5px 0;
    display: block;
    color: #1943ef
}
.contents-wrap li a:hover {
    text-decoration: underline
}
.contents-wrap li:last-of-type {
    margin-bottom: 0
}
.featured-images {
    overflow: hidden;
    max-height: 300px;
    margin-bottom: 30px
}
@media screen and (max-width:992px) {
    .featured-images {
        overflow: inherit;
        max-height: inherit;
        margin-bottom: 0
    }
}
.zr-toc-links>li>ul>li {
    padding: 0 0 0 40px
}
.page-preloader {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden
}
.page-preloader .preloader {
    height: 34px;
    width: 34px;
    -webkit-animation: preloader-1 2s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: preloader-1 2s cubic-bezier(.77, 0, .175, 1) infinite
}
.page-preloader .preloader:before {
    right: 0;
    left: auto;
    -webkit-animation: preloader-2 2s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: preloader-2 2s cubic-bezier(.77, 0, .175, 1) infinite
}
.page-preloader .preloader:after, .page-preloader .preloader:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    background: #1f2026;
    border-radius: 8px
}
.page-preloader .preloader:after {
    right: auto;
    left: 0;
    -webkit-animation: preloader-3 2s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: preloader-3 2s cubic-bezier(.77, 0, .175, 1) infinite
}
.page-preloader .preloader span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 34px;
    width: 34px
}
.page-preloader .preloader span:before {
    top: 0;
    bottom: auto;
    -webkit-animation: preloader-4 2s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: preloader-4 2s cubic-bezier(.77, 0, .175, 1) infinite
}
.page-preloader .preloader span:after, .page-preloader .preloader span:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    background: #1943ef;
    border-radius: 8px
}
.page-preloader .preloader span:after {
    top: auto;
    bottom: 0;
    -webkit-animation: preloader-5 2s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: preloader-5 2s cubic-bezier(.77, 0, .175, 1) infinite
}
@-webkit-keyframes preloader-1 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}
@keyframes preloader-1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}
@-webkit-keyframes preloader-2 {
    0% {
        -webkit-transform: translateZ(0) scale(1)
    }
    50% {
        -webkit-transform: translate3d(24px, 0, 0) scale(.5)
    }
    to {
        -webkit-transform: translateZ(0) scale(1)
    }
}
@keyframes preloader-2 {
    0% {
        transform: translateZ(0) scale(1)
    }
    50% {
        transform: translate3d(24px, 0, 0) scale(.5)
    }
    to {
        transform: translateZ(0) scale(1)
    }
}
@-webkit-keyframes preloader-3 {
    0% {
        -webkit-transform: translateZ(0) scale(1)
    }
    50% {
        -webkit-transform: translate3d(-24px, 0, 0) scale(.5)
    }
    to {
        -webkit-transform: translateZ(0) scale(1)
    }
}
@keyframes preloader-3 {
    0% {
        transform: translateZ(0) scale(1)
    }
    50% {
        transform: translate3d(-24px, 0, 0) scale(.5)
    }
    to {
        transform: translateZ(0) scale(1)
    }
}
@-webkit-keyframes preloader-4 {
    0% {
        -webkit-transform: translateZ(0) scale(1)
    }
    50% {
        -webkit-transform: translate3d(0, 24px, 0) scale(.5)
    }
    to {
        -webkit-transform: translateZ(0) scale(1)
    }
}
@keyframes preloader-4 {
    0% {
        transform: translateZ(0) scale(1)
    }
    50% {
        transform: translate3d(0, 24px, 0) scale(.5)
    }
    to {
        transform: translateZ(0) scale(1)
    }
}
@-webkit-keyframes preloader-5 {
    0% {
        -webkit-transform: translateZ(0) scale(1)
    }
    50% {
        -webkit-transform: translate3d(0, -24px, 0) scale(.5)
    }
    to {
        -webkit-transform: translateZ(0) scale(1)
    }
}
@keyframes preloader-5 {
    0% {
        transform: translateZ(0) scale(1)
    }
    50% {
        transform: translate3d(0, -24px, 0) scale(.5)
    }
    to {
        transform: translateZ(0) scale(1)
    }
}
.signing__form {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}
.signing__form-top {
    display: flex;
    justify-content: space-between
}
.signing__form-left, .signing__form-right {
    width: calc(50% - 10px)
}
.signing__form-bottom {
    display: flex
}
.signing__form-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.signing__group {
    position: relative;
    max-width: 378px;
    width: calc(50% - 10px);
    margin-bottom: 20px
}
@media screen and (max-width:1365px) {
    .signing__group {
        max-width: 29.29vw
    }
}
@media screen and (max-width:1023px) {
    .signing__group {
        max-width: 30.27vw
    }
}
@media screen and (max-width:767px) {
    .signing__group {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px
    }
}
.signing__group:first-of-type {
    order: 1
}
.signing__group:nth-of-type(2) {
    order: 2
}
.signing__group:nth-of-type(3) {
    order: 3
}
.signing__group:nth-of-type(4) {
    order: 4
}
.signing__group:nth-of-type(5) {
    order: 5;
    margin-bottom: 0
}
@media screen and (max-width:767px) {
    .signing__group:nth-of-type(5) {
        order: 6
    }
}
.signing__group input {
    padding-left: 38px
}
.signing__group input.prefix-phone-input {
    padding-left: 0
}
.signing__group:nth-of-type(6) {
    order: 6;
    margin-bottom: 0
}
@media screen and (max-width:767px) {
    .signing__group:nth-of-type(6) {
        order: 5;
        margin-bottom: 15px
    }
}
.signing__group .form-control {
    height: 44px;
    border: 1px solid #d2daee;
    border-radius: 3px;
    margin-bottom: 0
}
.signing__group .form-control::-moz-placeholder {
    color: rgba(115, 115, 141, .6)
}
.signing__group .form-control:-ms-input-placeholder {
    color: rgba(115, 115, 141, .6)
}
.signing__group .form-control::placeholder {
    color: rgba(115, 115, 141, .6)
}
.signing__group .checkbox-row {
    display: flex
}
.signing__group .checkbox-label {
    padding-right: 0
}
.signing__group .checkbox-label span {
    width: 20px;
    height: 20px;
    position: relative;
    margin-left: 10px;
    border: 1px solid #d2daee;
    border-radius: 3px
}
@media screen and (max-width:767px) {
    .signing__group .checkbox-label span {
        margin-left: 4.375vw
    }
}
.signing__group .checkbox-label span:before {
    top: 1px;
    right: 1px;
    width: 16px;
    height: 16px
}
.signing__group .checkbox-text {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .2px;
    color: #373f41
}
@media screen and (max-width:1023px) {
    .signing__group .checkbox-text {
        font-size: 1.43vw;
        line-height: 1.43vw
    }
}
@media screen and (max-width:767px) {
    .signing__group .checkbox-text {
        font-size: 14px;
        line-height: 21px
    }
}
.signing__group .form-control::-moz-placeholder, .signing__group .prefix-phone-input::-moz-placeholder {
    font-size: 15px
}
.signing__group .form-control:-ms-input-placeholder, .signing__group .prefix-phone-input:-ms-input-placeholder {
    font-size: 15px
}
.signing__group .form-control::placeholder, .signing__group .prefix-phone-input::placeholder {
    font-size: 15px
}
.signing__group.form-group.form-error .form-control {
    margin: 0
}
.signing__group-icon {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjcuNSIgc3Ryb2tlPSIjQjU1QTYwIi8+PHBhdGggZD0iTTcuMTE1IDcuMzkyYS44OTIuODkyIDAgMTExLjc4NCAwdjMuNzE2YS44OTIuODkyIDAgMDEtMS43ODQgMFY3LjM5MnptMS4xMy0zLjdhLjc1NC43NTQgMCAwMTAgMS41MDloLS40OWEuNzU0Ljc1NCAwIDAxMC0xLjUwOWguNDl6IiBmaWxsPSIjQjU1QTYwIi8+PC9zdmc+");
    display: none;
    width: 38px;
    height: 43px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50%
}
.signing__group-icon:hover+span.form-error {
    display: flex !important
}
.signing__group.form-group.form-error .signing__group-icon {
    display: flex
}
.signing__group.form-group.form-error .form-control {
    border-color: #b55a60
}
.signing__group.form-group .form-error {
    bottom: unset;
    right: unset;
    left: 0;
    min-height: unset;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    padding: 10px;
    max-width: 250px;
    min-width: 200px;
    display: none !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #b55a60;
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3);
    border-radius: 3px;
    font-size: 14px;
    transition: .3s
}
.signing__group.form-group .form-error:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 6px;
    border-bottom: 10px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}
.signing__group.form-group #tosaccept-error.form-error {
    display: flex !important;
    background-color: unset;
    left: unset;
    right: 0;
    padding: 0;
    font-size: 13px;
    margin-top: 5px;
    box-shadow: unset;
    justify-content: flex-start
}
.signing__group.form-group #tosaccept-error.form-error:before {
    display: none
}
.signing .prefix-group {
    display: flex;
    padding-right: 30px
}
.signing .prefix-group .prefix-select {
    display: flex
}
.signing .prefix-group .prefix-select:hover {
    cursor: pointer
}
.signing .prefix-group .prefix-flag {
    height: 100%;
    width: 22px;
    min-width: 22px;
    display: flex;
    align-items: center;
    margin-left: 20px
}
.signing .prefix-group .prefix-dial-code {
    margin-left: 8px;
    display: flex;
    align-items: center
}
.signing .prefix-group .prefix-phone-input {
    background: none;
    border: none;
    outline: none;
    width: 100%;
    border-radius: 3px;
    color: #737598
}
.signing .prefix-group .prefix-phone-input::-moz-placeholder {
    color: rgba(115, 115, 141, .6)
}
.signing .prefix-group .prefix-phone-input:-ms-input-placeholder {
    color: rgba(115, 115, 141, .6)
}
.signing .prefix-group .prefix-phone-input::placeholder {
    color: rgba(115, 115, 141, .6)
}
.signing .prefix-group .prefix-list-wrap {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    z-index: 2;
    background-color: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
    border-radius: 3px;
    overflow: hidden;
    display: none
}
.signing .prefix-group .prefix-list-wrap.prefix-list-active {
    display: flex
}
.signing .prefix-group .prefix-list {
    max-height: 250px;
    overflow-y: scroll;
    padding: 4px 0
}
.signing .prefix-group .prefix-list::-webkit-scrollbar {
    width: 8px
}
.signing .prefix-group .prefix-list::-webkit-scrollbar-thumb {
    background-color: #1943ef;
    border-radius: 2px
}
.signing .prefix-group .prefix-list::-webkit-scrollbar-track {
    background-color: #e0e0e0
}
.signing .prefix-group .prefix-list::-webkit-scrollbar-corner {
    border-radius: 2px
}
.signing .prefix-group .prefix-list-item {
    margin: 0 4px;
    padding: 7px;
    display: flex;
    justify-content: space-between;
    min-height: 38px;
    font-size: 15px;
    transition: .25s;
    border-radius: 3px
}
.signing .prefix-group .prefix-list-item:hover {
    cursor: pointer;
    background: rgba(26, 44, 68, .12);
    color: #000
}
.signing .prefix-group .prefix-item-left {
    display: flex;
    width: calc(100% - 60px)
}
.signing .prefix-group .prefix-item-right {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}
.signing .prefix-group .prefix-item-flag {
    width: 24px;
    min-width: 24px;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 10px
}
.signing .prefix-group .prefix-flag-current-2:after, .signing .prefix-group .prefix-flag-current:after {
    content: "";
    position: absolute;
    left: -12px;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #737598;
    transition: .15s
}
.signing .prefix-group .prefix-flag-current-2.prefix-flag-active:after, .signing .prefix-group .prefix-flag-current.prefix-flag-active:after {
    transform: rotate(-180deg)
}
.signing .prefix-group .prefix-item-flag img {
    box-shadow: 0 0 3px hsla(0, 0%, 61.2%, .44);
    border-radius: 2px;
    overflow: hidden
}
.signing .prefix-group .prefix-item-name {
    display: flex;
    align-items: center
}
.signing .prefix-group .rtl-content .prefix-list-item {
    direction: rtl
}
.signing .prefix-group .rtl-content .prefix-item-flag {
    margin-left: unset;
    margin-right: 10px
}
.signing .prefix-group .rtl-content .prefix-flag-current {
    margin-left: 10px;
    margin-right: unset
}
@media(max-width:550px) {
    .signing .prefix-group .prefix-list-wrap {
        left: -1px
    }
}
.top-signing {
    background-color: #e8edf9;
    box-shadow: 0 0 32px rgba(0, 0, 0, .25);
    border-radius: 6px;
    padding: 28px 20px;
    max-width: 380px
}
@media screen and (max-width:1365px) {
    .top-signing {
        max-width: 100%;
        position: relative;
        box-shadow: unset;
        z-index: 5;
        display: flex;
        margin: 0 auto;
        padding: 60px 20px
    }
}
@media screen and (max-width:767px) {
    .top-signing {
        flex-direction: column
    }
}
@media screen and (max-width:570px) {
    .top-signing {
        padding: 34px 10px
    }
}
.top-signing__title {
    font-weight: 300;
    font-size: 19px;
    line-height: 23px;
    /*letter-spacing: .2px;*/
    letter-spacing: 0px;
    color: #444747;
    margin-bottom: 20px;
    text-align: center
}
@media screen and (max-width:1365px) {
    .top-signing__title {
        max-width: 294px;
        width: 100%;
        margin-left: 0;
        text-align: right
    }
}
@media screen and (max-width:992px) {
    .top-signing__title {
        max-width: 29.63vw
    }
}
@media screen and (max-width:767px) {
    .top-signing__title {
        max-width: 100vw;
        text-align: center
    }
}
.top-signing__title .bolder {
    font-weight: 900;
    font-size: 25px;
    line-height: 138%;
    color: #444747;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 0
}
@media screen and (max-width:1365px) {
    .top-signing__title .bolder {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 40px
    }
}
@media screen and (max-width:992px) {
    .top-signing__title .bolder {
        font-size: 3.72vw;
        line-height: 4.03vw
    }
}
@media screen and (max-width:767px) {
    .top-signing__title .bolder {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px
    }
}
@media screen and (max-width:570px) {
    .top-signing__title .bolder {
        font-size: 6vw;
        line-height: 7vw
    }
}
.top-signing__title .bolder span:first-of-type {
    display: none
}
@media screen and (max-width:570px) {
    .top-signing__title .bolder span:first-of-type {
        display: inline-flex
    }
}
.top-signing__title .bolder span:nth-of-type(2) {
    color: #1943ef
}
@media screen and (max-width:1365px) {
    .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 32px
    }
}
@media screen and (max-width:570px) {
    .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 6vw;
        line-height: 7vw;
        margin-bottom: 10px
    }
}
@media screen and (max-width:411px) {
    .top-signing__title .small {
        font-size: 5vw
    }
}
@media screen and (max-width:1365px) {
    .top-signing .signing__form {
        max-width: 776px;
        width: 100%
    }
}
.top-signing .signing__form-row {
    display: flex;
    flex-wrap: wrap
}
.top-signing .signing__group {
    position: relative;
    max-width: 378px;
    width: 100%;
    margin-bottom: 20px
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group {
        max-width: 100%
    }
}
@media screen and (max-width:767px) {
    .top-signing .signing__group {
        margin-bottom: 15px
    }
}
.top-signing .signing__group:first-of-type {
    order: 1;
    width: 48.5%
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group:first-of-type {
        order: 1;
        width: 48.5%
    }
}
@media screen and (max-width:767px) {
    .top-signing .signing__group:first-of-type {
        order: 1;
        width: 100%
    }
}
.top-signing .signing__group:nth-of-type(2) {
    order: 2;
    width: 48.5%
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group:nth-of-type(2) {
        width: 48.5%
    }
}
@media screen and (max-width:767px) {
    .top-signing .signing__group:nth-of-type(2) {
        width: 100%
    }
}
.top-signing .signing__group:nth-of-type(3) {
    order: 3
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group:nth-of-type(3) {
        width: 48.5%
    }
}
@media screen and (max-width:767px) {
    .top-signing .signing__group:nth-of-type(3) {
        width: 100%
    }
}
.top-signing .signing__group:nth-of-type(4) {
    order: 4
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group:nth-of-type(4) {
        order: 4;
        width: 48.5%
    }
}
@media screen and (max-width:767px) {
    .top-signing .signing__group:nth-of-type(4) {
        order: 4;
        width: 100%
    }
}
.top-signing .signing__group:nth-of-type(5) {
    order: 6;
    margin-bottom: 0
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group:nth-of-type(5) {
        width: 48.5%
    }
}
@media screen and (max-width:767px) {
    .top-signing .signing__group:nth-of-type(5) {
        order: 6;
        width: 100%
    }
}
.top-signing .signing__group:nth-of-type(6) {
    order: 5
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group:nth-of-type(6) {
        width: 48.5%;
        margin-bottom: 0
    }
}
@media screen and (max-width:767px) {
    .top-signing .signing__group:nth-of-type(6) {
        order: 5;
        width: 100%;
        margin-bottom: 15px
    }
}
.top-signing .signing__group .checkbox-text {
    font-size: 14px;
    line-height: 21px
}
@media screen and (max-width:1365px) {
    .top-signing .signing__group .checkbox-text {
        font-size: 11px;
        line-height: 11px
    }
}
.recent-posts__item .recent-post__img {
    margin-bottom: 30px;
    max-height: 134px;
    overflow: hidden;
    display: block
}
.recent-posts__item a:hover, .recent-posts__item a:hover .recent-posts__item-title {
    color: #3c64b1
}
.recent-posts__item-title {
    color: #373f41;
    font-size: 18px;
    line-height: 1.35em;
    font-weight: 700;
    margin-bottom: 15px
}
.recent-posts__item-descr {
    color: #373f41;
    font-size: 14px;
    line-height: 1.4em
}
.faq-text {
    margin-top: 90px
}
@media screen and (max-width:992px) {
    .faq-text {
        margin-top: 50px
    }
}
.assets-page__intro {
    padding: 60px 0 25px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom
}
@media screen and (max-width:570px) {
    .assets-page__intro {
        padding: 50px 0 20px;
        background-size: 900px
    }
}
.assets-page__intro.page-currencies, .assets-page__intro.assets-currencies {
    background-image: url(../images/currencies-intro.svg)
}
.assets-page__intro.page-precious-metals, .assets-page__intro.assets-precious-metals {
    background-image: url(../images/precious-metals-intro.svg)
}
.assets-page__intro.page-indices, .assets-page__intro.assets-indices {
    background-image: url(../images/indices-intro.svg)
}
.assets-page__intro.page-energy-carriers, .assets-page__intro.assets-energy-carriers {
    background-image: url(../images/energy-carriers-intro.svg)
}
.assets-page__intro.page-cryptocurrencies, .assets-page__intro.assets-cryptocurrencies  {
    background-image: url(../images/cryptocurrencies-intro.svg)
}
.assets-page__intro.page-stocks, .assets-page__intro.assets-stocks {
    background-image: url(../images/stocks-intro.svg)
}
.assets-page__intro.page-commodities, .assets-page__intro.assets-commodities  {
    background-image: url(../images/commodities-intro.svg)
}
.assets-page__intro--icon {
    margin-top: 25px
}
@media screen and (max-width:570px) {
    .assets-page__intro--icon {
        height: 80px
    }
}
.assets-page__intro--icon img {
    max-height: 100%
}
.single-page-title-section__content {
    max-width: 700px;
    margin: 0 auto
}
.features-hovered .mp-features__item {
    height: 100%;
    padding: 40px 30px;
    transition: .3s;
    width: 30vw
}
@media screen and (max-width:1023px) {
    .features-hovered .mp-features__item {
        width: 30vw
    }
}
@media screen and (max-width:991px) {
    .features-hovered .mp-features__item {
        width: 50vw
    }
}
@media screen and (max-width:768px) {
    .features-hovered .mp-features__item {
        max-width: unset;
        width: 100%
    }
}
.features-hovered .mp-features__item.p-15 {
    padding: 15px
}
.features-hovered .mp-features__item img {
    height: 56px;
    margin-bottom: 20px
}
.features-hovered .mp-features__item h2 {
    word-break: break-word
}
.features-hovered .mp-features__item:hover {
    box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .25)
}
.assets-links-wrap {
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px
}
@media screen and (max-width:1400px) {
    .assets-links-wrap {
        width: 80%;
        margin: 0 auto
    }
}
@media screen and (max-width:1200px) {
    .assets-links-wrap {
        width: 100%
    }
}
.assets-links-wrap .assets-links__item {
    text-align: center;
    padding: 20px;
    transition: .3s;
    min-width: 160px;
    color: #737b7d
}
@media screen and (max-width:570px) {
    .assets-links-wrap .assets-links__item {
        min-width: 100%
    }
}
.assets-links-wrap .assets-links__item img {
    height: 56px;
    margin-bottom: 20px
}
.assets-links-wrap .assets-links__item:hover {
    box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .25)
}
@media(max-width:656px) {
    .reg-img.d-flex.justify-content-between.align-items-center.providers__item {
        width: 33%;
        height: 50px
    }
    .reg-img.providers__item.mr-2.mr-sm-4.m, .reg-providers-lines .providers__item span {
        float: right;
        width: 100%
    }
    .reg-img.d-flex.justify-content-between.align-items-center.providers__item:last-child {
        float: right;
        width: 83%
    }
}
@media(max-width:340px) {
    .reg-providers-lines .providers__item span {
        font-size: 11px
    }
}
@media(min-width:340px)and (max-width:656px) {
    .providers.d-flex.flex-wrap.flex-sm-row.justify-content-between.align-items-start.align-items-sm-center {
        justify-content: space-around !important
    }
}
@media(max-width:992px) {
    .reg-img.providers__item.providers {
        width: 25%
    }
    .reg_first {
        display: inline-flex;
        width: 100% !important
    }
}
img.provider_img {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.payment_img img {
    padding: 10px 25px
}
@media(min-width:572px) {
    .payment_img img:first-child {
        padding: 10px 30px 10px 0
    }
}
.reg-providers-lines.row.pt-3.pb-3 {
    margin-bottom: 0 !important
}
.reg_first {
    display: inline-flex;
    width: 50%;
    padding: 10px 0
}
.reg-img.providers__item.providers {
    width: 25%;
    height: 25px;
    display: flex
}
@media(max-width:330px) {
    p.metatrader_title {
        font-size: 13px
    }
}
@media(max-width:410px) {
    p.metatrader_title {
        max-width: 130px !important
    }
}
p.metatrader_title {
    margin-bottom: 0 !important;
    max-width: 150px
}
img.fr-fic.fr-dii.fr {
    width: 25px
}
@media(min-width:769px)and (max-width:992px) {
    a.assets-links__item.crypto__item {
        margin-left: 230px
    }
}
.two-col-section__item {
    height: 100%;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.two-col-section__item .two-col-section__item-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px
}
.two-col-section__item .two-col-section__item-header img {
    margin-left: 15px;
    height: 56px
}
.two-col-section__item ul {
    margin-bottom: 30px
}
.two-col-section__item ul li:not(:last-of-type) {
    margin-bottom: 10px
}
.col-md-6 {
    margin: 10px 0 !important
}
.two-col-section-wrap {
    justify-content: space-between
}
.two-col-section-wrap .two-col-section__item {
    width: 48%
}
@media screen and (max-width:768px) {
    .two-col-section-wrap {
        flex-direction: column
    }
    .two-col-section-wrap .two-col-section__item {
        width: 100%
    }
}
.oil-chart__nav {
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between
}
@media screen and (max-width:768px) {
    .oil-chart__nav {
        flex-direction: column
    }
}
.oil-chart__period .btn:not(:last-of-type), .oil-chart_btns .btn:not(:last-of-type) {
    margin-right: 10px
}
@media screen and (max-width:570px) {
    .oil-chart__period {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
    .oil-chart__period .btn:not(:last-of-type) {
        margin-right: 0
    }
}
@media screen and (max-width:570px) {
    .oil-chart__period .btn {
        width: 48%;
        margin: 5px 0
    }
}
.contracts-spec-tabs .nav-tabs {
    border-bottom: none
}
.contracts-spec-tabs .nav-item .nav-link {
    padding: 15px 50px 15px 15px;
    color: #73738d;
    text-decoration: underline;
    font-weight: 700;
    font-size: 16px;
    border: none;
    border-radius: 0
}
.contracts-spec-tabs .nav-item .nav-link.active {
    color: #1943ef;
    border: none;
    text-decoration: none;
    background-color: #f3f6fa
}
.contracts-spec-tabs-content {
    background-color: #f3f6fa;
    padding: 50px 0 70px
}
@media screen and (max-width:992px) {
    .contracts-spec-tabs-content {
        padding: 50px 0
    }
}
.withdrawal-payment {
    background: #fff;
    border-radius: 6px;
    padding: 30px 25px 40px;
    overflow: hidden;
    box-shadow: 0 0 9px 0 rgba(125, 136, 196, .65);
    transition: .5s;
    max-height: 110px;
    position: relative;
    will-change: height;
    margin: 0 0 30px
}
@media screen and (max-width:570px) {
    .withdrawal-payment {
        padding: 30px 20px 40px
    }
}
.withdrawal-payment h3 {
    display: flex;
    position: relative;
    padding: 0 50px 0 35px;
    height: 50px;
    text-transform: none;
    align-items: center;
    font-size: 20px;
    margin-bottom: 30px
}
@media screen and (max-width:570px) {
    .withdrawal-payment h3 {
        padding: 0 30px 0 25px;
        margin: 0 0 30px;
        font-size: 16px
    }
}
.withdrawal-payment h3 i {
    position: absolute;
    left: 0;
    color: #abaeb9;
    font-size: 18px;
    transition: .3s
}
.withdrawal-payment p {
    clear: both;
    margin: 40px 0 35px
}
@media screen and (max-width:570px) {
    .withdrawal-payment p {
        margin: 0 0 25px
    }
}
.withdrawal-payment a {
    text-decoration: none;
    color: #1943ef;
    display: inline-block;
    position: relative;
    padding: 3px 0 3px 32px
}
.withdrawal-payment a i {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -11px 0 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #1943ef;
    line-height: 18px;
    font-size: 17px;
    font-family: Arial, sans-serif
}
.withdrawal-payment:hover {
    z-index: 2;
    max-height: 400px;
    box-shadow: 0 0 50px 0 rgba(125, 136, 196, .65)
}
.withdrawal-payment:hover h3 i {
    transform: rotate(90deg)
}
.withdrawal-payment .withdrawal-img {
    float: right;
    width: 120px;
    border-left: 1px dotted #9197bc;
    height: 50px;
    position: relative
}
@media screen and (max-width:570px) {
    .withdrawal-payment .withdrawal-img {
        width: 100px
    }
}
.withdrawal-payment .withdrawal-img img {
    position: absolute;
    right: 0;
    left: 25px;
    top: 0;
    bottom: 0;
    max-width: 75%;
    max-height: 70px;
    margin: auto
}
.demo-bg {
    background-image: url(../img/demo-bg.png);
    background-position: 100% 0;
    background-repeat: no-repeat
}
@media screen and (max-width:992px) {
    .demo-bg {
        background-image: none
    }
}
.demo-bg .form-vertical {
    background: rgba(197, 212, 233, .31);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px)
}
.demo-bg h1 {
    margin-top: 50px
}
.demo-bg h2 {
    font-weight: 400;
    margin-bottom: 50px
}
@media screen and (max-width:992px) {
    .demo-bg h2 {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px
    }
}
@media screen and (max-width:992px) {
    .demo-bg ul {
        max-width: 350px;
        margin: 0 auto 30px
    }
}
.mt-platform-section {
    padding-top: 20px
}
.mt-platform-section h2 {
    margin-top: 100px
}
@media screen and (max-width:1200px) {
    .mt-platform-section h2 {
        margin-top: 50px
    }
}
@media screen and (max-width:992px) {
    .mt-platform-section h2 {
        margin-top: 30px
    }
}
@media screen and (max-width:570px) {
    .mt-platform-section h2 {
        margin-top: 0
    }
}
.mt-platform-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px
}
.mt-platform-wrap.mt-platform-mobile {
    flex-wrap: wrap;
    justify-content: center
}
.mt-platform-wrap.mt-platform-mobile .mt-platform__item {
    margin: 0 15px;
    width: 22%;
    line-height: 33px
}
@media screen and (max-width:1400px) {
    .mt-platform-wrap.mt-platform-mobile .mt-platform__item {
        width: 45%;
        margin-bottom: 20px;
        flex-direction: column
    }
}
@media screen and (max-width:768px) {
    .mt-platform-wrap.mt-platform-mobile .mt-platform__item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 90%
    }
}
@media screen and (max-width:570px) {
    .mt-platform-wrap.mt-platform-mobile .mt-platform__item {
        margin-left: 0;
        margin-right: 0
    }
}
@media screen and (max-width:768px) {
    .mt-platform-wrap {
        flex-direction: column
    }
}
.mt-platform-wrap .mt-platform__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    width: 280px;
    border: 1px solid #d3dce8;
    border-radius: 2px;
    font-size: 14px;
    color: #444747;
    text-decoration: underline;
    transition: .3s;
    font-weight: 700
}
@media screen and (max-width:992px) {
    .mt-platform-wrap .mt-platform__item {
        width: 30%
    }
}
@media screen and (max-width:768px) {
    .mt-platform-wrap .mt-platform__item {
        width: 280px
    }
    .mt-platform-wrap .mt-platform__item:not(:last-of-type) {
        margin-bottom: 20px
    }
}
.mt-platform-wrap .mt-platform__item img {
    margin-left: 30px;
    max-width: 30px
}
@media screen and (max-width:1400px) {
    .mt-platform-wrap .mt-platform__item img {
        margin-left: 0;
        margin-bottom: 10px
    }
}
@media screen and (max-width:992px) {
    .mt-platform-wrap .mt-platform__item img {
        margin-left: 0;
        margin-bottom: 20px
    }
}
.mt-platform-wrap .mt-platform__item:hover {
    border: 1px solid #1943ef;
    color: #1943ef
}
.mp-platform-img-wrap .main-device {
    max-width: 100%;
    position: relative;
    left: 50px
}
@media screen and (max-width:768px) {
    .mp-platform-img-wrap .main-device {
        left: 0
    }
}
.guides-wrap__item {
    width: 48%;
    padding: 20px;
    box-shadow: 0 1px 6px rgba(60, 100, 177, .3);
    margin-bottom: 30px;
    transition: .3s
}
.guides-wrap__item:hover {
    box-shadow: 0 1px 18px rgba(60, 100, 177, .3)
}
@media screen and (max-width:1200px) {
    .guides-wrap__item {
        width: 100%
    }
}
@media screen and (max-width:570px) {
    .guides-wrap__item {
        flex-direction: column
    }
}
.guides-wrap__item .download-icon span {
    display: inline-block;
    margin-top: 5px;
    color: #1943ef;
    font-size: 12px;
    font-weight: 700
}
.login-page-logined li {
    margin: 0 0 40px
}
.login-page-logined i {
    font-size: 72px;
    color: #98999d
}
.login-page-logined h2 {
    margin: 20px 0
}
.login-page-logined p {
    margin: 0 0 25px
}
.success-pay img {
    width: 150px
}
@media screen and (max-width:992px) {
    .success-pay img {
        width: 100px
    }
}
.affiliate-title-block {
    background-image: url(/storage/app/media/page-affiliate-program/affiliate-program-bg.jpg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0
}
.affiliate-title-block h1 {
    display: block;
    max-width: 392px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 23px 17px;
    font-size: 30px;
    color: #000 !important
}
.affiliate-title-block h1 span {
    color: #2b67ca !important
}
@media screen and (max-width:570px) {
    .affiliate-features {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}
.affiliate-features .affiliate-features__item img {
    margin-left: 15px
}
@media screen and (max-width:992px) {
    .affiliate-features .affiliate-features__item {
        width: 30%
    }
    .affiliate-features .affiliate-features__item h3 {
        font-size: 13px;
        text-align: right
    }
}
@media screen and (max-width:570px) {
    .affiliate-features .affiliate-features__item {
        width: 200px
    }
}
@media screen and (max-width:992px) {
    .affiliate-payment-methods {
        justify-content: flex-start
    }
    .affiliate-payment-methods img {
        margin: 5px
    }
}
@media screen and (max-width:570px) {
    .affiliate-steps {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}
.affiliate-steps .affiliate-steps__item {
    width: 25%;
    padding-right: 50px;
    position: relative
}
@media screen and (max-width:1200px) {
    .affiliate-steps .affiliate-steps__item {
        width: 50%;
        margin: 10px 0
    }
}
@media screen and (max-width:570px) {
    .affiliate-steps .affiliate-steps__item {
        width: 160px;
        padding-right: 0
    }
}
.affiliate-steps .affiliate-steps__item:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    width: 40px;
    background: url(../images/dotted-line.svg) no-repeat 50%
}
@media screen and (max-width:570px) {
    .affiliate-steps .affiliate-steps__item:before {
        display: none
    }
}
.affiliate-steps .affiliate-steps__item img {
    margin-left: 25px
}
.affiliate-steps .affiliate-steps__item .affiliate-steps__item-text {
    color: #a8a8d1;
    font-size: 16px;
    font-weight: 700
}
.common-title-block {
    background-image: url(../images/tools-title-bg.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 55px 0
}
.common-title-block .common-title-block__text {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    padding: 23px 17px;
    font-size: 30px
}
.common-title-block .common-title-block__text span {
    display: inline-block;
    padding: 10px;
    line-height: 1em
}
@media screen and (max-width:768px) {
    .common-title-block .common-title-block__text span {
        text-align: center
    }
}
@media screen and (max-width:768px) {
    .trading-tools__wrap {
        flex-direction: column
    }
}
.trading-tools__item {
    border: 1px solid #e4e4e4;
    padding: 20px;
    width: 32%;
    transition: all .3s
}
.trading-tools__item:hover {
    border: 1px solid #1943ef;
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3)
}
@media screen and (max-width:768px) {
    .trading-tools__item {
        width: 100%
    }
}
.popular-spot__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}
.popular-spot__head a {
    margin: 0 0 30px;
    min-width: 200px
}
@media(max-width:991px) {
    .popular-spot__head {
        flex-direction: column;
        align-items: center
    }
}
.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list, .slick-slider {
    position: relative;
    display: block
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 20px 0 0;
    height: 300px
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}
.slick-track {
    position: relative;
    right: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after, .slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: right;
    height: 100%;
    margin: 0 10px;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: inline-block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat
}
@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}
.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none
}
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev {
    right: -25px
}
[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}
.slick-prev:before {
    content: "←"
}
[dir=rtl] .slick-prev:before {
    content: "→"
}
.slick-next {
    right: -25px
}
[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}
.slick-next:before {
    content: "→"
}
[dir=rtl] .slick-next:before {
    content: "←"
}
.slick-dotted.slick-slider {
    margin-bottom: 30px
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}
.slick-dots li, .slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}
.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}
.mp-slider .item-slider {
    padding: 100px 0;
    background-size: cover;
    background-position: 100% 0;
    background-repeat: no-repeat
}
@media screen and (max-width:1200px) {
    .mp-slider .item-slider {
        background-position: top left -100px
    }
}
@media screen and (max-width:992px) {
    .mp-slider .item-slider {
        padding: 30px 0;
        background-position: top left -200px
    }
}
.mp-slider .item-slider-1 {
    background-image: url(../img/main-slide1.jpg);
    background-color: #f4f6fb
}
@media screen and (max-width:992px) {
    .mp-slider .item-slider-1 {
        background-position: top left -400px
    }
}
@media screen and (max-width:570px) {
    .mp-slider .item-slider-1 {
        background-image: url(../img/main-slide1-mob.jpg?s);
        background-position: top left 0
    }
}
.mp-slider .item-slider-2 {
    background-image: url(../img/main-slide2.jpg?d)
}
@media screen and (max-width:570px) {
    .mp-slider .item-slider-2 {
        background-image: url(../img/main-slide2-mob.jpg?D);
        background-position: top left 0
    }
}
.mp-slider .item-slider-3 {
    background-image: url(../img/main-slide3.jpg)
}
@media screen and (max-width:570px) {
    .mp-slider .item-slider-3 {
        background-image: url(../img/main-slide3-mob.jpg?D);
        background-position: top right 0
    }
}
.mp-slider .slide-description {
    max-width: 480px;
    min-height: 300px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}
@media screen and (max-width:992px) {
    .mp-slider .slide-description {
        text-align: left;
        max-width: 400px;
        min-height: 400px
    }
    .mp-slider .slide-description .acc-btn-wrap {
        justify-content: flex-start;
        flex-direction: row
    }
}
@media screen and (max-width:570px) {
    .mp-slider .slide-description {
        max-width: 260px
    }
}
.mp-slider .slide-description .blue-text {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px
}
.mp-slider .slide-description .title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1em;
    color: #373f41;
    margin-bottom: 30px
}
@media screen and (max-width:992px) {
    .mp-slider .slide-description .title {
        margin-bottom: 100px
    }
}
@media screen and (max-width:570px) {
    .mp-slider .slide-description .title {
        font-size: 22px
    }
}
.mp-slider .slide-description p {
    color: #737b7d;
    line-height: 1.4em;
    margin-bottom: 30px
}
@media screen and (max-width:570px) {
    .mp-slider .slide-description .btn-blue {
        margin-right: 0;
        margin-bottom: 20px
    }
}
.mp-slider .slide-mob-img-wrap {
    margin-top: 20px;
    display: none
}
.mp-slider .slide-mob-img-wrap img {
    max-width: 300px
}
@media screen and (max-width:570px) {
    .mp-slider .slide-mob-img-wrap {
        display: flex;
        justify-content: flex-end
    }
}
html[lang=ru] .mp-slider .slide-description .blue-text {
    font-weight: 700
}
[lang=de] .mp-slider .slide-description, [lang=es] .mp-slider .slide-description, [lang=fr] .mp-slider .slide-description, [lang=it] .mp-slider .slide-description, [lang=pt] .mp-slider .slide-description {
    min-height: 340px
}
@media screen and (max-width:992px) {
    [lang=de] .mp-slider .slide-description, [lang=es] .mp-slider .slide-description, [lang=fr] .mp-slider .slide-description, [lang=it] .mp-slider .slide-description, [lang=pt] .mp-slider .slide-description {
        min-height: 440px
    }
}
[lang=pl] .mp-slider .slide-description, [lang=ru] .mp-slider .slide-description {
    min-height: 350px
}
@media screen and (max-width:992px) {
    [lang=pl] .mp-slider .slide-description, [lang=ru] .mp-slider .slide-description {
        min-height: 460px
    }
}
.slider {
    margin: 0
}
.slick-list {
    padding-top: 0
}
.slick-slide {
    margin: 0
}
.slick-dots {
    bottom: 40px
}
@media screen and (max-width:992px) {
    .slick-dots {
        bottom: inherit
    }
}
.slick-dots li {
    width: auto
}
.slick-dots li.slick-active button {
    border-bottom: 7px solid #1943ef
}
.slick-dots li button {
    width: 32px;
    border-bottom: 2px solid #1943ef;
    box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .75)
}
.slick-dots li button:before {
    display: none
}
.calc-output-data-table {
    margin-top: 90px;
    width: 100%;
    text-align: center;
    border-spacing: 2px 0;
    border-collapse: separate
}
@media screen and (max-width:992px) {
    .calc-output-data-table {
        margin-top: 50px
    }
}
.calc-output-data-table thead tr {
    background-color: #eef3fa
}
.calc-output-data-table thead th {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 700;
    color: #373f41
}
.calc-output-data-table thead th:first-of-type {
    width: 10%
}
.calc-output-data-table thead th:not(:first-of-type) {
    width: 30%
}
.calc-output-data-table tbody tr:nth-of-type(2n) {
    background-color: #eef3fa
}
.calc-output-data-table tbody tr:last-of-type {
    background-color: #19a2ef
}
.calc-output-data-table tbody tr:last-of-type td {
    color: #fff;
    font-weight: 700
}
.calc-output-data-table tbody tr td {
    padding: 10px 5px;
    font-size: 14px
}
.calc-output-data-table tbody tr td:last-of-type {
    font-weight: 700
}
.calc-output-data-table tbody tr td:first-of-type {
    font-weight: 700;
    width: 10%
}
.calc-output-data-table tbody tr td:not(:first-of-type) {
    width: 30%
}
.table-small {
    width: 100%;
    border-spacing: 2px 0;
    border-collapse: separate;
    text-align: center
}
.table-small thead tr {
    background-color: #eef3fa
}
.table-small thead th {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 700;
    color: #373f41;
    width: 50%
}
.table-small tbody tr:nth-of-type(2n) {
    background-color: #eef3fa
}
.table-small tbody tr td {
    padding: 10px 5px;
    font-size: 14px;
    width: 50%
}
.table-small tbody tr td:last-of-type {
    font-weight: 700
}
.table-simple {
    width: 100%;
    border-spacing: 2px 0;
    border-collapse: separate;
    text-align: center
}
.table-simple thead tr {
    background-color: #eef3fa
}
.table-simple thead th {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 700;
    color: #373f41
}
.table-simple tbody tr:nth-of-type(2n) {
    background-color: #eef3fa
}
.table-simple tbody tr td {
    padding: 10px 5px;
    font-size: 14px
}
.table-simple tbody tr td:last-of-type {
    font-weight: 700
}
.table-colored-thead {
    width: 100%
}
.table-colored-thead thead tr {
    background-color: #1943ef
}
.table-colored-thead thead th {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}
.table-colored-thead tbody tr {
    border-bottom: 1px solid #ebebeb
}
.table-colored-thead tbody tr td {
    padding: 15px 20px;
    font-size: 16px;
    width: 50%
}
.table-colored-thead tbody tr td:last-of-type {
    font-weight: 700;
    text-align: right
}
.table-simple-colored {
    background: #fff;
    box-shadow: 0 .25rem 1.25rem rgba(60, 100, 177, .3)
}
.table-simple-colored li {
    display: flex;
    align-items: center
}
.table-simple-colored li div {
    width: 25%;
    padding: 15px 5px;
    font-size: 14px;
    color: #73738d;
    text-align: center
}
@media screen and (max-width:570px) {
    .table-simple-colored li div {
        font-size: 12px
    }
}
.table-simple-colored li div.asset-name {
    font-weight: 700
}
.table-simple-colored li div.up {
    color: #26c296
}
.table-simple-colored li div.down {
    color: #ff1f1f
}
.table-simple-colored li:nth-of-type(2n) {
    background-color: #f4f7fc
}
.table-simple-colored li .fa-long-arrow-down {
    color: #ff1f1f
}
.table-simple-colored li .fa-long-arrow-up {
    color: #26c296
}
.four-column-table {
    width: 100%;
    text-align: center;
    border-spacing: 2px 0;
    border-collapse: separate
}
@media screen and (max-width:992px) {
    .four-column-table {
        margin-top: 50px
    }
}
.four-column-table thead tr {
    background-color: #f3f6fa
}
.four-column-table thead th {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 700;
    color: #373f41
}
.four-column-table thead th:first-of-type {
    width: 10%
}
.four-column-table thead th:not(:first-of-type) {
    width: 30%
}
.four-column-table tbody tr:nth-of-type(2n) {
    background-color: #eef3fa
}
.four-column-table tbody tr td {
    padding: 10px 5px;
    font-size: 14px
}
.four-column-table tbody tr td:first-of-type {
    font-weight: 700;
    width: 10%
}
.four-column-table tbody tr td:not(:first-of-type) {
    width: 30%
}
@media screen and (max-width:992px) {
    table.table-grey {
        font-size: 12px
    }
}
@media screen and (max-width:570px) {
    .table-simple-colored li div {
        font-size: 10px;
        word-wrap: break-word
    }
}
.deposit-wrap {
    padding: 50px 0 80px
}
.deposit-wrap .input-title {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 14px;
    color: #6a738b
}
.deposit-summary {
    width: 380px;
    margin: 0 100px 0 0;
    min-width: 380px;
    padding: 0 40px;
    box-shadow: 0 0 40px 0 rgba(117, 142, 171, .5);
    height: auto
}
.ar-lang .deposit-summary {
    margin: 0 100px 0 0
}
.deposit-summary h3 {
    border-bottom: 6px dotted #eaeef2;
    padding: 25px 0 15px;
    margin: 0 0 30px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #515669
}
.dep-sum-top-info {
    font-size: 16px;
    font-weight: 300;
    color: #6a738b;
    border-bottom: 1px solid #eaeef2;
    padding: 10px 0
}
.dep-sum-top-info .payment-icon img {
    height: 36px;
    margin: -3px 0
}
.dep-sum-curr {
    margin-top: 15px;
    margin-bottom: 20px
}
.dep-sum-total {
    font-size: 18px;
    color: #515669;
    font-weight: 600
}
.deposit-summary__amount {
    font-size: 26px;
    margin: 0 0 -3px
}
.deposit-amount.usd-symbol:before, .deposit-summary__amount.usd-symbol:before, .deposit-summary__bonus.usd-symbol:before, .input-group-text.usd-symbol:before {
    content: "$"
}
.deposit-amount.eur-symbol:before, .deposit-summary__amount.eur-symbol:before, .deposit-summary__bonus.eur-symbol:before, .input-group-text.eur-symbol:before {
    content: "€"
}
.deposit-amount.gbp-symbol:before, .deposit-summary__amount.gbp-symbol:before, .deposit-summary__bonus.gbp-symbol:before, .input-group-text.gbp-symbol:before {
    content: "£"
}
.deposit-summary .btn {
    margin: 30px 0 40px
}
.deposit-summary__bonus {
    color: #25b372;
    margin: 10px 0 0
}
.deposit-summary .checkbox-label {
    margin-top: 15px
}
.deposits-amount-inner, .payment-methods-inner {
    height: 72px;
    border: 1px solid #d6dce4;
    font-size: 24px;
    font-weight: 600;
    color: #515669;
    margin: 0 0 15px;
    transition: .3s;
    cursor: pointer
}
.deposits-amount-inner.active, .deposits-amount-inner:hover, .payment-methods-inner.active, .payment-methods-inner:hover {
    box-shadow: 0 0 40px 0 rgba(117, 142, 171, .5);
    border-color: #fff
}
.percentage-symbol:after {
    content: "%"
}
.deposits-amount-inner .deposit-bonus {
    font-size: 14px;
    margin: -5px 0 0;
    color: #a7acbe;
    font-weight: 400
}
.payment-methods {
    margin: 50px 0 20px
}
.payment-methods-inner img {
    max-width: 90%;
    max-height: 90%
}
.payment-methods h2 {
    font-size: 16px;
    color: #6a738b;
    margin: 0 0 15px
}
.deposit-left {
    width: 100%
}
.amount-row {
    margin-top: 20px
}
.platform-no-content {
    padding: 80px 0
}
.platform-no-content h3 {
    text-transform: uppercase;
    margin: 0 0 50px
}
.platform-no-content .btn {
    margin: 0 50px 10px;
    width: 180px
}
.overlayer {
    background: #f5f7f8;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center
}
.overlayer .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}
.overlayer .lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #1943ef;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}
.overlayer .lds-ellipsis div:first-child {
    right: 6px;
    -webkit-animation: lds-ellipsis1 .6s infinite;
    animation: lds-ellipsis1 .6s infinite
}
.overlayer .lds-ellipsis div:nth-child(2) {
    right: 6px;
    -webkit-animation: lds-ellipsis2 .6s infinite;
    animation: lds-ellipsis2 .6s infinite
}
.overlayer .lds-ellipsis div:nth-child(3) {
    right: 26px;
    -webkit-animation: lds-ellipsis2 .6s infinite;
    animation: lds-ellipsis2 .6s infinite
}
.overlayer .lds-ellipsis div:nth-child(4) {
    right: 45px;
    -webkit-animation: lds-ellipsis3 .6s infinite;
    animation: lds-ellipsis3 .6s infinite
}
@-webkit-keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}
@-webkit-keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(0)
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(0)
    }
}
@-webkit-keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(19px)
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(19px)
    }
}
@media(max-width:1199.5px) {
    .deposit-summary {
        width: 340px;
        margin: 0 0 0 30px;
        min-width: 340px;
        padding: 0 30px
    }
    .ar-lang .deposit-summary {
        margin: 0 30px 0 0
    }
}
@media(max-width:991.5px) {
    .amount-row {
        margin-top: 10px
    }
    .payment-methods {
        margin: 10px 0
    }
}
@media(max-width:767.5px) {
    .deposit-column {
        flex-direction: column !important
    }
    .ar-lang .deposit-summary, .deposit-summary {
        width: 100%;
        margin: 30px 0 0;
        min-width: unset;
        padding: 0 30px
    }
}
#nsfx-asset-page .panel-default {
    border-color: #f3f6fa;
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3) !important
}
#nsfx-asset-page .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
#nsfx-asset-page .panel-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
#nsfx-asset-page .panel-heading {
    background: #1943ef;
    border: 0;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px
}
#nsfx-asset-page .panel-body {
    background: #f3f6fa
}
#nsfx-asset-page a.call-to-action {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1b1b21;
    padding: 5% 0;
    background-color: #259c79;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
    display: block
}
#nsfx-asset-page .panel-purple .left-buy .buy {
    border: 1px solid #fff;
    padding: 2%;
    width: 90%;
    display: block;
    font-size: 3em;
    color: #fff;
    font-weight: 900
}
#nsfx-asset-page .panel-purple .down, #nsfx-asset-page .panel-purple .down .buy_value, #nsfx-asset-page .panel-purple .down .sell_value, #nsfx-asset-page .panel-purple .left-buy .buy.down {
    color: #ed1c24
}
#nsfx-asset-page .panel-purple .up, #nsfx-asset-page .panel-purple .up .buy_value, #nsfx-asset-page .panel-purple .up .sell_value {
    color: #29a643
}
#nsfx-asset-page a.start-trading-now {
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: 600;
    color: #1b1b21;
    padding: 5% 0
}
#nsfx-asset-page .portfolio-and-settings {
    border: none
}
#nsfx-asset-page .portfolio-and-settings .panel-heading {
    background: #1943ef
}
#nsfx-asset-page .portfolio-and-settings .panel-body {
    padding: 7px 15px 0
}
#nsfx-asset-page .portfolio-and-settings .portfolio-and-settings-details {
    background: #e8e8e8;
    border-left: 7px solid #fff;
    padding: 1% 0
}
#nsfx-asset-page .portfolio-and-settings .portfolio-and-settings-details:first-child {
    border: none
}
#nsfx-asset-page .button-row .middle_col div {
    color: #fff
}
.xs-block-grid-1 {
    display: flex;
    justify-content: space-between
}
.xs-block-grid-1 li {
    width: calc(20% - 5px);
    margin-bottom: 10px
}
@media screen and (max-width:992px) {
    .xs-block-grid-1 {
        flex-wrap: wrap;
        font-emphasize-style: accent
    }
    .xs-block-grid-1 li {
        width: 100%
    }
}
.grid_8.alpha {
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3)
}
.font-125 {
    font-size: 16px
}
.font-175 {
    font-size: 24px
}
@media screen and (max-width:1200px) {
    .font-175 {
        font-size: 18px
    }
}
.font-400 {
    font-size: 40px
}
@media screen and (max-width:1200px) {
    .font-400 {
        font-size: 30px
    }
}
#nsfx-asset-page .title-block {
    width: 100%;
    overflow: hidden;
    padding: 0 0 16px
}
#nsfx-asset-page .page-title .period {
    display: block;
    font: 14px/16px Arial, Helvetica, sans-serif;
    color: #606a70
}
.market-widget {
    width: 100%;
    margin: 0 0 20px
}
.market-widget .left-buy {
    position: relative;
    z-index: 100;
    overflow: hidden
}
.left-buy .swap-block {
    float: right;
    padding: 9px 0 0
}
.swap-block p {
    color: #606a70;
    padding: 0
}
.swap-block p em {
    font-style: normal;
    color: #ed1c24
}
.left-buy .buy {
    font: 700 43px/1.043em Arial, Helvetica, sans-serif;
    color: #000;
    padding: 0 30px 0 0
}
.swap-table {
    padding: 4px;
    text-align: center;
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-top: none;
    background: rgba(0, 0, 0, .25)
}
.left-buy .change .label {
    color: #fff;
    font-size: 2em;
    font-weight: 300
}
.left-buy .change .label em {
    font-style: normal
}
.left-buy .change.down .label, .left-buy .change.down .label em {
    color: #ed1c24
}
.graph-bottom-info {
    width: 100%;
    padding: 35px 0 0
}
.graph-bottom-info p {
    color: #9caebe;
    padding: 0 0 8px
}
.graph-bottom-info .black p {
    color: #000;
    padding: 0 0 13px
}
.graph-bottom-info:after {
    content: "";
    display: block;
    clear: both
}
.graph-bottom-info .time-holder {
    width: 100%;
    overflow: hidden
}
.graph-bottom-info .time {
    float: right;
    color: #000;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik0xOC45NzYgMTBhOS4zOTQgOS4zOTQgMCAwMS0xLjAzNSAzLjc5NmwuMDM2LjAyMS0uNS44NjYtLjAzNy0uMDIxYTkuNTQ0IDkuNTQ0IDAgMDEtMi43NzMgMi43ODhsLjAxNi4wMjctLjg2Ni41LS4wMTYtLjAyOEE5LjQ1IDkuNDUgMCAwMTEwIDE4Ljk3NVYxOUg5di0uMDI1YTkuNDEgOS40MSAwIDAxLTMuNzk2LTEuMDM0bC0uMDIxLjAzNi0uODY2LS41LjAyMi0uMDM3YTkuNTM1IDkuNTM1IDAgMDEtMi43ODktMi43NzNsLS4wMjcuMDE2LS41LS44NjYuMDI4LS4wMTZBOS40MzUgOS40MzUgMCAwMS4wMjQgMTBIMFY5aC4wMjRhOS4zOTQgOS4zOTQgMCAwMTEuMDM1LTMuNzk2bC0uMDM2LS4wMjEuNS0uODY2LjAzNy4wMjFBOS41NDQgOS41NDQgMCAwMTQuMzMzIDEuNTVsLS4wMTYtLjAyNy44NjYtLjUuMDE2LjAyOEE5LjQ1IDkuNDUgMCAwMTkgLjAyNVYwaDF2LjAyNWE5LjQxIDkuNDEgMCAwMTMuNzk2IDEuMDM0bC4wMjEtLjAzNi44NjYuNS0uMDIyLjAzN2E5LjUzNSA5LjUzNSAwIDAxMi43ODkgMi43NzNsLjAyNy0uMDE2LjUuODY2LS4wMjguMDE2QTkuNDM1IDkuNDM1IDAgMDExOC45NzYgOUgxOXYxaC0uMDI0em0tMS0xYTguNDA1IDguNDA1IDAgMDAtLjkwNC0zLjI5NWwtMS42OTMuOTc4LS41LS44NjYgMS42OTgtLjk4YTguNTY3IDguNTY3IDAgMDAtMi40MTctMi40MDhsLS45NzcgMS42OTItLjg2Ni0uNS45NzktMS42OTVBOC4zNTQgOC4zNTQgMCAwMDEwIDEuMDI1VjNIOVYxLjAyNWE4LjQxMSA4LjQxMSAwIDAwLTMuMjk0LjkwM2wuOTc3IDEuNjkzLS44NjYuNS0uOTgtMS42OThBOC41NjcgOC41NjcgMCAwMDIuNDI5IDQuODRsMS42OTIuOTc3LS41Ljg2Ni0xLjY5Ni0uOTc5QTguMzg4IDguMzg4IDAgMDAxLjAyNCA5SDN2MUgxLjAyNGE4LjQwNSA4LjQwNSAwIDAwLjkwNCAzLjI5NWwxLjY5My0uOTc4LjUuODY2LTEuNjk4Ljk4YTguNTY3IDguNTY3IDAgMDAyLjQxNyAyLjQwOGwuOTc3LTEuNjkyLjg2Ni41LS45NzkgMS42OTVBOC4zNTQgOC4zNTQgMCAwMDkgMTcuOTc1VjE2aDF2MS45NzVhOC40MTEgOC40MTEgMCAwMDMuMjk0LS45MDNsLS45NzctMS42OTMuODY2LS41Ljk4IDEuNjk4YTguNTY3IDguNTY3IDAgMDAyLjQwOC0yLjQxN2wtMS42OTItLjk3Ny41LS44NjYgMS42OTYuOTc5QTguMzg4IDguMzg4IDAgMDAxNy45NzYgMTBIMTZWOWgxLjk3NnpNOS41IDEwLjg0bC0uMTYxLjE2Mi0yLjM0MS0yLjMyNy42NTgtLjY2NiAxLjg0MyAxLjgzMiAzLjg0NS0zLjgzMi42NTguNjY2LTQuMzQxIDQuMzI3LS4xNjEtLjE2MnoiIGZpbGw9IiM5Y2FlYmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 0 0 no-repeat;
    padding: 0 30px 18px 0
}
.graph-bottom-info .time>span {
    color: #5f6e76
}
.graph-bottom-info h3 {
    overflow: hidden
}
.graph-bottom-info h3 span {
    background: #fff;
    padding: 0 0 0 22px;
    position: relative;
    display: inline-block
}
.graph-bottom-info h3 span:after {
    content: "";
    display: block;
    position: absolute;
    background: #9caebe;
    height: 1px;
    width: 999px;
    bottom: 4px;
    left: -999px
}
.graph-bottom-info .row {
    width: 100%;
    padding: 0 0 12px
}
.graph-bottom-info .row h3 {
    font: 1.571em/1.1818em Georgia, serif;
    margin: 0 0 18px
}
.graph-bottom-info .row:after {
    content: "";
    display: block;
    clear: both
}
.graph-bottom-info strong {
    display: block;
    padding: 0 0 15px;
    font-weight: 400
}
.graph-bottom-info .col {
    width: 50%;
    float: right;
    color: #606a70
}
.graph-bottom-info .col .spread {
    font: 1.429em/1.1em Arial, Helvetica, sans-serif;
    color: #000
}
.graph-bottom-info .bottom {
    float: left;
    font-size: 12px
}
.graph-container {
    width: 100%;
    clear: both;
    height: 400px
}
.bottom-graph {
    width: 100%;
    overflow: hidden;
    padding: 36px 0 0
}
#nsfx-asset-page .load:after {
    content: "";
    display: block;
    background: url(../images/loading.gif) 0 0 no-repeat;
    position: absolute;
    top: 30%;
    right: 50%;
    width: 32px;
    height: 32px
}
#nsfx-asset-page table td, #nsfx-asset-page table th {
    text-align: right;
    color: #606a70;
    vertical-align: top
}
#nsfx-asset-page table th {
    color: #000;
    border: 0;
    border-bottom: 1px solid #9caebe;
    padding: 6px 20px;
    text-align: center
}
#nsfx-asset-page table td, #nsfx-asset-page table td:first-child {
    border-right: 0;
    color: #000;
    padding: 6px 20px
}
#nsfx-asset-page table th:first-child {
    padding: 6px  0 6px 20px;
    text-align: right
}
#nsfx-asset-page table td:first-child {
    color: #606a70;
    padding: 6px  0 6px 20px
}
#nsfx-asset-page table td.center {
    text-align: center
}
#nsfx-asset-page .border-table td, #nsfx-asset-page .border-table th {
    text-align: right;
    border-right: 1px solid #9caebe;
    padding: 5px 10px 5px 20px
}
#nsfx-asset-page .border-table td:first-child, #nsfx-asset-page .border-table th:first-child {
    border-right: 0;
    padding: 5px 0 5px 10px
}
#nsfx-asset-page .btn-holder {
    text-align: center;
    margin: 3px 0 0;
    padding: 0 0 30px
}
#nsfx-asset-page .btn-holder p {
    padding: 0
}
#nsfx-asset-page .green-btn {
    background: #29a643;
    color: #fff;
    margin: 0 0 5px;
    padding: 18px 0 15px;
    display: block
}
#nsfx-asset-page .green-btn:hover {
    background: #4fcc69;
    text-decoration: none;
    color: #fff
}
#nsfx-asset-page .green-btn:active {
    background: #1f7c32
}
#nsfx-asset-page .green-btn em {
    color: #93eba5
}
#nsfx-asset-page .info {
    overflow: hidden;
    display: block
}
.icons-holder {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 0 13px
}
.icons-holder .icon {
    width: 40px;
    height: 30px;
    display: inline-block;
    margin: 0 20px
}
.icons-holder .mt4-light {
    background-position: -860px -146px
}
.icons-holder .mt5-light {
    background-position: -860px -176px
}
.icons-holder .ctrader-light {
    background-position: -860px -206px
}
.icons-holder .st-light {
    background-position: -860px -236px;
    height: 34px
}
.shares-pairs a.yahoo {
    color: #2988ca
}
.shares-pairs .left-buy .date {
    float: right;
    margin: 26px 0 0
}
#nsfx-asset-page .shares-table {
    width: 100%;
    overflow: hidden;
    padding: 16px 0 0
}
#nsfx-asset-page .graph-info {
    color: #5f6e76;
    width: 100%;
    overflow: hidden;
    padding: 0 0 14px
}
#nsfx-asset-page .cfd td {
    text-align: center
}
#nsfx-asset-page .cfd td:first-child {
    text-align: right
}
#nsfx-asset-page .bottom-info {
    width: 100%;
    overflow: hidden
}
#nsfx-asset-page .seo-text {
    margin: 18px 0 0
}
#nsfx-asset-page .seo-text h2 {
    font: 22px/26px Georgia, serif;
    padding: 18px 0
}
@media(max-width:768px) {
    .shares-table {
        padding: 130px 0 40px
    }
    .left-buy {
        padding: 0 0 20px
    }
}
.graph-tabs li:after {
    display: none
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color: #17a47b !important
}
.nav-pills a {
    color: #17a47b !important
}
.graph-content {
    width: 100%;
    overflow: hidden;
    height: 400px;
    position: relative
}
.graph-container {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0
}
#currentAssetPrice {
    border: 1px solid #c4c4c4;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: right;
    width: 100%;
    padding: .25em 10px .25em 50px;
    position: relative;
    color: #fff
}
#assetBuyValue .arrow.up:after, #assetSellValue .arrow.up:after {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: green;
    width: 0;
    height: 0;
    display: block;
    position: relative;
    bottom: 10px
}
#assetBuyValue .arrow.down:after, #assetSellValue .arrow.down:after {
    content: "";
    border: 10px solid transparent;
    border-top-color: red;
    width: 0;
    height: 0;
    display: block;
    position: relative;
    top: 2px
}
#currentAssetPrice .arrow.down:after, #currentAssetPrice .arrow.up:after {
    content: "";
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: 20px;
    display: inline-block
}
#currentAssetPrice .arrow.up:after {
    top: 10%;
    border-bottom: 20px solid green
}
#currentAssetPrice .arrow.down:after {
    top: 35%;
    border-top: 20px solid red
}
.bid-and-ask {
    line-height: 1
}
.bid-and-ask .arrow {
    height: 15px
}
.bid-and-ask br {
    display: none
}
.bid-and-ask hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #c4c4c4
}
.spread-floating-container {
    background: rgba(0, 0, 0, .25);
    overflow: hidden;
    padding: 3%;
    margin-top: 3%;
    border: 1px solid hsla(0, 0%, 100%, .25)
}
.panel-body.bottomAssets {
    background: transparent !important;
    border: none !important;
    padding: 10px 0 0
}
.asset-info-box {
    background: #f3f6fa;
    color: #000;
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.5em
}
.trading-time-container {
    text-transform: capitalize;
    background: #1943ef;
    color: #fff;
    padding: 15px;
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3) !important
}
.trading-time-container hr {
    margin: 5px auto;
    border-top: 1px solid hsla(0, 0%, 100%, .25)
}
.trading-time-container em, .trading-time-container strong:nth-of-type(2) {
    display: none
}
.tradingview-widget-copyright, iframe .label-13XFthDT {
    display: none !important
}
@media screen and (max-width:570px) {
    .highcharts-input-group {
        display: none !important
    }
}
.vue-chart[data-v-74e19a77] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 30px 0
}
.vue-chart-left[data-v-74e19a77] {
    position: relative
}
.vue-chart-title[data-v-74e19a77] {
    color: #888;
    font-size: 18px;
    padding-left: 10px
}
.vue-chart-title span[data-v-74e19a77] {
    color: #2b2b51
}
.vue-chart-right[data-v-74e19a77] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px
}
.doughnut[data-v-74e19a77] {
    max-width: 280px;
    position: relative
}
.doughnut-title[data-v-74e19a77] {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    font-size: 21px;
    color: #888;
    text-transform: uppercase;
    white-space: nowrap
}
.table[data-v-74e19a77] {
    width: 100%;
    min-height: 380px;
    display: flex;
    table-layout: auto
}
.table-pie-data[data-v-74e19a77] {
    max-width: 500px;
    padding: 0;
    color: #686868;
    font-size: 14px
}
.view[data-v-74e19a77] {
    height: 10px;
    width: 120px
}
.view-inner[data-v-74e19a77] {
    height: 100%;
    transition: .6s;
    border-radius: 3px
}
.table td[data-v-74e19a77]:not(:first-child) {
    padding-right: 5px
}
.table td[data-v-74e19a77]:first-child {
    padding-right: 5px;
    min-width: 75px
}
.table td[data-v-74e19a77]:nth-child(2) {
    min-width: 43px
}
.pie-data[data-v-74e19a77] {
    margin-top: 0;
    min-width: 260px
}
.pie-data-row[data-v-74e19a77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px
}
.pie-data-row[data-v-74e19a77]:not(:first-child) {
    border-top: 1px solid #dedede
}
.pie-data-title[data-v-74e19a77] {
    flex: 0 1 70%;
    color: #888;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase
}
@media(max-width:730px) {
    .vue-chart-left[data-v-74e19a77] {
        padding-bottom: 20px
    }
}
.pie-data-value[data-v-74e19a77] {
    color: #2b2b51;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: .25px;
    line-height: 1;
    padding-right: 5px;
    white-space: nowrap
}
.bottom[data-v-74e19a77] {
    height: 38px;
    position: relative;
    margin-top: 50px
}
.packages[data-v-74e19a77] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
    min-height: 31px
}
.packages-buttons[data-v-74e19a77] {
    display: flex;
    align-content: flex-start
}
.packages .btn[data-v-74e19a77] {
    margin-left: 3px
}
.packages .btn[data-v-74e19a77]:last-child {
    margin-left: 0
}
.btn[data-v-74e19a77] {
    border: none;
    background: rgba(89, 195, 195, .5);
    color: #394f53;
    text-transform: uppercase;
    padding: 8px;
    border-radius: 3px;
    outline: none;
    opacity: .8;
    transition: .2s;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer
}
@media(max-width:570px) {
    .btn[data-v-74e19a77] {
        font-size: 12px
    }
}
.btn[data-v-74e19a77]:focus, .btn[data-v-74e19a77]:hover {
    opacity: 1
}
.btn[data-v-74e19a77]:focus {
    transform: scale(.92)
}
.btn.selected[data-v-74e19a77] {
    opacity: 1;
    transform: scale(.92);
    color: #3498db
}
.cookie-message {
    position: fixed;
    padding: 30px;
    width: 100%;
    max-width: 320px;
    bottom: 25px;
    right: 25px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 12px #bbc8ff;
    border-radius: 10px;
    z-index: 400
}
.cookie-message p {
    font-size: 14px;
    line-height: 15px;
    color: #2f2f2f;
    margin-bottom: 15px
}
.cookie-message button {
    background: linear-gradient(90.85deg, #1943ef .27%, #061968 64.09%);
    box-shadow: 0 4.45882px 4.45882px rgba(0, 0, 0, .25);
    border-radius: 100px;
    border: 1px solid transparent;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    width: 100%;
    max-width: none;
    padding: 10px
}
.cookie-message button:hover {
    background: transparent;
    color: #1943ef !important;
    text-decoration: none;
    border-color: #1943ef
}
@media(min-width:279px)and (max-width:320px) {
    .cookie-message {
        left: 0
    }
}
.stocks {
    width: 100%;
    margin: 0 auto
}
.stocks p {
    color: #373f41
}
.title__btn {
    padding: 30px 0 70px
}
.title__button {
    background: #1943ef;
    border: 1px solid #1943ef;
    color: #fff !important;
    max-width: 160px;
    margin: 0 auto;
    padding: 10px;
    cursor: pointer;
    transition: .3s
}
.title__button:hover {
    background: #fff;
    border: 1px solid #1943ef;
    color: #1943ef !important
}
.main__image {
    width: 100%;
    align-self: center
}
.title__main-text {
    font-size: 36px;
    font-weight: 700;
    margin: 0 !important;
    color: #373f41
}
.title__subtext {
    font-size: 16px;
    line-height: 24px;
    color: #737b7d !important;
    max-width: 520px;
    margin: 0 auto !important;
    padding-top: 10px;
    text-align: justify
}
.title__container {
    text-align: center;
    position: absolute;
    padding-top: 50px;
    width: 100%
}
.table__container {
    display: flex;
    flex-direction: column
}
.table__title {
    align-self: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 30px;
    letter-spacing: .3px;
    color: #373f41
}
.table {
    width: 579px;
    align-self: center;
    box-shadow: 0 4px 20px rgba(60, 100, 177, .3);
    margin: 0 0 50px
}
.table__dark-row, .table__row {
    display: flex;
    color: #2e3b52
}
.table__dark-row {
    background: #f4f7fc
}
.dark-name {
    width: 200px;
    font-weight: 700
}
.head__row {
    color: #73738d !important;
    display: flex;
    font-weight: 700
}
.commission-head {
    width: 160px;
    padding-right: 15px !important
}
.leverage-head {
    width: 200px;
    padding-right: 0 !important
}
.name {
    width: 260px
}
.commission, .leverage {
    width: 150px
}
.column {
    padding: 15px 30px;
    font-size: 14px
}
.trade__head {
    text-align: center;
    font-size: 24px;
    line-height: 22px;
    letter-spacing: .3px;
    font-weight: 700;
    color: #373f41
}
.trade__blocks {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 50px auto
}
.block {
    max-width: 390px;
    height: 280px;
    background: #f3f6fa;
    transition: .3s
}
.block:hover {
    box-shadow: 0 .2rem 1.2rem rgba(0, 0, 0, .25)
}
.block__img {
    padding: 20px
}
.block__title {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin: 0 20px
}
.block__content, .block__title {
    line-height: 24px;
    letter-spacing: .3px
}
.block__content {
    font-size: 16px;
    color: #737b7d !important;
    margin: 20px
}
.products {
    height: 500px;
    background: #f3f6fa
}
.products__title {
    text-align: center;
    font-size: 24px;
    line-height: 22px;
    padding-top: 50px;
    letter-spacing: .3px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #373f41
}
.products__blocks {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 50px auto
}
.products__blocks__block {
    height: 260px;
    max-width: 550px;
    font-size: 16px;
    line-height: 37px;
    color: #73738d !important;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}
.products__text {
    color: #73738d !important;
    font-size: 16px !important;
    line-height: 37px !important
}
.products__img {
    padding: 0 24px;
    height: 40px;
    display: block;
    color: #1943ef !important;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .3px;
    font-weight: 700;
    border: 1px solid #1943ef;
    transition: .3s;
    text-align: center
}
.products__img:hover {
    background-color: #1943ef;
    color: #fff !important;
    cursor: pointer
}
.trading__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto 50px
}
.trading__block {
    height: 220px;
    width: 350px;
    transition: .3s
}
.trading__block:hover {
    box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .25)
}
.trading__blocks {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px
}
.trading__block__title {
    font-size: 24px;
    color: #000;
    font-weight: 700
}
.trading__block__content, .trading__block__title {
    margin: 20px;
    line-height: 24px;
    letter-spacing: .3px
}
.trading__block__content {
    font-size: 14px;
    color: #737b7d !important
}
.trading__btn {
    display: flex;
    flex-direction: row;
    max-width: 620px;
    margin: 0 auto;
    justify-content: space-between
}
.live__btn {
    padding: 10px 24px;
    display: block;
    width: 250px;
    color: #1943ef !important;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .3px;
    font-weight: 700;
    border: 1px solid #1943ef;
    text-align: center;
    cursor: pointer;
    transition: .3s
}
.demo__btn, .live__btn:hover {
    color: #fff !important;
    background: #1943ef
}
.demo__btn {
    padding: 10px 24px;
    display: block;
    width: 250px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .3px;
    font-weight: 700;
    border: 1px solid #1943ef;
    text-align: center;
    cursor: pointer;
    transition: .3s
}
.demo__btn:hover {
    color: #1943ef !important;
    background: #fff
}
@media(min-width:841px) {
    .trade__blocks {
        width: 80%;
        height: 100%
    }
    .block {
        margin: 5px !important;
        height: auto;
        width: 100%
    }
    .trading__blocks {
        width: 80%;
        align-self: center
    }
    .products__blocks {
        width: 80%
    }
    .products__blocks__block {
        height: 100%;
        margin: 10px
    }
    .products {
        height: 100%
    }
}
@media screen and (max-width:840px) {
    .title__img {
        max-width: 100%
    }
    .title__subtext {
        max-width: 100% !important;
        font-size: 14px !important
    }
    .title__btn {
        padding-bottom: 40px !important
    }
    .title__container {
        width: 90%;
        position: relative;
        align-self: center
    }
    .title__main-text {
        font-size: 28px
    }
    .stocks__title {
        height: 330px
    }
    .block {
        margin: 10px;
        height: 100%
    }
    .trade__blocks {
        flex-direction: column;
        align-items: center
    }
    .table {
        max-width: 90%
    }
    .column {
        padding: 15px 10px !important
    }
    .products {
        height: 100%
    }
    .products__blocks__block {
        height: 100%;
        align-self: center;
        margin: 10px 0;
        width: 80%
    }
    .products__blocks {
        flex-direction: column;
        align-items: center
    }
    .products__text {
        font-size: 14px !important
    }
    .trading__block {
        height: 100%;
        max-width: 90%
    }
    .trading__blocks, .trading__btn {
        flex-direction: column;
        align-items: center
    }
    .trading__btn {
        max-width: 100%
    }
}
@media(max-width:502px) {
    .stocks__title {
        height: 420px
    }
    .title__main-text {
        width: 90% !important
    }
}
@media(min-width:382px)and (max-width:502px) {
    .stocks__title {
        height: 391px
    }
}
@media(max-width:370px) {
    .stocks__title {
        height: 464px
    }
    .title__container {
        position: relative !important;
        width: 90%;
        align-self: center
    }
}
span.flag {
    width: 24px;
    height: 16px;
    display: inline-block;
    border-radius: 2px;
    overflow: hidden
}
.flag {
    background: url(https://nsbroker.com/storage/app/media/registration/flags-new.png) no-repeat;
    background-size: 200%
}
.flag-ad {
    background-position: 0 .413223%
}
.flag-ae {
    background-position: 0 .826446%
}
.flag-af {
    background-position: 0 1.239669%
}
.flag-ag {
    background-position: 0 1.652893%
}
.flag-ai {
    background-position: 0 2.066116%
}
.flag-al {
    background-position: 0 2.479339%
}
.flag-am {
    background-position: 0 2.892562%
}
.flag-an {
    background-position: 0 3.305785%
}
.flag-ao {
    background-position: 0 3.719008%
}
.flag-aq {
    background-position: 0 4.132231%
}
.flag-ar {
    background-position: 0 4.545455%
}
.flag-as {
    background-position: 0 4.958678%
}
.flag-at {
    background-position: 0 5.371901%
}
.flag-au {
    background-position: 0 5.785124%
}
.flag-aw {
    background-position: 0 6.198347%
}
.flag-az {
    background-position: 0 6.61157%
}
.flag-ba {
    background-position: 0 7.024793%
}
.flag-bb {
    background-position: 0 7.438017%
}
.flag-bd {
    background-position: 0 7.85124%
}
.flag-be {
    background-position: 0 8.264463%
}
.flag-bf {
    background-position: 0 8.677686%
}
.flag-bg {
    background-position: 0 9.090909%
}
.flag-bh {
    background-position: 0 9.504132%
}
.flag-bi {
    background-position: 0 9.917355%
}
.flag-bj {
    background-position: 0 10.330579%
}
.flag-bm {
    background-position: 0 10.743802%
}
.flag-bn {
    background-position: 0 11.157025%
}
.flag-bo {
    background-position: 0 11.570248%
}
.flag-br {
    background-position: 0 11.983471%
}
.flag-bs {
    background-position: 0 12.396694%
}
.flag-bt {
    background-position: 0 12.809917%
}
.flag-bv {
    background-position: 0 13.22314%
}
.flag-bw {
    background-position: 0 13.636364%
}
.flag-by {
    background-position: 0 14.049587%
}
.flag-bz {
    background-position: 0 14.46281%
}
.flag-ca {
    background-position: 0 14.876033%
}
.flag-cc {
    background-position: 0 15.289256%
}
.flag-cd {
    background-position: 0 15.702479%
}
.flag-cf {
    background-position: 0 16.115702%
}
.flag-cg {
    background-position: 0 16.528926%
}
.flag-ch {
    background-position: 0 16.942149%
}
.flag-ci {
    background-position: 0 17.355372%
}
.flag-ck {
    background-position: 0 17.768595%
}
.flag-cl {
    background-position: 0 18.181818%
}
.flag-cm {
    background-position: 0 18.595041%
}
.flag-cn {
    background-position: 0 19.008264%
}
.flag-co {
    background-position: 0 19.421488%
}
.flag-cr {
    background-position: 0 19.834711%
}
.flag-cu {
    background-position: 0 20.247934%
}
.flag-cv {
    background-position: 0 20.661157%
}
.flag-cx {
    background-position: 0 21.07438%
}
.flag-cy {
    background-position: 0 21.487603%
}
.flag-cz {
    background-position: 0 21.900826%
}
.flag-de {
    background-position: 0 22.31405%
}
.flag-dj {
    background-position: 0 22.727273%
}
.flag-dk {
    background-position: 0 23.140496%
}
.flag-dm {
    background-position: 0 23.553719%
}
.flag-do {
    background-position: 0 23.966942%
}
.flag-dz {
    background-position: 0 24.380165%
}
.flag-ec {
    background-position: 0 24.793388%
}
.flag-ee {
    background-position: 0 25.206612%
}
.flag-eg {
    background-position: 0 25.619835%
}
.flag-eh {
    background-position: 0 26.033058%
}
.flag-er {
    background-position: 0 26.446281%
}
.flag-es {
    background-position: 0 26.859504%
}
.flag-et {
    background-position: 0 27.272727%
}
.flag-fi {
    background-position: 0 27.68595%
}
.flag-fj {
    background-position: 0 28.099174%
}
.flag-fk {
    background-position: 0 28.512397%
}
.flag-fm {
    background-position: 0 28.92562%
}
.flag-fo {
    background-position: 0 29.338843%
}
.flag-fr {
    background-position: 0 29.752066%
}
.flag-ga {
    background-position: 0 30.165289%
}
.flag-gd {
    background-position: 0 30.578512%
}
.flag-ge {
    background-position: 0 30.991736%
}
.flag-gf {
    background-position: 0 31.404959%
}
.flag-gh {
    background-position: 0 31.818182%
}
.flag-gi {
    background-position: 0 32.231405%
}
.flag-gl {
    background-position: 0 32.644628%
}
.flag-gm {
    background-position: 0 33.057851%
}
.flag-gn {
    background-position: 0 33.471074%
}
.flag-gp {
    background-position: 0 33.884298%
}
.flag-gq {
    background-position: 0 34.297521%
}
.flag-gr {
    background-position: 0 34.710744%
}
.flag-gs {
    background-position: 0 35.123967%
}
.flag-gt {
    background-position: 0 35.53719%
}
.flag-gu {
    background-position: 0 35.950413%
}
.flag-gw {
    background-position: 0 36.363636%
}
.flag-gy {
    background-position: 0 36.77686%
}
.flag-hk {
    background-position: 0 37.190083%
}
.flag-hm {
    background-position: 0 37.603306%
}
.flag-hn {
    background-position: 0 38.016529%
}
.flag-hr {
    background-position: 0 38.429752%
}
.flag-ht {
    background-position: 0 38.842975%
}
.flag-hu {
    background-position: 0 39.256198%
}
.flag-id {
    background-position: 0 39.669421%
}
.flag-ie {
    background-position: 0 40.082645%
}
.flag-il {
    background-position: 0 40.495868%
}
.flag-in {
    background-position: 0 40.909091%
}
.flag-io {
    background-position: 0 41.322314%
}
.flag-iq {
    background-position: 0 41.735537%
}
.flag-ir {
    background-position: 0 42.14876%
}
.flag-is {
    background-position: 0 42.561983%
}
.flag-it {
    background-position: 0 42.975207%
}
.flag-jm {
    background-position: 0 43.38843%
}
.flag-jo {
    background-position: 0 43.801653%
}
.flag-jp {
    background-position: 0 44.214876%
}
.flag-ke {
    background-position: 0 44.628099%
}
.flag-kg {
    background-position: 0 45.041322%
}
.flag-kh {
    background-position: 0 45.454545%
}
.flag-ki {
    background-position: 0 45.867769%
}
.flag-km {
    background-position: 0 46.280992%
}
.flag-kn {
    background-position: 0 46.694215%
}
.flag-kp {
    background-position: 0 47.107438%
}
.flag-kr {
    background-position: 0 47.520661%
}
.flag-kw {
    background-position: 0 47.933884%
}
.flag-ky {
    background-position: 0 48.347107%
}
.flag-kz {
    background-position: 0 48.760331%
}
.flag-la {
    background-position: 0 49.173554%
}
.flag-lb {
    background-position: 0 49.586777%
}
.flag-lc {
    background-position: 0 50%
}
.flag-li {
    background-position: 0 50.413223%
}
.flag-lk {
    background-position: 0 50.826446%
}
.flag-lr {
    background-position: 0 51.239669%
}
.flag-ls {
    background-position: 0 51.652893%
}
.flag-lt {
    background-position: 0 52.066116%
}
.flag-lu {
    background-position: 0 52.479339%
}
.flag-lv {
    background-position: 0 52.892562%
}
.flag-ly {
    background-position: 0 53.305785%
}
.flag-ma {
    background-position: 0 53.719008%
}
.flag-mc {
    background-position: 0 54.132231%
}
.flag-md {
    background-position: 0 54.545455%
}
.flag-me {
    background-position: 0 54.958678%
}
.flag-mg {
    background-position: 0 55.371901%
}
.flag-mh {
    background-position: 0 55.785124%
}
.flag-mk {
    background-position: 0 56.198347%
}
.flag-ml {
    background-position: 0 56.61157%
}
.flag-mm {
    background-position: 0 57.024793%
}
.flag-mn {
    background-position: 0 57.438017%
}
.flag-mo {
    background-position: 0 57.85124%
}
.flag-mp {
    background-position: 0 58.264463%
}
.flag-mq {
    background-position: 0 58.677686%
}
.flag-mr {
    background-position: 0 59.090909%
}
.flag-ms {
    background-position: 0 59.504132%
}
.flag-mt {
    background-position: 0 59.917355%
}
.flag-mu {
    background-position: 0 60.330579%
}
.flag-mv {
    background-position: 0 60.743802%
}
.flag-mw {
    background-position: 0 61.157025%
}
.flag-mx {
    background-position: 0 61.570248%
}
.flag-my {
    background-position: 0 61.983471%
}
.flag-mz {
    background-position: 0 62.396694%
}
.flag-na {
    background-position: 0 62.809917%
}
.flag-nc {
    background-position: 0 63.22314%
}
.flag-ne {
    background-position: 0 63.636364%
}
.flag-nf {
    background-position: 0 64.049587%
}
.flag-ng {
    background-position: 0 64.46281%
}
.flag-ni {
    background-position: 0 64.876033%
}
.flag-nl {
    background-position: 0 65.289256%
}
.flag-no {
    background-position: 0 65.702479%
}
.flag-np {
    background-position: 0 66.115702%
}
.flag-nr {
    background-position: 0 66.528926%
}
.flag-nu {
    background-position: 0 66.942149%
}
.flag-nz {
    background-position: 0 67.355372%
}
.flag-om {
    background-position: 0 67.768595%
}
.flag-pa {
    background-position: 0 68.181818%
}
.flag-pe {
    background-position: 0 68.595041%
}
.flag-pf {
    background-position: 0 69.008264%
}
.flag-pg {
    background-position: 0 69.421488%
}
.flag-ph {
    background-position: 0 69.834711%
}
.flag-pk {
    background-position: 0 70.247934%
}
.flag-pl {
    background-position: 0 70.661157%
}
.flag-pm {
    background-position: 0 71.07438%
}
.flag-pn {
    background-position: 0 71.487603%
}
.flag-pr {
    background-position: 0 71.900826%
}
.flag-pt {
    background-position: 0 72.31405%
}
.flag-pw {
    background-position: 0 72.727273%
}
.flag-py {
    background-position: 0 73.140496%
}
.flag-qa {
    background-position: 0 73.553719%
}
.flag-re {
    background-position: 0 73.966942%
}
.flag-ro {
    background-position: 0 74.380165%
}
.flag-rs {
    background-position: 0 74.793388%
}
.flag-ru {
    background-position: 0 75.206612%
}
.flag-rw {
    background-position: 0 75.619835%
}
.flag-sa {
    background-position: 0 76.033058%
}
.flag-sb {
    background-position: 0 76.446281%
}
.flag-sc {
    background-position: 0 76.859504%
}
.flag-sd {
    background-position: 0 77.272727%
}
.flag-se {
    background-position: 0 77.68595%
}
.flag-sg {
    background-position: 0 78.099174%
}
.flag-sh {
    background-position: 0 78.512397%
}
.flag-si {
    background-position: 0 78.92562%
}
.flag-sj {
    background-position: 0 79.338843%
}
.flag-sk {
    background-position: 0 79.752066%
}
.flag-sl {
    background-position: 0 80.165289%
}
.flag-sm {
    background-position: 0 80.578512%
}
.flag-sn {
    background-position: 0 80.991736%
}
.flag-so {
    background-position: 0 81.404959%
}
.flag-sr {
    background-position: 0 81.818182%
}
.flag-ss {
    background-position: 0 82.231405%
}
.flag-st {
    background-position: 0 82.644628%
}
.flag-sv {
    background-position: 0 83.057851%
}
.flag-sy {
    background-position: 0 83.471074%
}
.flag-sz {
    background-position: 0 83.884298%
}
.flag-tc {
    background-position: 0 84.297521%
}
.flag-td {
    background-position: 0 84.710744%
}
.flag-tf {
    background-position: 0 85.123967%
}
.flag-tg {
    background-position: 0 85.53719%
}
.flag-th {
    background-position: 0 85.950413%
}
.flag-tj {
    background-position: 0 86.363636%
}
.flag-tk {
    background-position: 0 86.77686%
}
.flag-tl {
    background-position: 0 87.190083%
}
.flag-tm {
    background-position: 0 87.603306%
}
.flag-tn {
    background-position: 0 88.016529%
}
.flag-to {
    background-position: 0 88.429752%
}
.flag-tp {
    background-position: 0 88.842975%
}
.flag-tr {
    background-position: 0 89.256198%
}
.flag-tt {
    background-position: 0 89.669421%
}
.flag-tv {
    background-position: 0 90.082645%
}
.flag-tw {
    background-position: 0 90.495868%
}
.flag-ty {
    background-position: 0 90.909091%
}
.flag-tz {
    background-position: 0 91.322314%
}
.flag-ua {
    background-position: 0 91.735537%
}
.flag-ug {
    background-position: 0 92.14876%
}
.flag-gb, .flag-uk {
    background-position: 0 92.561983%
}
.flag-um {
    background-position: 0 92.975207%
}
.flag-us {
    background-position: 0 93.38843%
}
.flag-uy {
    background-position: 0 93.801653%
}
.flag-uz {
    background-position: 0 94.214876%
}
.flag-va {
    background-position: 0 94.628099%
}
.flag-vc {
    background-position: 0 95.041322%
}
.flag-ve {
    background-position: 0 95.454545%
}
.flag-vg {
    background-position: 0 95.867769%
}
.flag-vi {
    background-position: 0 96.280992%
}
.flag-vn {
    background-position: 0 96.694215%
}
.flag-vu {
    background-position: 0 97.107438%
}
.flag-wf {
    background-position: 0 97.520661%
}
.flag-ws {
    background-position: 0 97.933884%
}
.flag-ye {
    background-position: 0 98.347107%
}
.flag-za {
    background-position: 0 98.760331%
}
.flag-zm {
    background-position: 0 99.173554%
}
.flag-zr {
    background-position: 0 99.586777%
}
.flag-zw {
    background-position: 0 100%
}
.flag-ax {
    background-position: 100% .413223%
}
.flag-gg {
    background-position: 100% .826446%
}
.flag-im {
    background-position: 100% 1.239669%
}
.flag-je {
    background-position: 100% 1.652893%
}
.flag-xk {
    background-position: 100% 2.066116%
}
.flag-ps {
    background-position: 100% 2.479339%
}
.flag-bl {
    background-position: 100% 2.892562%
}
.flag-mf {
    background-position: 100% 3.305785%
}
.flag-yt {
    background-position: 100% 3.719008%
}
.reg-modal {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}
.reg-modal__box {
    display: flex;
    border-radius: 10px;
    box-shadow: 0 6px 58px rgba(75, 77, 100, .26);
    background-color: #e8edf9;
    position: relative;
    max-width: 380px
}
.reg-modal__close {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 50
}
.reg-modal__close svg {
    transition: .3s
}
.reg-modal__close:hover svg {
    fill: #000;
    cursor: pointer
}
.reg-modal__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 78px
}
.reg-modal .signing__form-row {
    flex-direction: column
}
.reg-modal .top-signing {
    padding: 32px 20px
}
.reg-modal .top-signing .signing__group:first-of-type, .reg-modal .top-signing .signing__group:nth-of-type(2) {
    width: 100%
}
@media(max-width:1365px) {
    .reg-modal .top-signing {
        max-width: unset;
        flex-direction: column;
        padding: 32px 20px
    }
    .reg-modal .top-signing .signing__form {
        max-width: unset;
        width: unset
    }
    .reg-modal .top-signing__title {
        max-width: unset;
        text-align: center
    }
    .reg-modal .top-signing__title .bolder {
        margin-bottom: 0;
        font-size: 25px;
        line-height: 138%
    }
    .reg-modal .top-signing__title .bolder span:nth-of-type(4) {
        font-size: 25px
    }
    .reg-modal .top-signing .signing__group:nth-of-type(2) {
        order: 2
    }
    .reg-modal .top-signing .signing__group:nth-of-type(3) {
        order: 3;
        width: 100%
    }
    .reg-modal .top-signing .signing__group:nth-of-type(4) {
        order: 4;
        width: 100%
    }
    .reg-modal .top-signing .signing__group:nth-of-type(5) {
        width: 100%
    }
    .reg-modal .top-signing .signing__group:nth-of-type(6) {
        width: 100%;
        margin-bottom: 20px
    }
    .reg-modal .top-signing .signing__group .checkbox-text {
        font-size: 14px;
        line-height: 21px
    }
}
@media(max-width:411px) {
    .reg-modal {
        height: 100%;
        overflow: scroll;
        align-items: flex-start
    }
    .reg-modal__box {
        overflow-y: scroll;
        min-height: 500px;
        height: 100%;
        width: 100%;
        max-width: 100%;
        border-radius: unset
    }
    .reg-modal__body, .reg-modal__box {
        justify-content: center
    }
}
.demo-account__intro {
    min-height: 500px;
    padding: 90px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}
@media(max-width:992px) {
    .demo-account__intro {
        padding: 70px 0;
        background-position: 0 100%;
        background-size: 109%
    }
}
.demo-account__intro.page-demo-account {
    background-image: url(/storage/app/media/page-demo-account/demo-account-intro.svg)
}
.demo-account__intro .demo-account__container {
    max-width: 1340px
}
@media(max-width:1400px) {
    .demo-account__intro .demo-account__container {
        max-width: 96%
    }
}
.demo-account__content {
    position: relative;
    z-index: 1
}
.demo-account__content h1 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 1.1em;
    color: #000;
    font-weight: 700;
    width: 50%
}
@media(max-width:992px) {
    .demo-account__content h1 {
        text-align: right;
        width: 100%
    }
}
@media(max-width:570px) {
    .demo-account__content h1 {
        font-size: 30px
    }
}
.demo-account__content h1 span {
    color: #2057e3
}
.demo-account__content h2 {
    margin-bottom: 50px;
    font-size: 24px;
    line-height: 1.4em;
    color: #000;
    font-weight: 400;
    width: 50%
}
@media(max-width:992px) {
    .demo-account__content h2 {
        text-align: right;
        width: 100%
    }
}
@media(max-width:570px) {
    .demo-account__content h2 {
        font-size: 18px
    }
}
.demo-account__content img {
    position: absolute;
    z-index: -1;
    right: 50%;
    top: 50%;
    transform: translateY(-50%);
    max-height: 395px
}
@media(max-width:1200px) {
    .demo-account__content img {
        right: 37%
    }
}
@media(max-width:992px) {
    .demo-account__content img {
        display: none
    }
}
.demo-account__content ul {
    width: 50%
}
@media(max-width:992px) {
    .demo-account__content ul {
        width: 100%
    }
}
.demo-account__content ul li {
    padding-right: 36px;
    position: relative;
    color: #73738d;
    margin-bottom: 20px;
    font-size: 18px
}
@media(max-width:570px) {
    .demo-account__content ul li {
        font-size: 16px
    }
}
.demo-account__content ul li:last-of-type {
    margin-bottom: 0
}
.demo-account__content ul li:before {
    content: "";
    position: absolute;
    border: solid #2057e3;
    border-width: 0 3px 3px 0;
    height: 16px;
    width: 8px;
    right: 7px;
    top: 2px;
    transform: rotate(45deg)
}
.demo-account__intro--btn {
    display: flex;
    justify-content: center;
    margin-top: 60px
}
.demo-account__intro--btn a {
    border-radius: 50px;
    padding: 16px 34px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin: 0 auto;
    font-weight: 700;
    background-color: #1943ef;
    border: 2px solid #1943ef;
    transition: .3s;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 15px 19px rgba(0, 0, 0, .25)
}
@media(max-width:570px) {
    .demo-account__intro--btn a {
        font-size: 16px;
        padding: 13px 34px
    }
}
.demo-account__intro--btn a:hover {
    background-color: #fff;
    color: #1943ef;
    box-shadow: none
}
.economic-insight__btn {
    margin-top: 32px;
    width: 230px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #1943ef;
    letter-spacing: .3px;
    font-size: 20px;
    position: relative;
    z-index: 2
}
.economic-insight__btn:hover {
    color: #fff;
    box-shadow: 0 0 14px 0 #1943ef
}
.economic-insight__btn--mobile {
    display: none;
    margin: 32px auto 0
}
@media screen and (max-width:991px) {
    .economic-insight__btn--mobile {
        display: flex
    }
}
@media screen and (max-width:991px) {
    .economic-insight__btn--pc {
        display: none
    }
}
.economic-insight__container {
    display: flex;
    flex-wrap: wrap
}
@media screen and (max-width:1200px) {
    .economic-insight__container-mobile {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}
.economic-insight__section-title {
    font-weight: 400;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #373f41;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 70px
}
.economic-insight__section-title span:nth-of-type(2) {
    font-weight: 700
}
@media screen and (max-width:575px) {
    .economic-insight__section-title {
        padding: 0 4%
    }
}
@media screen and (max-width:480px) {
    .economic-insight__section-title {
        font-size: 20px;
        line-height: 26px
    }
}
.economic-insight__intro {
    min-height: 700px;
    display: flex;
    align-items: center;
    margin-top: -19px
}
@media screen and (max-width:1200px) {
    .economic-insight__intro {
        margin-top: -23px
    }
}
@media screen and (max-width:991px) {
    .economic-insight__intro {
        padding: 80px 0
    }
}
@media screen and (max-width:480px) {
    .economic-insight__intro {
        padding: 50px 0
    }
}
.economic-insight__intro-left {
    width: 50%
}
@media screen and (max-width:991px) {
    .economic-insight__intro-left {
        width: 100%;
        margin-bottom: 50px;
        padding: 0 4%
    }
}
.economic-insight__intro-right {
    width: 50%;
    display: flex;
    justify-content: center
}
@media screen and (max-width:1200px) {
    .economic-insight__intro-right {
        align-items: center;
        justify-content: flex-end
    }
    .economic-insight__intro-right img {
        max-width: 85%
    }
}
@media screen and (max-width:991px) {
    .economic-insight__intro-right {
        width: 100%;
        justify-content: center
    }
}
.economic-insight__intro-heading {
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px
}
.economic-insight__intro-title {
    font-weight: 900;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .2px;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 35px
}
@media screen and (max-width:480px) {
    .economic-insight__intro-title {
        font-size: 30px;
        line-height: 37px
    }
}
.economic-insight__intro-subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
    width: 70%
}
@media screen and (max-width:1200px) {
    .economic-insight__intro-subtitle {
        width: 100%
    }
}
@media screen and (max-width:480px) {
    .economic-insight__intro-subtitle {
        line-height: 25px
    }
}
.economic-insight__intro-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    color: #fff;
    width: 70%
}
@media screen and (max-width:1200px) {
    .economic-insight__intro-text {
        width: 100%
    }
}
@media screen and (max-width:480px) {
    .economic-insight__intro-text {
        font-size: 16px;
        line-height: 22px
    }
}
.economic-insight__data {
    padding: 80px 0;
    background-color: #e5ebf9
}
@media screen and (max-width:480px) {
    .economic-insight__data {
        padding: 50px 0
    }
}
.economic-insight__data-left {
    width: 50%;
    display: flex;
    align-items: center
}
@media screen and (max-width:1630px) {
    .economic-insight__data-left img {
        max-width: 82%
    }
}
@media screen and (max-width:1200px) {
    .economic-insight__data-left {
        width: 100%;
        justify-content: center
    }
    .economic-insight__data-left img {
        max-width: 500px
    }
}
@media screen and (max-width:575px) {
    .economic-insight__data-left img {
        max-width: 82%
    }
}
.economic-insight__data-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%
}
@media screen and (max-width:1200px) {
    .economic-insight__data-right {
        width: 100%
    }
}
.economic-insight__data-features {
    background: linear-gradient(179.94deg, #fff .05%, hsla(0, 0%, 100%, 0) 111.25%);
    display: flex;
    flex-direction: column;
    padding: 30px;
    max-width: 758px
}
@media screen and (max-width:1200px) {
    .economic-insight__data-features {
        max-width: 100%
    }
}
@media screen and (max-width:480px) {
    .economic-insight__data-features {
        padding: 30px 4%
    }
}
.economic-insight__data-features p {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    color: #737b7d;
    margin-bottom: 40px
}
@media screen and (max-width:480px) {
    .economic-insight__data-features p {
        font-size: 16px;
        line-height: 22px
    }
}
.economic-insight__data-features h3 {
    font-weight: 900;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #373f41;
    margin-bottom: 30px
}
@media screen and (max-width:575px) {
    .economic-insight__data-features h3 {
        text-align: right
    }
}
.economic-insight__data-items {
    display: flex;
    flex-wrap: wrap
}
.economic-insight__data-item {
    width: 50%;
    display: flex;
    flex-direction: column
}
.economic-insight__data-item img {
    max-width: 50px;
    margin-bottom: 20px
}
.economic-insight__data-item p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #000
}
@media screen and (max-width:1200px) {
    .economic-insight__data-item {
        width: 50%
    }
}
@media screen and (max-width:768px) {
    .economic-insight__data-item {
        width: 100%
    }
}
.economic-insight__data-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}
@media screen and (max-width:1200px) {
    .economic-insight__data-row {
        width: 96%;
        margin: 0 auto
    }
}
.economic-insight__data-row p {
    font-weight: 900;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase;
    color: #373f41;
    margin-bottom: 20px
}
.economic-insight__strategies {
    padding: 80px 0
}
@media screen and (max-width:480px) {
    .economic-insight__strategies {
        padding: 50px 0
    }
}
.economic-insight__strategies-subtitle {
    max-width: 960px;
    padding: 0 4%;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    letter-spacing: .3px;
    color: #737b7d;
    margin: -40px auto 70px;
    order: 2
}
@media screen and (max-width:480px) {
    .economic-insight__strategies-subtitle {
        font-size: 16px;
        line-height: 22px
    }
}
.economic-insight__strategies-left {
    width: 45%;
    background: linear-gradient(180deg, #e5ebf9, hsla(0, 0%, 100%, 0));
    display: flex;
    flex-direction: column;
    padding: 80px 50px;
    order: 3
}
.economic-insight__strategies-left h3 {
    font-weight: 900;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #373f41;
    margin-bottom: 30px;
    text-align: right
}
.economic-insight__strategies-left p {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    color: #737b7d;
    margin-bottom: 30px
}
@media screen and (max-width:480px) {
    .economic-insight__strategies-left p {
        font-size: 16px;
        line-height: 22px
    }
}
.economic-insight__strategies-left p:last-of-type {
    margin-bottom: 0
}
@media screen and (max-width:1200px) {
    .economic-insight__strategies-left {
        width: 100%;
        order: 4
    }
}
@media screen and (max-width:575px) {
    .economic-insight__strategies-left {
        padding: 50px 4%
    }
}
.economic-insight__strategies-right {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    order: 4
}
@media screen and (max-width:1630px) {
    .economic-insight__strategies-right img {
        max-width: 90%
    }
}
@media screen and (max-width:1200px) {
    .economic-insight__strategies-right {
        width: 100%;
        justify-content: center;
        order: 3
    }
    .economic-insight__strategies-right img {
        max-width: 500px;
        max-width: 86%
    }
}
.economic-insight__app {
    padding: 80px 0;
    display: flex;
    flex-direction: column
}
.economic-insight__app .economic-insight__section-title {
    color: #fff
}
@media screen and (max-width:480px) {
    .economic-insight__app {
        padding: 50px 0
    }
}
.economic-insight__app-subtitle {
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    letter-spacing: .3px;
    color: #fff;
    margin: -40px auto 30px
}
@media screen and (max-width:480px) {
    .economic-insight__app-subtitle {
        font-size: 16px;
        line-height: 22px
    }
}
.economic-insight__app-item {
    max-width: 400px;
    padding: 17px 30px 27px;
    display: flex;
    flex-direction: column;
    position: relative;
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    min-height: 226px
}
.economic-insight__app-item:before {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    padding: 5px;
    background-image: radial-gradient(circle at 100% 100%, transparent 0, #7892fe 0, #7892fe 1px, transparent 0), linear-gradient(90deg, #7892fe, hsla(0, 0%, 100%, 0)), radial-gradient(circle at 0 100%, transparent 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1px, transparent 0), linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), radial-gradient(circle at 0 0, transparent 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1px, transparent 0), linear-gradient(270deg, hsla(0, 0%, 100%, 0), #7892fe), radial-gradient(circle at 100% 0, transparent 0, #7892fe 0, #7892fe 1px, transparent 0), linear-gradient(0deg, #7892fe, #7892fe);
    background-size: 1px 1px, calc(100% - 2px) 1px, 1px 1px, 1px calc(100% - 2px);
    background-position: 0 0, top, 100% 0, 100%, 100% 100%, bottom, 0 100%, 0;
    background-repeat: no-repeat
}
.economic-insight__app-item img {
    max-width: 48px
}
.economic-insight__app-item h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 17px;
    margin-bottom: 0;
    text-align: left
}
.economic-insight__app-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 17px
}
@media screen and (max-width:1200px) {
    .economic-insight__app-item {
        max-width: 50%;
        min-width: 50%
    }
}
@media screen and (max-width:768px) {
    .economic-insight__app-item {
        max-width: 100%;
        min-width: 100%
    }
}
.economic-insight__app-left {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    gap: 20px
}
@media screen and (max-width:1200px) {
    .economic-insight__app-left {
        width: 100%;
        align-items: center
    }
}
.economic-insight__app-mid {
    width: 33.333%;
    display: flex;
    justify-content: center;
    align-items: center
}
@media screen and (max-width:1366px) {
    .economic-insight__app-mid img {
        max-width: 80%
    }
}
@media screen and (max-width:1200px) {
    .economic-insight__app-mid {
        width: 100%;
        margin: 50px 0
    }
    .economic-insight__app-mid img {
        max-width: 500px
    }
}
@media screen and (max-width:575px) {
    .economic-insight__app-mid img {
        max-width: 80%
    }
}
.economic-insight__app-right {
    width: 33.333%;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: flex-end
}
@media screen and (max-width:1200px) {
    .economic-insight__app-right {
        width: 100%;
        align-items: center
    }
}
.economic-insight__analyst {
    padding: 80px 0 40px
}
@media screen and (max-width:480px) {
    .economic-insight__analyst {
        padding: 50px 0
    }
}
.economic-insight__analyst-left {
    display: flex;
    align-items: center;
    width: 50%
}
.economic-insight__analyst-left h3 {
    font-weight: 900;
    text-transform: uppercase;
    color: #373f41;
    text-align: right
}
.economic-insight__analyst-left h3, .economic-insight__analyst-left p {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    margin-bottom: 30px
}
.economic-insight__analyst-left p {
    font-weight: 600;
    color: #737b7d
}
@media screen and (max-width:1200px) {
    .economic-insight__analyst-left {
        width: 100%;
        order: 3
    }
}
.economic-insight__analyst-descr {
    background: linear-gradient(180deg, #e5ebf9, hsla(0, 0%, 100%, 0));
    max-width: 726px;
    padding: 50px
}
@media screen and (max-width:1200px) {
    .economic-insight__analyst-descr {
        max-width: 100%
    }
}
@media screen and (max-width:575px) {
    .economic-insight__analyst-descr {
        padding: 50px 4%
    }
}
.economic-insight__analyst-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    max-width: 765px
}
@media screen and (max-width:1630px) {
    .economic-insight__analyst-right img {
        max-width: 84%
    }
}
@media screen and (max-width:1200px) {
    .economic-insight__analyst-right {
        width: 100%;
        order: 2;
        justify-content: center
    }
    .economic-insight__analyst-right img {
        max-width: 500px
    }
}
@media screen and (max-width:575px) {
    .economic-insight__analyst-right img {
        max-width: 84%
    }
}
.economic-insight-wrap {
    padding-top: 80px;
    margin-top: -60px;
    background-color: #fff;
    min-height: 400px;
    width: 100%
}
.economic-insight-container {
    width: 90%;
    margin: 0 auto
}
.economic-insight-container iframe {
    min-height: 3300px
}
.economic-insight-denied {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    height: 300px;
    justify-content: center
}
.economic-insight-denied img {
    height: 64px;
    margin-bottom: 20px
}
.economic-insight-denied p {
    margin-bottom: 10px
}
.economic-insight-denied p:first-of-type {
    font-size: 20px;
    color: red;
    text-transform: uppercase
}
.trading-central__btn {
    margin-top: 40px;
    width: 230px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #1943ef;
    letter-spacing: .3px;
    font-size: 20px;
    position: relative;
    z-index: 2
}
.trading-central__btn:after {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    z-index: -1;
    box-shadow: 0 34px 20px 24px #1943ef;
    border-radius: 41px;
    opacity: 0;
    transition: .3s
}
.trading-central__btn:hover {
    color: #fff;
    box-shadow: 0 0 14px 0 #1943ef
}
.trading-central__btn--mobile {
    display: none;
    margin: 32px auto 0
}
@media screen and (max-width:991px) {
    .trading-central__btn--mobile {
        display: flex
    }
}
@media screen and (max-width:991px) {
    .trading-central__btn--pc {
        display: none
    }
}
.trading-central__container {
    display: flex;
    flex-wrap: wrap
}
@media screen and (max-width:1200px) {
    .trading-central__container-mobile {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}
.trading-central__section-title {
    font-weight: 400;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #373f41;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 70px
}
.trading-central__section-title span:nth-of-type(2) {
    font-weight: 700
}
@media screen and (max-width:575px) {
    .trading-central__section-title {
        padding: 0 4%
    }
}
@media screen and (max-width:480px) {
    .trading-central__section-title {
        font-size: 20px;
        line-height: 26px
    }
}
.trading-central__intro {
    min-height: 700px;
    display: flex;
    align-items: center;
    margin-top: -19px
}
@media screen and (max-width:1200px) {
    .trading-central__intro {
        margin-top: -23px
    }
}
@media screen and (max-width:991px) {
    .trading-central__intro {
        padding: 80px 0
    }
}
@media screen and (max-width:480px) {
    .trading-central__intro {
        padding: 50px 0
    }
}
.trading-central__intro-left {
    width: 50%
}
@media screen and (max-width:991px) {
    .trading-central__intro-left {
        width: 100%;
        margin-bottom: 50px;
        padding: 0 4%
    }
}
.trading-central__intro-right {
    width: 50%;
    display: flex;
    justify-content: center
}
@media screen and (max-width:1200px) {
    .trading-central__intro-right {
        align-items: center;
        justify-content: flex-end
    }
    .trading-central__intro-right img {
        max-width: 85%
    }
}
@media screen and (max-width:991px) {
    .trading-central__intro-right {
        width: 100%;
        justify-content: center
    }
}
.trading-central__intro-title {
    font-weight: 900;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .2px;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 35px
}
@media screen and (max-width:480px) {
    .trading-central__intro-title {
        font-size: 30px;
        line-height: 37px
    }
}
.trading-central__intro-subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
    width: 70%
}
@media screen and (max-width:1200px) {
    .trading-central__intro-subtitle {
        width: 100%
    }
}
@media screen and (max-width:480px) {
    .trading-central__intro-subtitle {
        line-height: 25px
    }
}
.trading-central__intro-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    color: #fff;
    width: 70%
}
@media screen and (max-width:1200px) {
    .trading-central__intro-text {
        width: 100%
    }
}
@media screen and (max-width:480px) {
    .trading-central__intro-text {
        font-size: 16px;
        line-height: 22px
    }
}
.trading-central__data {
    padding: 80px 0;
    background-color: #e5ebf9
}
@media screen and (max-width:480px) {
    .trading-central__data {
        padding: 50px 0
    }
}
.trading-central__data-subtitle {
    max-width: 960px;
    margin: -40px auto 0;
    padding: 0 4%;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    letter-spacing: .3px;
    color: #737b7d
}
@media screen and (max-width:480px) {
    .trading-central__data-subtitle {
        font-size: 16px;
        line-height: 22px
    }
}
.trading-central__data-left {
    width: 50%;
    display: flex;
    align-items: center
}
@media screen and (max-width:1630px) {
    .trading-central__data-left img {
        max-width: 82%
    }
}
@media screen and (max-width:1200px) {
    .trading-central__data-left {
        width: 100%;
        justify-content: center
    }
    .trading-central__data-left img {
        max-width: 500px
    }
}
@media screen and (max-width:575px) {
    .trading-central__data-left img {
        max-width: 82%
    }
}
.trading-central__data-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%
}
@media screen and (max-width:1200px) {
    .trading-central__data-right {
        width: 100%
    }
}
.trading-central__data-right ul li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 20px;
    line-height: 20px
}
.trading-central__data-right ul li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    display: flex;
    width: 20px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yMSAyLjUyNEw1LjUyIDkuNDg3YS45MTguOTE4IDAgMDEtMS4zNDEgMEwuODQyIDUuOTgzYTEuMDE5IDEuMDE5IDAgMDEwLTEuNDAxLjkxOC45MTggMCAwMTEuMzQgMGwyLjY4MiAyLjgwMyA2LjAyLTYuMjYyYS45MTguOTE4IDAgMDExLjM0IDAgMS4wMzQgMS4wMzQgMCAwMS0uMDE1IDEuNDAxeiIgZmlsbD0iIzE5NDNFRiIvPjwvc3ZnPg==");
    background-repeat: no-repeat
}
.trading-central__data-items {
    display: flex;
    flex-wrap: wrap
}
.trading-central__data-item {
    width: 50%;
    display: flex;
    flex-direction: column
}
.trading-central__data-item img {
    max-width: 50px;
    margin-bottom: 20px
}
.trading-central__data-item p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #000
}
@media screen and (max-width:1200px) {
    .trading-central__data-item {
        width: 50%
    }
}
@media screen and (max-width:768px) {
    .trading-central__data-item {
        width: 100%
    }
}
.trading-central__data-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}
@media screen and (max-width:1200px) {
    .trading-central__data-row {
        width: 96%;
        margin: 0 auto
    }
}
.trading-central__data-row p {
    font-weight: 900;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase;
    color: #373f41
}
.trading-central__features {
    padding: 80px 0
}
@media screen and (max-width:480px) {
    .trading-central__features {
        padding: 50px 0
    }
}
.trading-central__features-subtitle {
    max-width: 1000px;
    padding: 0 4%;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    letter-spacing: .3px;
    color: #737b7d;
    margin: -40px auto 70px;
    order: 2
}
@media screen and (max-width:480px) {
    .trading-central__features-subtitle {
        font-size: 16px;
        line-height: 22px
    }
}
.trading-central__features-left {
    width: 45%;
    background: linear-gradient(180deg, #e5ebf9, hsla(0, 0%, 100%, 0));
    display: flex;
    flex-direction: column;
    padding: 80px 50px;
    order: 3
}
.trading-central__features-left h3 {
    font-weight: 900;
    text-transform: uppercase;
    color: #373f41;
    text-align: right
}
.trading-central__features-left h3, .trading-central__features-left p {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    margin-bottom: 30px
}
.trading-central__features-left p {
    font-weight: 600;
    color: #737b7d
}
@media screen and (max-width:480px) {
    .trading-central__features-left p {
        font-size: 16px;
        line-height: 22px
    }
}
.trading-central__features-left p:last-of-type {
    margin-bottom: 0
}
@media screen and (max-width:1200px) {
    .trading-central__features-left {
        width: 100%;
        order: 4
    }
}
@media screen and (max-width:575px) {
    .trading-central__features-left {
        padding: 50px 4%
    }
}
.trading-central__features-right {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    order: 4
}
@media screen and (max-width:1630px) {
    .trading-central__features-right img {
        max-width: 90%
    }
}
@media screen and (max-width:1200px) {
    .trading-central__features-right {
        width: 100%;
        justify-content: center;
        order: 3
    }
    .trading-central__features-right img {
        max-width: 500px;
        max-width: 86%
    }
}
.trading-central__app {
    padding: 80px 0;
    display: flex;
    flex-direction: column
}
.trading-central__app .trading-central__section-title {
    color: #fff
}
@media screen and (max-width:480px) {
    .trading-central__app {
        padding: 50px 0
    }
}
.trading-central__app-subtitle {
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    letter-spacing: .3px;
    color: #fff;
    margin: -40px auto 30px
}
@media screen and (max-width:480px) {
    .trading-central__app-subtitle {
        font-size: 16px;
        line-height: 22px
    }
}
.trading-central__app-item {
    max-width: 400px;
    padding: 17px 30px 27px;
    display: flex;
    flex-direction: column;
    position: relative;
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    min-height: 226px
}
.trading-central__app-item:before {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    padding: 5px;
    background-image: radial-gradient(circle at 100% 100%, transparent 0, #7892fe 0, #7892fe 1px, transparent 0), linear-gradient(90deg, #7892fe, hsla(0, 0%, 100%, 0)), radial-gradient(circle at 0 100%, transparent 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1px, transparent 0), linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), radial-gradient(circle at 0 0, transparent 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1px, transparent 0), linear-gradient(270deg, hsla(0, 0%, 100%, 0), #7892fe), radial-gradient(circle at 100% 0, transparent 0, #7892fe 0, #7892fe 1px, transparent 0), linear-gradient(0deg, #7892fe, #7892fe);
    background-size: 1px 1px, calc(100% - 2px) 1px, 1px 1px, 1px calc(100% - 2px);
    background-position: 0 0, top, 100% 0, 100%, 100% 100%, bottom, 0 100%, 0;
    background-repeat: no-repeat
}
.trading-central__app-item img {
    max-width: 48px
}
.trading-central__app-item h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 17px;
    margin-bottom: 0;
    text-align: right
}
.trading-central__app-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 17px
}
@media screen and (max-width:1200px) {
    .trading-central__app-item {
        max-width: 50%;
        min-width: 50%
    }
}
@media screen and (max-width:768px) {
    .trading-central__app-item {
        max-width: 100%;
        min-width: 100%
    }
}
.trading-central__app-left {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    gap: 20px
}
@media screen and (max-width:1200px) {
    .trading-central__app-left {
        width: 100%;
        align-items: center
    }
}
.trading-central__app-mid {
    width: 33.333%;
    display: flex;
    justify-content: center;
    align-items: center
}
@media screen and (max-width:1366px) {
    .trading-central__app-mid img {
        max-width: 80%
    }
}
@media screen and (max-width:1200px) {
    .trading-central__app-mid {
        width: 100%;
        margin: 50px 0
    }
    .trading-central__app-mid img {
        max-width: 500px
    }
}
@media screen and (max-width:575px) {
    .trading-central__app-mid img {
        max-width: 80%
    }
}
.trading-central__app-right {
    width: 33.333%;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: flex-end
}
@media screen and (max-width:1200px) {
    .trading-central__app-right {
        width: 100%;
        align-items: center
    }
}
.trading-central__analyst {
    padding: 80px 0 40px
}
@media screen and (max-width:480px) {
    .trading-central__analyst {
        padding: 50px 0
    }
}
.trading-central__analyst-left {
    display: flex;
    align-items: center;
    width: 50%
}
.trading-central__analyst-left h3 {
    font-weight: 900;
    text-transform: uppercase;
    color: #373f41;
    text-align: right
}
.trading-central__analyst-left h3, .trading-central__analyst-left p {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: .3px;
    margin-bottom: 30px
}
.trading-central__analyst-left p {
    font-weight: 600;
    color: #737b7d
}
@media screen and (max-width:1200px) {
    .trading-central__analyst-left {
        width: 100%;
        order: 3
    }
}
.trading-central__analyst-descr {
    background: linear-gradient(180deg, #e5ebf9, hsla(0, 0%, 100%, 0));
    max-width: 726px;
    padding: 50px
}
@media screen and (max-width:1200px) {
    .trading-central__analyst-descr {
        max-width: 100%
    }
}
@media screen and (max-width:575px) {
    .trading-central__analyst-descr {
        padding: 50px 4%
    }
}
.trading-central__analyst-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    max-width: 765px
}
@media screen and (max-width:1630px) {
    .trading-central__analyst-right img {
        max-width: 84%
    }
}
@media screen and (max-width:1200px) {
    .trading-central__analyst-right {
        width: 100%;
        order: 2;
        justify-content: center
    }
    .trading-central__analyst-right img {
        max-width: 500px
    }
}
@media screen and (max-width:575px) {
    .trading-central__analyst-right img {
        max-width: 84%
    }
}
.trading-tools__container {
    background-image: url(/storage/app/media/page-trading-tools/trading-tools-intro-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 140px;
    position: relative;
    z-index: 1;
    min-height: 325px
}
@media(max-width:992px) {
    .trading-tools__container {
        min-height: 375px;
        background: none;
        padding: 70px 20px
    }
}
.trading-tools__intro {
    margin-bottom: 3rem
}
.trading-tools__intro h1 {
    font-weight: 500;
    font-size: 50px;
    line-height: 57px;
    text-transform: capitalize;
    color: #000
}
@media(max-width:992px) {
    .trading-tools__intro h1 {
        font-size: 35px;
        line-height: 42px;
        text-align: center
    }
}
.trading-tools__intro h1 span {
    color: #2057e3;
    font-weight: 700
}
.trading-tools__intro img {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0
}
@media(max-width:1199px) {
    .trading-tools__intro img {
        max-height: 200px
    }
}
@media(max-width:992px) {
    .trading-tools__intro img {
        left: 50%;
        transform: translateX(50%)
    }
}
.webinars__intro {
    max-height: 400px;
    padding: 70px 0 90px;
    margin-top: -60px
}
@media screen and (max-width:991px) {
    .webinars__intro {
        max-height: 700px
    }
}
@media screen and (max-width:768px) {
    .webinars__intro {
        max-height: 900px
    }
}
@media screen and (max-width:480px) {
    .webinars__intro {
        padding: 70px 0 60px !important
    }
}
.webinars__container {
    width: 1200px;
    margin: 0 auto
}
@media screen and (max-width:1300px) {
    .webinars__container {
        width: 96%
    }
}
@media screen and (max-width:768px) {
    .webinars__container {
        width: 92%
    }
}
.webinars__intro--content {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative
}
@media screen and (max-width:768px) {
    .webinars__intro--content {
        align-items: center
    }
}
.webinars__intro--title {
    color: #373f41;
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 1.2em;
    font-weight: 700;
    width: 100%;
    text-align: center
}
@media screen and (max-width:768px) {
    .webinars__intro--title {
        font-size: 37px
    }
}
@media screen and (max-width:480px) {
    .webinars__intro--title {
        font-size: 30px;
        margin-bottom: 20px
    }
}
@media screen and (max-width:374px) {
    .webinars__intro--title {
        font-size: 28px
    }
}
.webinars__intro--text {
    color: #737b7d;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .3px;
    width: 80%;
    text-align: center
}
@media screen and (max-width:991px) {
    .webinars__intro--text {
        width: 100%
    }
}
@media screen and (max-width:480px) {
    .webinars__intro--text {
        font-size: 16px;
        line-height: 20px
    }
}
.webinars__descr--content {
    display: inline-flex;
    padding: 20px 47px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    border-radius: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 19px;
    line-height: 28px;
    letter-spacing: .3px
}
@media screen and (max-width:575px) {
    .webinars__descr--content {
        padding: 20px
    }
}
.webinars__descr--content a {
    margin: 0 5px;
    position: relative;
    top: -3px
}
.webinars__calendar {
    padding: 100px 0 50px
}
@media screen and (max-width:575px) {
    .webinars__calendar {
        padding: 50px 0 40px
    }
}
.webinars__calendar--content {
    display: flex;
    width: 100%;
    position: relative
}
.webinars__calendar--box {
    display: flex;
    width: 100%;
    height: 640px;
    box-shadow: 0 4px 18px rgba(61, 61, 61, .25)
}
.webinars__calendar--box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background: #748ffd;
    background: linear-gradient(180deg, #748ffd, #1943ef 25%, #839bff 50%, #0032ff 75%, #5d7dff)
}
@media screen and (max-width:575px) {
    .webinars__calendar--box {
        height: 620px
    }
}
.webinars__calendar--box iframe {
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 40px)
}
@media screen and (max-width:575px) {
    .webinars__calendar--box iframe {
        right: 10px;
        top: 10px;
        width: calc(100% - 20px)
    }
}

/* CONTACT US FORM */
form.wpforms-validate {
        padding: 30px;
        background-color: #f3f6fa;
    }
 form.wpforms-validate input[type=text],
 form.wpforms-validate input[type=email] {
    height: 56px!important;
    font-size: 18px!important;
    color: #000!important;
    border: 1px solid #d4d4db!important;
    border-radius: 0!important;
}
form.wpforms-validate button.wpforms-submit {
    padding: 10px 24px!important;
    display: block;
    color: #1943ef!important;
    font-size: 14px!important;
    font-weight: 700!important;
    border: 1px solid #1943ef!important;
    transition: .3s;
    text-align: center;
}
form.wpforms-validate button.wpforms-submit:focus,
form.wpforms-validate button.wpforms-submit:hover {
    background-color: #1943ef!important;
    color: #fff!important;
    text-decoration: none!important;
}
/*# sourceMappingURL=main.css.map*/
@media screen and (max-width:768px) {
    .mp-intro__content {
        width: 100%;
    }
}
/* SLIDER OVERRIDES */
@media screen and (max-width:768px) {
    h2.n2-ss-2item1 {
        line-height:40px;
    }
    p.n2-font-fd1ffc5bc6a7ca201df113ed71b1d038-paragraph {
        font-size: 23px!important;
    }
    p.n2-font-fd1ffc5bc6a7ca201df113ed71b1d038-paragraph br {
        display: none;
    }
}