@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/Montserrat-Regular.woff2) format("woff2");
}

@font-face {
    font-family: 'Montserrat';  
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/Montserrat-Medium.woff2) format("woff2");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/Montserrat-SemiBold.woff2) format("woff2");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/Montserrat-Bold.woff2) format("woff2");
}

.fancybox-container, .fancybox-thumbs, .fancybox-thumbs__list a {
    -webkit-tap-highlight-color: transparent
}

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

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

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

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

.swiper-wrapper {
    z-index: 1;
    display: flex;
    box-sizing: content-box
}

.fancybox-container *, ::after, ::before {
    box-sizing: border-box
}

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

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

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

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

.swiper-slide {
    flex-shrink: 0
}

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

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

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

.swiper-container-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

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

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

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

a, button, input, input[type=submit], textarea {
    -webkit-appearance: none
}

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

.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed {
    cursor: move
}

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

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

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

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

.swiper-pagination-lock, .swiper-scrollbar-lock {
    display: none
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

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

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

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

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

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

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

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

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

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

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

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid;
    border-radius: 50%;
    border-top-color: transparent
}

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

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

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

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

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

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

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

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-outer, .fancybox-thumbs {
    -webkit-overflow-scrolling: touch
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-slide, .fancybox-slide--image .fancybox-content {
    transition-property: transform, opacity;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    display: none;
    height: 100%;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-caption, .fancybox-share, .text-center {
    text-align: center
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    background: no-repeat;
    background-size: 100% 100%;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    transform-origin: top left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: dotted 1px
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2), .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-share__button:hover, a {
    text-decoration: none
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-show-thumbs .fancybox-thumbs, input, textarea {
    display: block
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px
}

button, input, textarea {
    background: 0 0
}

*, body {
    margin: 0;
    padding: 0
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

button, img, textarea {
    border: none
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.cashback__table table tr td a:hover, .currency-select__list-item.current .currency-select__list-item-text, .currency-select__list-item:hover .currency-select__list-item-text, .footer__menu ul li a:hover, .modal-order__rate a:hover, .modal-req__checkbox-content span a:hover, .modal-user__link a:hover, .rules__content > ol > li ol li a:hover {
    text-decoration: underline
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

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

li {
    list-style: none
}

b {
    display: inline;
    font-weight: 700
}

a, button, input, textarea {
    transition: all .5s ease
}

* {
    position: relative;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-collapse: collapse;
    box-sizing: border-box;
    outline: 0
}

a, button, i, span {
    display: inline-block
}

textarea {
    resize: none;
    outline: 0;
    overflow: auto;
    border-radius: 0
}

input {
    outline: 0;
    border: none;
    border-radius: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=submit] {
    cursor: pointer
}

input[type=search]::-webkit-search-cancel-button {
    background: 0 0;
    display: none
}

.search-field input::-webkit-input-placeholder {
    color: #888
}

.search-field input::-moz-placeholder {
    color: #888
}

.search-field input:-moz-placeholder {
    color: #888
}

.search-field input:-ms-input-placeholder {
    color: #888
}

.field-input.input-error input::-webkit-input-placeholder {
    color: #f2171e
}

.field-input.input-error input::-moz-placeholder {
    color: #f2171e
}

.field-input.input-error input:-moz-placeholder {
    color: #f2171e
}

.field-input.input-error input:-ms-input-placeholder {
    color: #f2171e
}

input::-webkit-input-placeholder {
    color: #000
}

input::-moz-placeholder {
    color: #000
}

input:-moz-placeholder {
    color: #000
}

input:-ms-input-placeholder {
    color: #000
}

.field-input.input-error textarea::-webkit-input-placeholder {
    color: #f2171e
}

.field-input.input-error textarea::-moz-placeholder {
    color: #f2171e
}

.field-input.input-error textarea:-moz-placeholder {
    color: #f2171e
}

.field-input.input-error textarea:-ms-input-placeholder {
    color: #f2171e
}

textarea::-webkit-input-placeholder {
    color: #000
}

textarea::-moz-placeholder {
    color: #000
}

textarea :-moz-placeholder {
    color: #000
}

textarea:-ms-input-placeholder {
    color: #000
}

input:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

input:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0 !important
}

input:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

input:focus::-ms-input-placeholder {
    color: transparent;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0 !important
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

textarea:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

textarea:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

textarea:focus::-ms-input-placeholder {
    color: transparent;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

input:focus::-ms-input-placeholder {
    opacity: 0 !important
}

input:focus::placeholder {
    opacity: 0 !important
}

body {
    font-style: normal;
    color: #000;
    font-family: Montserrat, sans-serif;
    background: #f4f7f9
}

a, button {
    outline: 0;
    cursor: pointer;
    color: #000
}

li, p {
    line-height: initial
}

.wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden
}

main {
    display: block
}

.container {
    width: 100%;
    max-width: 1140px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 15px
}

footer {
    width: 100%;
    margin: auto auto 0
}

ol {
    counter-reset: item
}

ol li::before {
    content: counters(item, ".") " ";
    counter-increment: item;
    font-size: 14px;
    line-height: 1.25;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 300;
    color: #000
}

.currency-select__current::after, .follow__wrap::before, .gradient-button > ::after, .history-table__heading-item + ::before, .modal-order__rate::before, .modal-req__checkbox-checkmark::after, .modal-user__checkbox-checkmark::after {
    content: "";
}

.type-icon-hover__static {
    display: block;
    transition: none
}

.type-icon-hover__hover {
    display: none;
    transition: none
}

.type-icon-hover:hover .type-icon-hover__static {
    display: none;
    opacity: 0
}

.type-icon-hover:hover .type-icon-hover__hover {
    display: block;
    opacity: 1
}

.color-white {
    color: #fff !important
}

.cashback > p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #212121
}

.cashback > p + * {
    margin-top: 10px
}

.cashback__table {
    background: #fff;
    border: 1px solid #dfe1e3;
    box-sizing: border-box;
    max-width: 850px;
    padding: 20px 30px;
    margin: 20px 0 30px !important
}

.cashback__table table {
    border: 1px solid #e9e9e9
}

.cashback__table table tr:last-child td {
    border-bottom: none
}

.cashback__table table tr td {
    padding: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.45;
    color: #333;
    border-bottom: 1px solid #e9e9e9
}

.cashback__table table tr td + * {
    border-left: 1px solid #e9e9e9
}

.verification__file input {
    display: none
}

.verification {
    max-width: 450px;
    margin-top: 14px
}

.verification__card-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #333
}

.verification__card-title + * {
    margin-top: 20px
}

.verification__card-input-caption {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #333
}

.verification__card-input-caption + * {
    margin-top: 10px
}

.verification__card-input-area input {
    width: 100%;
    background: #f4f6f9;
    border: 1px solid rgba(51, 51, 51, .15);
    box-sizing: border-box;
    border-radius: 5px;
    padding: 20px 22px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #000
}

.verification__card-input-area input::-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #a6a6a6
}

.verification__card-input-area input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #a6a6a6
}

.verification__card-input-area input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #a6a6a6
}

.verification__card-input-area input::placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #a6a6a6
}

.verification__card-input-area input:focus {
    border: 1px solid rgba(24, 24, 24, .15)
}

.verification__card-row {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.header__logo + *, .header__menu ul li + * {
    margin-left: 30px
}

.verification__card-row > * {
    width: calc(100% / 2 - 40px)
}

.verification__card + * {
    margin-top: 30px
}

.verification__caption {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.31;
    color: #585b6d
}

.verification__caption + * {
    margin-top: 24px
}

.verification__file + * {
    margin-top: 36px
}

.verification__file .modal-ver__input-field-content.contacts-form__file-overlay {
    max-width: initial
}

.blue-button > * {
    background: #173fd0;
    border: 1px solid #173fd0;
    box-sizing: border-box;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    padding: 20px 23px;
    transition: background-color .24s ease
}

.blue-button > * span {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #fff
}

.border-button > * span, .gradient-button > * span, .header__menu ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25
}

.blue-button > :hover {
    background: #083eff
}

.personal-space__content-head .yellow-button > * {
    padding: 19px 22px
}

.verification__file .modal-ver__input-result.contacts-form__file-name {
    text-align: left
}

.header {
    background: #fafafa;
    padding: 14px 0
}

.header__row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.currency-select__current, .header__col {
    display: flex;
    align-items: center
}

.header__logo {
    max-width: 117px
}

.header__menu ul {
    display: flex
}

.header__menu ul li a {
    color: #212121;
    transition: color .24s ease
}

.header__menu ul li a:hover {
    color: #000
}

.header__userbar {
    display: flex
}

.header__userbar > * + * {
    margin-left: 20px
}

.border-button > * {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #0500ff;
    padding: 10px 30px;
    transition: background-color .24s ease
}

.border-button > * span {
    color: #212121;
    transition: color .24s ease
}

.border-button > :hover {
    background: #0500ff
}

.border-button > :hover span {
    color: #fff
}

.gradient-button > * {
    background: linear-gradient(93.75deg, #0500ff 3.38%, #1a0cba 98.97%);
    border-radius: 3px;
    padding: 11px 30px;
    overflow: hidden
}

.gradient-button > * span {
    color: #fff;
    z-index: 3
}

.gradient-button > ::after {
    position: absolute;
    left: -100%;
    top: 0;
    bottom: 0;
    background: #0500ff;
    width: 100%;
    transition: left .34s ease
}

.gradient-button > :hover::after {
    left: 0
}

.yellow-button > * {
    padding: 20px 56px;
    background: #fcbf11;
    box-shadow: 0 0 10px rgba(252, 191, 17, .25);
    border-radius: 0 3px 3px 0;
    transition: box-shadow .24s ease, background-color .24s ease
}

.yellow-button > * span {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #212121
}

.yellow-button > :hover {
    box-shadow: 0 0 35px rgba(252, 191, 17, .45)
}

.yellow-button > :active {
    background: #dca800
}

.welcome {
    padding: 40px 0 67px
}

.welcome__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.welcome__bg > img {
    width: 100%;
    height: auto;
    min-height: 100%;
    top: 50%;
    transform: translateY(-50%);
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.welcome .container {
    z-index: 3
}

.welcome__text {
    font-size: 18px;
    line-height: 1.25;
    text-align: center;
    color: #fff;
    margin-top: 18px
}

.welcome__form {
    max-width: 894px;
    margin: 40px auto 0;
    display: flex
}

.welcome__form-submit {
    width: 200px
}

.welcome__form .currency-select {
    width: calc((100% - 60px) / 2 - 100px)
}

/*.welcome__form .currency-select:nth-child(1) .currency-select__current {
    border-radius: 3px 0 0 3px;
    border-right: 3px solid transparent
}

.welcome__form .currency-select:nth-child(2) .currency-select__current {
    border-radius: 0;
    border-right: 3px solid transparent
}*/

h2 span {
    font-weight: 500;
    font-size: 30px;
    line-height: 1.35;
    color: #212121
}

h1 {
    font-weight: 500;
    font-size: 30px;
    line-height: 1.35;
    color: #212121
}

.currency-select__current {
    background: #fff;
    border: 2px solid #dae0e7;
    box-sizing: border-box;
    box-shadow: 0 0 15px rgba(255, 255, 255, .25);
    border-radius: 3px;
    padding: 13px 32px 13px 15px;
    cursor: pointer;
    transition: box-shadow .24s ease
}

.currency-select__current::after {
    position: absolute;
    display: inline-block;
    height: 12px;
    width: 12px;
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    right: 20px;
    top: calc(50% - 6px);
    transform: rotate(45deg) translateY(-50%);
    /*transform-origin: 60%*/
}

.currency-select__current-img {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.currency-select__current-img > * {
    width: 100%;
    height: 100%
}

.currency-select__current-img + * {
    margin-left: 17px
}

.currency-select__current-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #212121
}

.currency-select__current:hover {
    box-shadow: 0 0 15px rgba(255, 255, 255, .55)
}

.currency-select__current.active::after {
    transform: rotate(225deg) translateY(5%)
}

.currency-select__list {
    left: 0;
    right: 0;
    transform: translateY(10px);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform .24s ease, visibility .24s ease, opacity .24s ease;
    overflow-x: hidden !important;
}

.currency-select__list.active {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    transform: translateY(0);
    max-height: 450px;
    overflow: auto;
    border: 1px solid #0500ff;
    border-radius: 3px;
    background-color: #fff
}

.currency-select__list-item.current, .follow__wrap::before, .modal {
    pointer-events: none
}

.currency-select__list-item-img, .follow__form-input-icon, .footer__banners-item > img {
    transform: translateY(-50%);
    position: absolute
}

.currency-select__list ul {
    padding: 5px;
    background: #fff;
}

.currency-select__list ul.js-filter{
    display: flex;
    flex-direction: column;
}

.currency-select__list-item {
    cursor: pointer;
    padding: 10px 10px 10px 32px;
    /*padding: 10px 10px 10px 40px;*/
    order: 0;
}

.currency-select__list-item-img {
    width: 17px;
    height: 17px;
    left: 0;
    top: 50%;
    margin-left: 10px;
}

.currency-select__list-item-img img {
    width: 100%;
    height: 100%
}

.currency-select__list-item + * {
    border-top: 1px solid #e4e4e4
}

.currency-select__list-item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: #212121;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 10px;
}

.currency-select__list-item-text input{
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: #212121;
}

.newCurrencies {
    padding-top: 44px;
}

.reserve {
    padding: 44px 0 80px
}

.reserve__title {
    font-weight: 600;
    font-size: 26px;
    line-height: 1.25;
    color: #212121
}

.reserve__title + * {
    margin-top: 23px
}

.reserve__form {
    display: flex;
    flex-wrap: wrap
}

.reserve__form > * {
    cursor: pointer;
    margin-right: 9px
}

.reserve__form > :last-child {
    margin: 0
}

.reserve__check label {
    cursor: pointer
}

.reserve__check-content {
    background: #fff;
    border: 2px solid #d8dadc;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 10px;
    padding: 7px 14px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
    color: rgb(88 88 88);
    transition: box-shadow .24s ease
}

.reserve__check-content:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.reserve__check input:checked + * {
    color: #333;
    border: 2px solid #fad753;
    box-shadow: none
}

.reserve__wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -15px -15px
}

.reserve__item {
    width: calc(100% / 4 - 30px);
    margin: 15px;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    border-radius: 4px;
    padding: 20px;
    justify-content: space-between
}

.reserve__item-img {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.reserve__item-content {
    width: calc(100% - 50px);
    padding-left: 15px
}

.reserve__item-name {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.25;
    color: rgb(88 88 88);
}

.reserve__item-value {
    margin-top: 5px;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #333
}

.follow {
    background: linear-gradient(90.16deg, #201283 0, #5a37b1 100%)
}

.follow__wrap {
    padding: 22px 0 22px 120px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.follow__wrap > * + * {
    margin-left: 65px
}

.follow__wrap::before {
    content: "";
    position: absolute;
    left: 2px;
    z-index: 5;
    background: url(/images/horn.svg) center no-repeat;
    width: 110px;
    height: 110px;
    background-size: 110px;
    top: -22px
}

.follow__title {
    font-weight: 500;
    font-size: 26px;
    line-height: 1.25;
    color: #fff
}

.follow__form {
    width: 460px;
    display: flex
}

.follow__form-input {
    width: calc(100% - 154px)
}

.follow__form-input input {
    background: #fff;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .15);
    border-radius: 3px 0 0 3px;
    width: 100%;
    padding: 18px 65px;
    color: #000;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.25
}

.follow__form-input input::-moz-placeholder {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.25;
    color: #212121
}

.follow__form-input input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.25;
    color: #212121
}

.follow__form-input input::-ms-input-placeholder {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.25;
    color: #212121
}

.follow__form-input input::placeholder {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.25;
    color: #212121
}

.follow__form-input-icon {
    z-index: 4;
    pointer-events: none;
    width: 21px;
    left: 20px;
    top: 50%
}

.follow__form-submit {
    width: 154px
}

.follow__form-submit > * {
    width: 100%;
    padding: 18px 18px 19px;
    border-radius: 0 3px 3px 0
}

.footer {
    background: #0f0965
}

.footer__copyright {
    padding: 23px 0;
    background: #f4f6f9;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.25;
    color: #212121;
    text-align: center
}

.footer__logo img {
    width: 193px
}

.footer__text {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.35;
    color: rgba(255, 255, 255, .8)
}

.footer__menu ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
    /*justify-content: center;*/
}

.footer__row, .order__row {
    justify-content: space-between
}

.footer__menu ul li {
    margin-right: 60px;
    margin-bottom: 30px
}

.footer__menu ul li:last-child {
    margin-right: 0
}

.footer__menu ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    min-width: 48px;
    min-height: 48px;
}

.footer__row {
    padding: 75px 0 33px;
    display: flex;
    /*align-items: center*/
}

.footer__row-left {
    max-width: 250px
}

.footer__row-center {
    max-width: 430px
}

.footer__row-right {
    width: 206px
}

.footer__banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   /* margin-bottom: -24px*/
}

.footer__banners > a{
     margin-bottom: 24px !important;
}

.footer__banners-item {
    width: calc(100% / 2 - 15px);
    height: 30px;
    overflow: hidden;
    margin-bottom: 24px
}

.footer__banners-item > img {
    width: 100%;
    height: auto;
    min-height: 100%;
    top: 50%;
    transform: translateY(-50%);
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;    
}

.rules {
    padding: 30px 0 40px
}

.rules__content {
    margin-top: 30px
}

.rules__content > ol > li ol li + *, .rules__content > ol > li + * {
    margin-top: 8px
}

.rules__content > ol > li {
    font-weight: 500;
    font-size: 19px;
    line-height: 1.25;
    color: #212121;
    padding-left: 20px
}

.rules__content > ol > li ol {
    padding-top: 11px
}

.rules__content > ol > li ol ol {
    padding-left: 20px
}

.rules__content > ol > li ol li {
    font-weight: 400;
    font-size: 19px;
    line-height: 1.25;
    color: #212121
}

.rules__content > ol > li ol li a {
    font-weight: 400;
    font-size: 19px;
    line-height: 1.25;
    color: #0601fd
}

.rules__content > ol > li li::before, .rules__content > ol > li::before {
    font-size: 19px;
    line-height: 1.25;
    color: #212121;
    position: relative
}

.rules__content > ol > li::before {
    font-weight: 500
}

.rules__content > ol > li li::before {
    font-weight: 400
}

.hidden {
    display: none !important
}

.modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 500;
    overflow: hidden;
    max-height: 100%;
    overflow-y: auto;
    will-change: auto
}

.modal * {
    will-change: auto
}

.modal.active {
    display: inline-block !important;
    -webkit-animation: modal .34s forwards ease;
    animation: modal .34s forwards ease;
    pointer-events: initial;
    visibility: visible
}

.overlay {
    background: rgba(26, 26, 26, .7);
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 100
}

body {
    transition: none
}

body.modal-opened {
    max-height: 100vh;
    overflow: hidden;
    margin-right: 0 !important
    /*pointer-events: none*/
}


body.modal-opened .overlay {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    -webkit-animation: modal .34s forwards ease;
    animation: modal .34s forwards ease
}

.modal-user {
    max-width: 540px;
    margin: 0 auto;
    background: #ececec;
    border-radius: 7px;
    padding-bottom: 53px
}

.modal-user__navigation {
    border-radius: 7px 7px 0 0;
    overflow: hidden
}

.modal-req__field-input input, .modal-user__field input {
    border: 1px solid rgba(17, 17, 17, .1);
    box-sizing: border-box
}

.modal-req__field-select{
    ackground: #fff;
    border: 2px solid #dae0e7;
    box-sizing: border-box;
    box-shadow: 0 0 15px rgba(255, 255, 255, .25);
    border-radius: 3px;
    padding: 13px 32px 13px 15px;
    cursor: pointer;
    transition: box-shadow .24s ease;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.modal-user__navigation ul {
    display: flex
}

.modal-user__navigation ul li {
    width: 50%;
    text-align: center
}

.modal-user__field input, .modal-user__navigation ul li a {
    width: 100%;
    font-size: 23px;
    line-height: 1.25;
    font-weight: 500
}

.modal-user__navigation ul li a {
    text-align: center;
    padding: 20px 56px;
    background: #180bc1;
    color: #fff;
    transition: background-color .24s ease
}

.modal-user__navigation ul li a:hover {
    background: #2616f6
}

.modal-user__navigation ul li.active a {
    background: #fff !important;
    font-weight: 500;
    font-size: 23px;
    line-height: 1.25;
    color: #000 !important
}

.modal-user__content {
    padding: 20px 20px 0
}

.modal-user__title {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.25;
    color: #000;
    text-align: center
}

.modal-user__title + * {
    margin-top: 20px
}

.modal-user__field input {
    background: #e3e3e3;
    border-radius: 7px;
    padding: 21px;
    color: #212121
}

.modal-user__field input::-moz-placeholder {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.modal-user__field input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.modal-user__field input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.modal-user__field input::placeholder {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.modal-user__field input:focus {
    border: 1px solid rgba(17, 17, 17, .5)
}

.modal-user__field + * {
    margin-top: 30px
}

.modal-user__row {
    margin-top: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal-user__row + * {
    margin-top: 23px
}

.modal-user__link a {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #180bc1
}

.modal-user__submit {
    text-align: center
}

.modal-user__submit > * {
    padding: 18px 112px
}

.modal-user__checkbox label {
    cursor: pointer
}

.modal-user__checkbox input:checked + .modal-user__checkbox-content .modal-user__checkbox-checkmark::after {
    opacity: 1
}

.modal-user__checkbox-content {
    padding-left: 41px
}

.modal-user__checkbox-content span {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #000
}

.modal-order__field > input, .type-modal__title {
    color: #212121;
    font-weight: 600;
    line-height: 1.25;
    text-align: center
}

.modal-user__checkbox-checkmark {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e3e3e3;
    border: 1px solid #180bc1;
    box-sizing: border-box;
    border-radius: 1px
}

.modal-user__checkbox-checkmark::after {
    display: inline-block;
    height: 13px;
    width: 7px;
    border-bottom: 2px solid #190cc1;
    border-right: 2px solid #190cc1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -62%) rotate(45deg);
    position: absolute;
    opacity: 0;
    transition: opacity .24s ease
}

.tabs__item {
    display: none
}

.tabs__item.active {
    display: block;
    -webkit-animation: fade .24s ease forwards;
    animation: fade .24s ease forwards
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.type-modal {
    background: #ececec;
    border-radius: 7px;
    max-width: 430px
}

.close-modal, .modal-order__rate::before, .modal-ver__input-field-icon, .order__error-radio-field-checkmark {
    border-radius: 50%;
    position: absolute
}

.type-modal__title {
    font-size: 23px;
    padding: 24px 10px 20px;
    border-bottom: 1px solid #dae0e7
}

.type-modal__wrap {
    padding: 17px 40px 40px
}
    
.type-modal__button {
    margin-top: 17px
}

.modal-order__field .currency-select ~ *, .modal-order__field > input + * {
    margin-top: 12px
}

.type-modal__button > * {
    width: 100%;
    padding: 22px 10px;
    text-align: center
}

.close-modal {
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    top: -16px;
    right: -20px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .24s ease
}

.close-modal:hover {
    background: #dcdcdc
}

.modal-order {
    overflow: initial
}

.modal-order__field .currency-select {
    width: 100%
}

.modal-order__field > input {
    width: 100%;
    font-size: 24px;
    border-bottom: 1.5px solid rgba(17, 17, 17, .3);
    padding-bottom: 4px
}

.modal-order__field > input.active {
    border-color: #0500ff
}

.modal-order__price {
    padding: 26px 0 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #737373;
    text-align: center;
    display: grid
}

/*
.modal-order__price span {
    padding-right: 27px
}
*/

.modal-order__rate {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
    color: #212121;
    margin-top: 26px;
    padding-left: 30px
}

.modal-order__rate a, .modal-order__rate span {
    font-size: 14px;
    color: #180bc1;
    font-weight: 500;
    line-height: 1.25
}

.modal-order__rate::before {
    left: 10px;
    top: 45%;
    transform: translateY(-50%);
    background: #fcbf11;
    width: 13px;
    height: 13px
}

.modal-ver__text {
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    color: #434343
}

.modal-ver__text + * {
    margin-top: 30px
}

.modal-ver__example {
    height: 215px;
    overflow-y: hidden
}

div#modal-req, div#modal-ver, div#modal-notif, div#modal-kyc {
    overflow: initial
}

.modal-ver__example > img {
    width: 100%;
    height: auto;
    min-height: 100%;
    top: 50%;
    transform: translateY(-50%);
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.modal-ver__example-text {
    position: absolute;
    z-index: 3;
    bottom: 6px;
    left: 11px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.25;
    color: #333
}

.modal-ver__example + * {
    margin-top: 24px
}

.modal-ver__input input {
    display: none
}

.modal-ver__input-field-content {
    max-width: 244px;
    margin: 0 auto;
    padding-left: 57px;
    cursor: pointer
}

.modal-ver__input-field-content label {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.25;
    color: #212121;
    border-bottom: 1px dashed #0500ff
}

.modal-ver__input-field-content:hover label {
    border-color: transparent
}

.modal-ver__input-field-icon {
    width: 42px;
    height: 42px;
    background: #0500ff;
    box-shadow: 0 4px 20px rgba(5, 0, 255, .25);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.modal-ver__input + * {
    margin-top: 32px
}

.modal-ver__input-result.contacts-form__file-name {
    font-size: 14px;
    text-align: center;
    padding: 13px 0 0;
    font-weight: 600
}

.modal-req__field + * {
    margin-top: 18px
}

.modal-req__field-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #000
}

.modal-req__field-title + * {
    margin-top: 10px
}

.modal-req__field-input-icon {
    left: 18px;
    max-width: 18px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    position: absolute
}

.modal-req__field-input input {
    background: rgba(227, 227, 227, .4);
    border-radius: 7px;
    width: 100%;
    padding: 17px 17px 17px 42px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212121
}

.modal-req__field-input input:-webkit-autofill, .modal-req__field-input input:-webkit-autofill:focus, .modal-req__field-input input:-webkit-autofill:hover {
    border: 1px solid rgba(17, 17, 17, .1);
    -webkit-text-fill-color: #212121;
    -webkit-box-shadow: 0 0 0 1000px #e3e3e366 inset;
    transition: background-color 5000s ease-in-out 0s
}

.modal-req__field-input input::-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgba(33, 33, 33, .5)
}

.modal-req__field-input input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgba(33, 33, 33, .5)
}

.modal-req__field-input input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgba(33, 33, 33, .5)
}

.modal-req__field-input input::placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgba(33, 33, 33, .5)
}

.modal-req__field-input input:focus {
    border: 1px solid rgba(17, 17, 17, .3)
}

.modal-req__checkbox {
    padding-top: 17px
}

.modal-req__checkbox input {
    display: none
}

.modal-req__checkbox input:checked + .modal-req__checkbox-content .modal-req__checkbox-checkmark::after {
    opacity: 1
}

.modal-req__checkbox-content {
    padding-left: 25px;
    cursor: pointer
}

.modal-req__checkbox-content span {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.25;
    color: #212121;
    margin-right: 7px;
}

.modal-req__checkbox-content span a {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.25;
    color: #180bc1
}

.modal-req__checkbox-checkmark {
    border: 1px solid #848587;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 19px
}

.modal-req__checkbox-checkmark::after {
    position: absolute;
    top: 50%;
    left: calc(49% + 0px);
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    background: #fcbf11;
    border-radius: 3px;
    opacity: 0
}

.font-m {
    font-weight: 500 !important
}

.font-sb {
    font-weight: 600
}

.text-yellow {
    color: #fcbf11 !important
}

.order {
    padding: 30px 0 40px
}

.order__heading {
    display: flex;
    align-items: center
}

.order__heading > * + * {
    margin-left: 21px
}

.order__heading-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.25;
    color: #000
}

.order__heading-value {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.25;
    color: #000
}

.order__row {
    margin-top: 30px;
    display: flex;
    align-items: flex-start
}

.order__content {
    width: calc(100% - 350px - 30px)
}

.order__content-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order__content-head + * {
    margin-top: 24px
}

.order__content-body > p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
    color: #212121
}

.order__content-body > p + * {
    margin-top: 15px
}

.order__aside {
    width: 350px;
    padding: 0
}

.order__info-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.38;
    color: #212121
}

.order__info-title + * {
    margin-top: 16px
}

.order__info-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.25;
    color: #212121
}

.order__timer {
    max-width: 230px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order__timer-visual {
    width: 66px;
    display: flex;
    justify-content: center;
    align-items: center
}

.order__error-radio-field label input, .personal-space__logo-mobile, .personal-space__open {
    display: none
}

.order__timer-visual > span {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    z-index: 5;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: #212121
}

.order__timer-text {
    width: calc(100% - 66px - 16px);
    font-weight: 400;
    font-size: 13px;
    line-height: 1.25;
    color: #333
}

.order__error-title {
    padding: 28px 23px 24px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: #212121;
    border-bottom: 1px solid #e9e9e9
}

.order__error-body {
    padding: 26px 23px 42px
}

.order__error-radio-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #212121
}

.order__error-radio-title + * {
    margin-top: 15px
}

/*
.order__error-radio-field + * {
    margin-left: 15px
}*/

.order__error-radio-field{
    /*margin-right: 15px;*/
    margin-bottom: 10px;
}

.order__error-radio-field label {
    cursor: pointer
}

.order__error-radio-field label input:checked + .order__error-radio-field-content span {
    color: #212121
}

.order__error-radio-field label input:checked + .order__error-radio-field-content .order__error-radio-field-checkmark {
    border-color: #fcbf11
}

.order__error-radio-field label input:checked + .order__error-radio-field-content .order__error-radio-field-checkmark::after {
    background: #fcbf11
}

.order__error-radio-field-content {
    padding-left: 20px
}

.order__error-radio-field-content span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.order__error-radio-field-checkmark {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid rgba(51, 51, 51, .5)
}

.order__error-radio-field-checkmark::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: rgba(51, 51, 51, .5)
}

.order__error-textarea {
    margin-top: 33px
}

.order__error-textarea.disabled {
    pointer-events: none;
    opacity: .9
}

.order__error-textarea textarea {
    background: #f4f7f9;
    border-radius: 5px;
    padding: 21px 23px;
    height: 148px;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    line-height: 1.25;
    color: #212121;
    font-family: Montserrat, sans-serif
}

.order__error-textarea textarea::-moz-placeholder {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.order__error-textarea textarea:-ms-input-placeholder {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.order__error-textarea textarea::-ms-input-placeholder {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.order__error-textarea textarea::placeholder {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: rgba(33, 33, 33, .5)
}

.order__error-textarea textarea:focus::-moz-placeholder {
    color: transparent !important
}

.order__error-textarea textarea:focus:-ms-input-placeholder {
    color: transparent !important
}

.order__error-textarea textarea:focus::-ms-input-placeholder {
    color: transparent !important
}

.order__error-textarea textarea:focus::placeholder {
    color: transparent !important
}

.order__error-textarea + * {
    margin-top: 13px
}

.order__error-submit > * {
    text-align: center;
    width: 100%;
    padding: 17px
}

.type-card {
    background: #fff;
    box-shadow: 0 2px 2px rgba(33, 33, 33, .1);
    border-radius: 8px;
    padding: 20px 15px 16px 16px
}

.personal-space {
    background: #173fd0
}

.personal-space__logo {
    max-width: 186px
}

.personal-space__logo + * {
    margin-top: 27px
}

.personal-space__row {
    display: flex
}

.personal-space__userbar {
    width: 310px
}

.personal-space__userbar-exit button {
    padding-left: 44px;
    transition: opacity .24s ease
}

.personal-space__userbar-exit button img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.personal-space__userbar-exit button span {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #fff
}

.personal-space__userbar-exit button:hover {
    opacity: .75
}

.personal-space__userbar-menu ul li a:hover svg, .personal-space__userbar-menu ul li.active a svg {
    opacity: 1
}

.personal-space__userbar-text {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.25;
    color: #fff
}

.personal-space__userbar-text + * {
    margin-top: 14px
}

.personal-space__userbar-mail {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
    text-decoration: underline;
    color: #fff
}

.personal-space__userbar-head {
    display: flex;
    flex-direction: column;
    background: #0629a6;
    padding: 33px 40px 46px 33px;
    height: 248px
}

.personal-space__userbar-body {
    height: calc(100% - 248px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 11px 49px 62px 30px
}

.personal-space__userbar-menu ul li.active a {
    border-color: #f1b300
}

.personal-space__userbar-menu ul li.active a span {
    color: #fff
}

.personal-space__userbar-menu ul li.active a svg * {
    fill: #f1b300
}

.personal-space__userbar-menu ul li a {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 24px 0 24px 44px
}

.personal-space__userbar-menu ul li a:hover span {
    color: #fff
}

.personal-space__userbar-menu ul li a span {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
    transition: color .24s ease;
    color: rgba(255, 255, 255, .7)
}

.personal-space__userbar-menu ul li a svg {
    position: absolute;
    left: 0;
    top: 50%;
    opacity: .5;
    transform: translateY(-50%);
    transition: opacity .24s ease
}

.personal-space__userbar-menu ul li a svg rect {
    fill: transparent !important
}

.personal-space__userbar-menu ul li a svg * {
    fill: #fff
}

.personal-space__content {
    width: calc(100% - 310px + 30px);
    margin-left: -30px;
    z-index: 3;
    background: #f4f6f9;
    border-radius: 40px 0 0 40px;
    padding: 60px 27px;
    min-height: 100vh
}

.personal-space__content-head {
    padding: 6px 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(33, 33, 33, .1);
    border-bottom: 1px solid rgba(33, 33, 33, .1)
}

.personal-space__content-head-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 1.25;
    color: #212121
}

.history-table table tbody tr td, .history-table table thead th, .history-table__heading-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25
}

.personal-space__content-body {
    margin-top: 45px
}

.history-table {
    background: #fff;
    border: 1px solid #dfe1e3;
    box-sizing: border-box
}

.history-table__heading {
    padding: 20px;
    display: flex
}

.history-table__heading-item {
    color: #636363
}

.history-table__heading-item + * {
    margin-left: 80px
}

.history-table__heading-item + ::before {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    height: 25px;
    width: 1px;
    background: rgba(33, 33, 33, .1)
}

.history-table table {
    width: 100%
}

.history-table table thead tr {
    background: #f4f6f9;
    border: 1px solid #e9e9e9
}

.history-table table thead th {
    text-align: center;
    padding: 24px 0;
    color: #212121
}

.history-table table thead th + * {
    border-left: 1px solid #e9e9e9
}

.history-table table tbody tr td {
    padding: 30px 0;
    color: #212121
}

.history-table table tbody tr td.empty {
    padding-left: 20px
}

.open-responsive, .responsive-menu {
    display: none
}

.order__error {
    padding: 0 !important
}

.currency-select__list {
    position: absolute;
    top: calc(100% - 0px)
}

.circular-loader {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto
}

.loader-path {
    stroke-dasharray: 150, 200;
    stroke-dashoffset: -10;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    -webkit-filter: drop-shadow(0 0 4px rgba(6, 1, 255, .24));
    filter: drop-shadow(0 0 4px rgba(6, 1, 255, .24))
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@-webkit-keyframes color {
    0%, 40%, 66%, 80%, 90% {
        stroke: #0601ff
    }
}

@keyframes color {
    0%, 40%, 66%, 80%, 90% {
        stroke: #0601ff
    }
}

.loader {
    width: 60px;
    height: 60px;
    transform: scale(1.2)
}

.loader-bg {
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .14)
}

@media screen and (max-height: 739px) {
    #modal-order, #modal-req, #modal-ver {
        overflow: hidden !important;
        min-height: initial
    }

    #modal-ver {
        overflow-y: auto !important
    }

    .modal__parent {
        max-height: 100%
    }

    #modal-req {
        overflow-y: auto !important
    }

    button.close-modal {
        right: 4px;
        top: 4px
    }

    .personal-space__userbar-body, .personal-space__userbar-head {
        height: initial
    }

    .personal-space__userbar-exit {
        margin-top: 80px
    }
}

@media screen and (max-width: 1920px) {
    body {
        min-width: 320px
    }
}

@media screen and (max-width: 1440px) {
    .history-table__heading-item {
        font-weight: 500;
        font-size: 13px
    }

    .history-table__heading-item + * {
        margin-left: 40px
    }

    .history-table__heading-item + ::before {
        left: -20px
    }

    .history-table table thead th {
        padding: 20px 0;
        font-size: 14px
    }

    .history-table table tbody tr td {
        padding: 24px 0;
        font-size: 12px
    }

    body {
        min-width: 320px
    }
}

@media screen and (max-width: 1140px) {
    .cashback__table {
        max-width: 683px;
        padding: 20px 24px !important
    }

    .cashback {
        padding-right: 30px
    }

    .cashback__table table tr td {
        padding: 17px
    }

    body {
        min-width: 320px
    }

    .order__aside {
        width: 300px;
        padding: 0
    }

    .order__content {
        width: calc(100% - 300px - 20px)
    }

    .order__info-title {
        font-weight: 500;
        font-size: 16px
    }

    .order__timer-visual {
        width: 60px
    }

    .order__timer-text {
        width: calc(100% - 66px - 10px);
        font-weight: 400;
        font-size: 13px;
        line-height: 1.25;
        color: #333
    }

    .type-card.order__info {
        max-width: 363px
    }

    .order__error-body {
        padding: 28px 20px
    }

    .order__timer {
        max-width: 230px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 15px
    }
}

@media screen and (max-width: 1024px) {
    .personal-space__content-head-title {
        font-size: 20px
    }

    .personal-space__logo-mobile {
        display: block
    }

    .personal-space__content-head {
        padding: 5px 0
    }

    .personal-space__content-head .yellow-button > * {
        padding: 11px 22px
    }

    a.personal-space__logo-desctop {
        display: none
    }

    body {
        min-width: 320px
    }

    .footer__row-right {
        /*width: 168px*/
        width: 206px;
    }

    .footer__banners-item > img {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .container {
        padding: 0 30px
    }

    .reserve__item {
        width: calc(100% / 4 - 20px);
        margin: 10px
    }

    .reserve__wrap {
        display: flex;
        flex-wrap: wrap;
        margin: 20px -10px -10px
    }

    .reserve__item-name {
        font-weight: 500;
        font-size: 16px
    }

    .reserve__item-value {
        margin-top: 5px;
        font-weight: 400;
        font-size: 18px
    }

    .reserve__item-img {
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .personal-space__userbar-exit button span, .personal-space__userbar-mail, .personal-space__userbar-text {
        display: none
    }

    .reserve__item-content {
        width: calc(100% - 35px);
        padding-left: 37px
    }

    .reserve__item {
        padding: 20px 10px 20px 20px
    }

    .footer__row-center {
        max-width: 400px
    }

    .footer__menu ul li {
        margin-right: 30px;
        margin-bottom: 30px
    }

    .personal-space__userbar-body, .personal-space__userbar-head {
        height: initial
    }

    .personal-space__userbar-exit {
        margin-top: 80px;
        text-align: center
    }

    .personal-space__userbar-menu ul li a span {
        display: none;
        color: #fff
    }

    .personal-space__userbar-menu ul li a {
        width: 30px;
        text-align: center;
        padding-bottom: 40px;
        transition: none
    }

    .personal-space__userbar-exit button {
        width: 24px;
        height: 24px;
        padding: 0
    }

    .personal-space__userbar {
        width: 110px;
        min-height: 100vh
    }

    .personal-space__content {
        width: calc(100% - 110px + 38px);
        margin-left: -38px
    }

    .personal-space__userbar-head {
        padding: 29px 21px 136px 17px
    }

    .personal-space__open {
        display: flex;
        position: absolute;
        bottom: 60px;
        right: 46px;
        z-index: 4
    }

    .personal-space__userbar-body {
        padding: 11px 53px 62px 14px
    }

    .personal-space__userbar-menu ul li a svg {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .personal-space.menu-opened .personal-space__userbar {
        width: 100%
    }

    .personal-space.menu-opened .personal-space__content {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }

    .personal-space.menu-opened a.personal-space__logo-desctop {
        display: block
    }

    .personal-space.menu-opened .personal-space__logo {
        max-width: 100%;
        text-align: center
    }

    .personal-space.menu-opened .personal-space__logo-mobile {
        display: none
    }

    .personal-space.menu-opened .personal-space__userbar-mail, .personal-space.menu-opened .personal-space__userbar-text {
        display: block;
        text-align: center
    }

    .personal-space.menu-opened .personal-space__open {
        transform: rotate(180deg);
        right: 5px
    }

    .personal-space.menu-opened .personal-space__userbar-menu ul li a {
        width: 100%;
        text-align: initial;
        padding: 24px 0 24px 44px
    }

    .personal-space.menu-opened .personal-space__userbar-menu ul li a span {
        display: block
    }

    .personal-space.menu-opened .personal-space__userbar-menu ul li a svg {
        left: 6px;
        transform: translateY(-50%)
    }

    .personal-space.menu-opened .personal-space.menu-opened .personal-space__userbar-menu ul li a span {
        display: block;
        white-space: nowrap
    }

    .personal-space.menu-opened .personal-space__userbar-exit {
        margin-top: 25px;
        text-align: left !important
    }

    .personal-space.menu-opened .personal-space__userbar-exit button span {
        display: block
    }

    .personal-space.menu-opened .personal-space__userbar-exit button {
        width: initial;
        height: initial;
        padding-left: 44px
    }

    .personal-space.menu-opened .personal-space__userbar-exit button img {
        left: 7px
    }

    .personal-space__userbar-menu ul li a svg {
        opacity: 1
    }

    .personal-space__content {
        padding: 38px 0 38px 38px
    }

    .personal-space__content-head {
        padding-right: 30px
    }

    .history-table__heading {
        padding: 15px;
        display: flex
    }
}

@media screen and (max-width: 939px) {
    .follow__wrap, .order__content-head, .order__row {
        flex-wrap: wrap
    }

    .order__content {
        width: 100%
    }
    body.modal-opened {
        margin-right: 0px !important;
    }

    .type-card.order__info {
        max-width: 100%;
        width: 100%
    }

    .order__timer {
        margin: 0;
        padding: 20px 0
    }

    .type-card.order__content-body {
        margin: 0
    }

    aside.order__aside {
        width: 100%;
        margin-top: 17px
    }

    body {
        min-width: 320px
    }

    .header__userbar, nav.header__menu {
        display: none
    }

    .open-responsive {
        display: flex
    }

    .responsive-menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 40px 50px;
        width: 50%;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        background: #fff;
        box-shadow: 0 4px 10px #2f7bff;
        overflow: hidden;
        overflow-y: auto
    }

    button#close-responsive {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color .24s ease
    }

    nav.responsive-menu__nav li a {
        font-size: 18px
    }

    nav.responsive-menu__nav li + * {
        margin-top: 9px
    }

    .responsive-menu > * + * {
        margin-top: 25px
    }

    .responsive-menu .border-button > *, .responsive-menu .gradient-button > * {
        width: 100%;
        text-align: center
    }

    .reserve__item {
        width: calc(100% / 3 - 20px)
    }

    form.follow__form {
        width: 100%;
        margin-top: 20px
    }

    .footer__row {
        flex-wrap: wrap
    }

    .footer__row-right {
        order: -1;
        width: 100%
    }

    .footer__banners-item > img {
        -o-object-fit: contain;
        object-fit: contain;
        width: initial;
        height: initial
    }

    a.footer__banners-item {
        text-align: center;
        display: flex;
        justify-content: center
    }

    .footer__row-left {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 20px 0
    }

    .footer__row-center {
        max-width: 100%;
        padding-bottom: 20px;
        width: 100%
    }

    .footer__menu ul li {
        margin-right: 30px;
        margin-bottom: 0;
        flex: 1;
        padding-top: 10px
    }

    .responsive-menu {
        transform: translateX(-100%);
        transition: opacity .34s ease, visibility .34s ease, transform .24s ease
    }

    .responsive-menu.active {
        opacity: 1;
        visibility: visible;
        pointer-events: initial;
        transform: translateX(0)
    }
}

@media screen and (max-width: 767px) {
    .history-table table thead th + *, .history-table__heading-item + * {
        border-top: 1px solid rgba(33, 33, 33, .1)
    }

    .history-table__heading-item {
        width: 100%;
        padding: 15px 0;
        margin: 0
    }

    .personal-space__content {
        padding: 35px 15px
    }

    .history-table__heading-item + ::before {
        display: none
    }

    .history-table table thead th {
        padding: 15px;
        font-size: 14px;
        text-align: left
    }

    .personal-space__content-head {
        padding: 15px 0;
        flex-wrap: wrap
    }

    .personal-space__content-head-title {
        font-size: 14px;
        width: 100%
    }

    .personal-space__content-head-title + * {
        margin-top: 20px
    }

    .history-table__heading {
        flex-wrap: wrap;
        padding: 0 27px 0 18px
    }

    .history-table table thead th + * {
        border-left: none
    }

    body {
        min-width: 320px
    }

    .welcome__form {
        flex-wrap: wrap
    }

    .welcome__form > * {
        width: 100% !important
    }

    /*.welcome__form .currency-select:nth-child(1) .currency-select__current {
        border-radius: 3px 3px 0 0;
        border-right: 2px solid #dae0e7;
        border-bottom: none
    }

    .welcome__form .currency-select:nth-child(2) .currency-select__current {
        border-right: 2px solid #dae0e7;
        border-bottom: none;
        border-radius: 0
    }*/

    .welcome__form-submit.yellow-button > * {
        width: 100%;
        text-align: center;
        border-radius: 0 0 3px 3px
    }

    .reserve__item {
        width: calc(100% / 2 - 20px)
    }

    .follow__wrap {
        padding: 15px 0 18px
    }

    .container {
        padding: 0 15px
    }

    form.follow__form {
        max-width: 100%;
        margin: 15px 0 0
    }

    .follow__wrap::before {
        background-size: 47px;
        width: 47px;
        height: 47px
    }
}

@media screen and (max-width: 639px) {
    .verification__caption, .verification__card-input-caption, .verification__card-title {
        font-size: 13px
    }

    .personal-space__content-head .yellow-button > * {
        padding: 11px 13px;
        text-align: center
    }

    .personal-space__content-body {
        margin-top: 15px
    }

    .verification__card-title {
        font-weight: 500
    }

    .verification__card-title + * {
        margin-top: 10px
    }

    .verification__card-input-area input {
        font-size: 13px;
        padding: 10px
    }

    .verification__card-input-area input::-moz-placeholder {
        font-size: 13px
    }

    .verification__card-input-area input:-ms-input-placeholder {
        font-size: 13px
    }

    .verification__card-input-area input::-ms-input-placeholder {
        font-size: 13px
    }

    .verification__card-input-area input::placeholder {
        font-size: 13px
    }

    .verification__card-row > * {
        width: calc(100% / 2 - 19px)
    }

    .verification__card + * {
        margin-top: 22px
    }

    .modal-ver__input-field-content span {
        font-size: 13px !important
    }

    .modal-ver__input-field-icon {
        width: 25px;
        height: 25px;
        padding: 6px
    }

    .modal-ver__input-field-content {
        padding-left: 36px
    }

    .cashback {
        padding-right: 0
    }

    .cashback > p {
        font-weight: 400;
        font-size: 13px
    }

    .cashback__table {
        padding: 0 !important;
        background: 0 0;
        border: none
    }

    .verification__file + * {
        margin-top: 20px
    }

    .blue-button > * span {
        font-weight: 600;
        font-size: 14px
    }

    .blue-button > * {
        padding: 9px 19px
    }

    .cashback__table table tr td {
        padding: 11px;
        font-size: 13px
    }

    .cashback__table table tr {
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1px solid #e9e9e9
    }

    .cashback__table table tr + * {
        margin-top: 10px
    }

    .cashback__table table tr td + * {
        border-left: none;
        border-top: 1px solid #e9e9e9
    }

    .cashback__table table tr td:first-child {
        border-bottom: none
    }

    .order__content-body > p span.font-m.text-yellow {
        font-size: 11px
    }

    .cashback__table table {
        border: none
    }

    .modal-ver__input-field-content span {
        font-weight: 500
    }

    .type-modal__title {
        font-weight: 600;
        font-size: 15px
    }

    .type-modal__wrap {
        padding: 20px
    }

    body {
        min-width: 320px
    }

    .follow__title {
        font-size: 15px
    }

    .responsive-menu {
        width: 100%
    }

    .currency-select__current-text {
        font-weight: 500;
        font-size: 14px
    }

    .currency-select__current-img + * {
        margin-left: 15px
    }

    .currency-select__current-img {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .welcome {
        padding: 15px 0 83px
    }

    h2 span {
        font-weight: 500;
        font-size: 15px
    }
    
    h1 {
        font-weight: 500;
        font-size: 15px
    }

    .welcome__text {
        font-size: 13px;
        margin-top: 5px
    }

    .welcome__form-submit.yellow-button > * {
        border-radius: 0 0 3px 3px;
        padding: 15px 10px
    }

    form.reserve__form {
        display: none
    }

    .reserve {
        padding: 15px 0 30px
    }

    .reserve__title {
        font-size: 15px
    }

    .reserve__wrap {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px -15px
    }

    .reserve__item {
        width: calc(100% / 2 - 30px);
        margin: 15px;
        padding: 10px
    }

    .reserve__item-img {
        width: 27px
    }

    .reserve__item-content {
        width: calc(100% - 27px);
        padding-left: 11px
    }

    .reserve__item-name {
        font-weight: 500;
        font-size: 13px
    }

    .reserve__item-value {
        margin-top: 5px;
        font-weight: 400;
        font-size: 14px
    }

    form.follow__form {
        flex-wrap: wrap
    }

    .follow__form-input {
        width: 100%
    }

    .follow__form-submit {
        width: 100%;
        margin-top: 15px
    }

    .follow__form-input input, .follow__form-submit > * {
        border-radius: 3px
    }

    .footer__menu ul li {
        margin-right: 15px;
        margin-bottom: 0;
        flex: 1;
        padding-top: 10px
    }

    .footer__row {
        padding: 20px 0
    }

    .footer__menu ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .footer__row-center {
        max-width: 100%;
        padding-bottom: 0;
        width: 100%
    }

    a.footer__logo {
        max-width: 100px
    }

    .rules__content li, .rules__content ol {
        padding-left: 0 !important
    }

    .rules__content > ol > li ol li {
        font-size: 16px
    }

    .rules__content > ol > li li::before {
        font-weight: 400
    }

    .rules__content > ol > li, .rules__content > ol > li::before {
        font-weight: 500;
        font-size: 16px
    }

    .rules__content > ol > li ol li a {
        font-weight: 400;
        font-size: 16px
    }

    .rules__content > ol > li li::before {
        font-size: 16px !important
    }

    .modal-user__navigation ul li a {
        font-size: 16px !important;
        padding: 20px 10px !important
    }

    .modal-user__field input {
        padding: 10px 15px;
        font-size: 16px
    }

    .modal-user__field input::-moz-placeholder {
        font-size: 16px
    }

    .modal-user__field input:-ms-input-placeholder {
        font-size: 16px
    }

    .modal-user__field input::-ms-input-placeholder {
        font-size: 16px
    }

    .modal-user__field input::placeholder {
        font-size: 16px
    }

    .modal-user__checkbox-content span {
        font-weight: 400;
        font-size: 15px
    }

    .modal-user__row {
        flex-wrap: wrap
    }

    .modal-user__link {
        width: 100%;
        margin-top: 21px
    }

    .modal-user__submit > * {
        padding: 18px 10px;
        width: 100%;
        text-align: center
    }

    .order__heading {
        flex-wrap: wrap
    }

    .order__heading-title {
        width: 100%;
        font-size: 13px
    }

    .order__heading-value {
        margin: 5px 0 0;
        width: 100%;
        font-size: 13px
    }

    .order__row {
        margin-top: 23px
    }

    .order__content-body > p {
        font-weight: 400;
        font-size: 13px
    }

    .type-card {
        padding: 10px 15px
    }
}

@media screen and (max-width: 420px) {
    body {
        min-width: 320px
    }
}

@media screen and (max-width: 320px) {
    body {
        min-width: 320px
    }
}

.personal-space__userbar {
    transition: width .24s ease
}

.currency-select__list::-webkit-scrollbar, html::-webkit-scrollbar {
    background-color: #fff;
    width: 10px
}

.currency-select__list::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    background-color: #fcbf11;
    border-radius: 5px
}

.preload-4 {
    display: none;
    justify-content: space-around;
    margin-top: 62px;
    margin-bottom: 20px
}

.preload-4 span {
    width: 20px;
    height: 20px;
    background: #fcbf11;
    border-radius: 50%;
    -webkit-animation: preload-4 1s infinite ease-in-out;
    animation: preload-4 1s infinite ease-in-out
}

.preload-4 span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.preload-4 span:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.preload-4 span:nth-child(4) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.preload-4 span:nth-child(5) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.preload-4 span:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.preload-4 span:nth-child(7) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.preload-4 span:nth-child(8) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes preload-4 {
    0%, 100% {
        opacity: .3;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 0 3px rgba(150, 150, 150, .1)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 20px 3px rgba(200, 200, 200, .5)
    }
}

@keyframes preload-4 {
    0%, 100% {
        opacity: .3;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 0 3px rgba(255, 255, 255, .1)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 20px 3px rgba(255, 255, 255, .05)
    }
}

.uk-notification {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.uk-notification-bottom-right, .uk-notification-top-right {
    left: auto;
    right: 10px
}

.uk-notification-bottom-center, .uk-notification-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notification-bottom-center, .uk-notification-bottom-left, .uk-notification-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width: 639px) {
    .uk-notification {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notification-message {
    position: relative;
    padding: 15px;
    background: #f8f8f8;
    color: #666;
    font-size: 1.25rem;
    line-height: 1.4;
    cursor: pointer
}

* + .uk-notification-message {
    margin-top: 10px
}

.uk-notification-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px
}

.uk-notification-message:hover .uk-notification-close {
    display: block
}

.uk-notification-message-primary {
    color: #1e87f0;
    border: 1px solid #1e87f0;
    border-radius: 3px
}

.uk-notification-message-success {
    color: #32d296;
    border: 1px solid #32d296;
    border-radius: 3px
}

.uk-notification-message-warning {
    color: #faa05a;
    border: 1px solid #faa05a;
    border-radius: 3px
}

.uk-notification-message-danger {
    color: #f0506e;
    border: 1px solid #f0506e;
    border-radius: 3px
}

.uk-flex {
    display: flex
}

.uk-flex-inline {
    display: inline-flex
}

.uk-flex-inline::after, .uk-flex-inline::before, .uk-flex::after, .uk-flex::before {
    display: none
}

.uk-flex-left {
    justify-content: flex-start
}

.uk-flex-center {
    justify-content: center
}

.uk-flex-right {
    justify-content: flex-end
}

.uk-flex-between {
    justify-content: space-between
}

.uk-flex-around {
    justify-content: space-around
}

.uk-flex-stretch {
    align-items: stretch
}

.uk-flex-top {
    align-items: flex-start
}

.uk-flex-middle {
    align-items: center
}

.uk-flex-bottom {
    align-items: flex-end
}

.uk-flex-row {
    flex-direction: row
}

.uk-flex-row-reverse {
    flex-direction: row-reverse
}

.uk-flex-column {
    flex-direction: column
}

.uk-flex-column-reverse {
    flex-direction: column-reverse
}

.uk-flex-nowrap {
    flex-wrap: nowrap
}

.uk-flex-wrap {
    flex-wrap: wrap
}

.uk-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.uk-flex-wrap-stretch {
    align-content: stretch
}

.uk-flex-wrap-top {
    align-content: flex-start
}

.uk-flex-wrap-middle {
    align-content: center
}

.uk-flex-wrap-bottom {
    align-content: flex-end
}

.uk-flex-wrap-between {
    align-content: space-between
}

.uk-flex-wrap-around {
    align-content: space-around
}

.uk-flex-first {
    order: -1
}

.uk-flex-last {
    order: 99
}

@media (min-width: 640px) {
    .uk-flex-left\@s {
        justify-content: flex-start
    }

    .uk-flex-center\@s {
        justify-content: center
    }

    .uk-flex-right\@s {
        justify-content: flex-end
    }

    .uk-flex-between\@s {
        justify-content: space-between
    }

    .uk-flex-around\@s {
        justify-content: space-around
    }

    .uk-flex-first\@s {
        order: -1
    }

    .uk-flex-last\@s {
        order: 99
    }
}

@media (min-width: 960px) {
    .uk-flex-left\@m {
        justify-content: flex-start
    }

    .uk-flex-center\@m {
        justify-content: center
    }

    .uk-flex-right\@m {
        justify-content: flex-end
    }

    .uk-flex-between\@m {
        justify-content: space-between
    }

    .uk-flex-around\@m {
        justify-content: space-around
    }

    .uk-flex-first\@m {
        order: -1
    }

    .uk-flex-last\@m {
        order: 99
    }
}

@media (min-width: 1200px) {
    .uk-flex-left\@l {
        justify-content: flex-start
    }

    .uk-flex-center\@l {
        justify-content: center
    }

    .uk-flex-right\@l {
        justify-content: flex-end
    }

    .uk-flex-between\@l {
        justify-content: space-between
    }

    .uk-flex-around\@l {
        justify-content: space-around
    }

    .uk-flex-first\@l {
        order: -1
    }

    .uk-flex-last\@l {
        order: 99
    }
}

@media (min-width: 1600px) {
    .uk-flex-left\@xl {
        justify-content: flex-start
    }

    .uk-flex-center\@xl {
        justify-content: center
    }

    .uk-flex-right\@xl {
        justify-content: flex-end
    }

    .uk-flex-between\@xl {
        justify-content: space-between
    }

    .uk-flex-around\@xl {
        justify-content: space-around
    }

    .uk-flex-first\@xl {
        order: -1
    }

    .uk-flex-last\@xl {
        order: 99
    }
}

.uk-flex-none {
    flex: none
}

.uk-flex-auto {
    flex: auto
}

.uk-flex-1 {
    flex: 1
}

li.currency-select__list-item:hover {
    background: #fcbf11;
}

.longText{
    word-break: break-all;
}

.uk-clearfix::before {
    content: "";
    display: table-cell
}

.uk-clearfix::after {
    content: "";
    display: table;
    clear: both
}

.uk-float-right {
    float: right
}

select{
    background: rgba(227, 227, 227, .4);
    border-radius: 7px;
    width: 100%;
    padding: 17px 17px 17px 42px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212121;
    border: 1px solid rgba(17, 17, 17, .1);
}
.bank-select__current{
    border-radius: 7px;
    border: 1px solid rgba(17, 17, 17, .1);
    cursor: pointer;
}
.bank-select__current>input{
    background: rgba(227, 227, 227, .4);
    width: 100%;
    padding: 17px 17px 17px 42px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212121;
    cursor: pointer;
}
.bank-select__list-item {
    cursor: pointer;
    padding: 10px 10px 10px 32px;
}
.bank-select__list-item + *{
    border-top: 1px solid #e4e4e4;
}
.bank-select__list {
    left: 0;
    right: 0;
    transform: translateY(10px);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform .24s ease, visibility .24s ease, opacity .24s ease;
    overflow-x: hidden !important;
}
.bank-select__list.active {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    transform: translateY(0);
    overflow: auto;
    border: 1px solid #0500ff;
    border-radius: 3px;
    background-color: #fff;
    top: -370px;
    max-height: 370px;
}
.bank-select__list {
    position: absolute;
    top: calc(100% - 0px);
}
li.bank-select__list-item:hover {
    background: #fcbf11;
}
.bank::-webkit-scrollbar, html::-webkit-scrollbar {
    width: 10px
}
.bank::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    background-color: #fcbf11;
    border-radius: 5px;
}
.bank{
    pointer-events: initial;
    border: 1px solid #0500ff;
    visibility: visible;
    overflow: auto;
    opacity: 1;
    top: calc(100% - 0px);
    max-height: 400px;
    min-height: 400px;
    border-radius: 7px;
}
.a{
    opacity: 1;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    height: 37px;
    width: 335px;
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: ease;
}

/*#regionseo*/
.seobody{
    font-size: 20px;
    border-top: 2px solid #fcbf11;
    padding-top: 10px;
}

.seobody > p{
    text-indent: 1.5em;
}

.seobody > p:not(:first-child){
    margin-top: 10px;
}

.seobody > ol {
    margin: auto;
    padding: revert;
}

.seobody > ol > li {
    list-style: auto !important;
}

.seobody > ol > li::before {
    display: none!important;
}

.display-none{
    display: none;
}

.SeoHeader{
    font-size: 2.2rem;
    text-align: center;
    margin-bottom: 20px;
}

.seolink{
    margin-top: 3rem!important;display: flex!important;
}

.seolink > a {
    color: #585858;
    margin-right: 10px;
}

@media (max-width: 1029px) {
    .seolink{
        flex-direction: column;
    }
    .seolink > a {
        color: #585858;
        margin-right: 0px !important;
        margin-top: 10px;
    }
}

/*#endregionseo*/


/*#regionToolTip*/

.tooltip [data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-right: 10px;
}

.tooltip [data-tooltip]:before,
.tooltip [data-tooltip]:after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.tooltip [data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -250px;
    padding: 7px;
    width: 300px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

.tooltip [data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

.tooltip [data-tooltip]:hover:before,
.tooltip [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

.tooltip [data-tooltip] i{
    color: #333;
}

.tooltip{
    margin-left: auto;
}

/*#endregionToolTip*/

.requiredCheckbox{
    display: block !important; 
    width: 1px;
    height: 1px;
}

#scamAlert{
    text-align: center;
}
#scamAlert div{
    border: 1px solid #fcbf11; 
    padding: .7rem;
    border-width: 0 1px 1px; 
    width: fit-content;
    opacity: 0.7;
    background: #1a1a1a1a; 
    font-size:15px; width: auto; 
    border-radius: 0 0 3px 3px;
}

.seoblock{
    margin-bottom: 80px;
}

.searchblock{
    background: white;
    border-bottom: 1px solid #e4e4e4;
}

.currency-list-block{
    position: sticky;
    top: 0px;
    z-index: 1
}
.swap_icon_container {
    border: 2px solid #fff0;
    padding: 13px;
    display: flex;
    justify-content: center;
}

.swap_icon{
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swap_icon:hover{
    transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: rotate(360deg);
}

.notAvailable{
    pointer-events: none;
    opacity: 0.6;    
    filter: blur(0.7px);
    background: rgba(0,0,0, .05);
    order: 1;
}