.tns-outer {
    padding: 0!important
}

.tns-outer [hidden] {
    display: none!important
}

.tns-outer [aria-controls],.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

.tns-slider>.tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s,opacity 0s;
    -moz-transition: transform 0s,opacity 0s;
    transition: transform 0s,opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto!important
}

.tns-gallery>.tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-t-ct>div {
    width: 1.4285714%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left
}

@font-face {
    font-family: 'casino';
    src: url(/casino.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^="casino-"],[class*=" casino-"] {
    font-family: 'casino'!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.casino-eighteen:before {
    content: "\e900"
}

.casino-bonus:before {
    content: "\e901"
}

.casino-bonus_pack:before {
    content: "\e902"
}

.casino-cashier:before {
    content: "\e903"
}

.casino-casino:before {
    content: "\e904"
}

.casino-GambleAware:before {
    content: "\e905"
}

.casino-GamCare:before {
    content: "\e906"
}

.casino-hot:before {
    content: "\e907"
}

.casino-info:before {
    content: "\e908"
}

.casino-instant:before {
    content: "\e909"
}

.casino-jackpot:before {
    content: "\e90a"
}

.casino-live:before {
    content: "\e90b"
}

.casino-loyalty:before {
    content: "\e90c"
}

.casino-popular:before {
    content: "\e90d"
}

.casino-promo:before {
    content: "\e90e"
}

.casino-slots:before {
    content: "\e90f"
}

.casino-support:before {
    content: "\e910"
}

.casino-tournaments:before {
    content: "\e911"
}

html {
    max-width: 100vw;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0
}

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

body {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16px * var(--font-scale-factor));
    line-height: calc(24px * var(--font-scale-factor));
    background-color: var(--main-background);
    color: var(--main-font-color);
    max-width: 100vw;
    overflow: hidden;
    min-height: 100vh
}

button,input {
    font-family: "Roboto",sans-serif
}

header {
    background-color: var(--secondary-background)
}

h2,h3,h4,h5,h6 {
    margin-top: 8px;
    margin-bottom: 16px;
    font-weight: 500
}

p,ol,ul,blockquote,figure {
    margin-bottom: 14.4px
}

a {
    cursor: pointer;
    text-decoration: none;
    color: var(--link-font-color)
}

a:hover {
    cursor: pointer;
    text-decoration: none;
    color: var(--main-font-color)
}

.type-button {
    display: inline-block;
    transition: all .25s ease;
    padding: 8px 12px 8px 12px;
    text-transform: uppercase;
    color: var(--button-color);
    background: var(--highlighter);
    border-radius: var(--button-border-radius);
    line-height: calc(1 * var(--font-scale-factor));
    font-size: calc(15px * var(--font-scale-factor));
    font-weight: 600;
    border: none;
    cursor: pointer
}

.type-button:hover {
    color: var(--button-hover-color);
    background: var(--button-hover-background);
    transform: scale(1.05)
}

b,strong {
    font-weight: 700
}

img {
    display: block;
    max-width: 100%
}

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

.flex {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap
}

.nowrap {
    flex-wrap: nowrap
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
    body {
        font-size:calc(15px * var(--font-scale-factor));
        line-height: calc(20px * var(--font-scale-factor))
    }

    h2,h3,h4,h5,h6 {
        margin-top: 4px;
        margin-bottom: 10px
    }

    p,ol,ul,blockquote,figure {
        margin-bottom: 10px
    }
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    transition: all .5s ease;
    z-index: 99
}

.main-content {
    margin-top: 111px
}

.header-flex {
    padding: 18px 0;
    gap: 10px;
    min-height: 72px
}

.header-left {
    max-width: 230px;
    max-height: 40px
}

.header-buttons {
    gap: 10px 20px;
    margin-left: auto
}

.header-button-icon {
    margin-right: 5px
}

.header-lang-switcher {
    cursor: pointer;
    position: relative;
    z-index: 100
}

.header-lang-switcher-current {
    position: relative;
    z-index: 2;
    padding: 10px
}

.header-lang-switcher-list {
    display: none;
    width: 100%;
    position: absolute;
    padding: 10px;
    z-index: 1;
    right: 0;
    top: 100%;
    text-align: center;
    background: var(--main-background);
    border-radius: var(--main-border-radius)
}

.header-lang-switcher:hover .header-lang-switcher-list {
    display: block
}

.header-lang-switcher-list a.header-lang-switcher-item {
    transition: all .25s ease;
    display: block;
    text-align: center
}

.header-lang-switcher-list a.header-lang-switcher-item:hover {
    transform: scale(1.2)
}

.header-lang-switcher-list a.header-lang-switcher-item:not(:last-child) {
    margin-bottom: 15px
}

.header-lang-switcher img {
    width: 28px;
    height: 21px;
    margin: auto
}

.header-lang-switcher a.header-lang-switcher-item img {
    width: auto;
    height: auto
}

.type-button.header-button {
    padding-bottom: 6px
}

.type-button.header-button-type-2:not(:hover) {
    background-color: var(--alternative-highlighter)
}

.header-menu-row {
    background: var(--unactive-background)
}

.header-menu-row>.container {
    padding: 0
}

a.menu-item {
    display: block;
    text-transform: uppercase;
    padding: 7px 14px;
    font-weight: 700;
    letter-spacing: .5px;
    font-size: calc(14px * var(--font-scale-factor));
    line-height: calc(20px * var(--font-scale-factor));
    transition: all .5s ease
}

a.menu-item:hover {
    background: var(--highlighter);
    color: var(--button-color)
}

.header-burger {
    display: none;
    width: 35px;
    height: 35px;
    border-radius: var(--main-border-radius);
    color: var(--button-color);
    background: var(--highlighter);
    gap: 3px;
    cursor: pointer
}

.header-burger span {
    width: 25px;
    height: 3px;
    background: var(--button-color);
    border-radius: 2px
}

@media screen and (max-width: 990px) {
    .main-content {
        margin-top:72px
    }

    .header-flex {
        padding: 15px 0;
        gap: 10px 15px
    }

    .header-left {
        max-width: 150px;
        max-height: 35px;
        margin-left: 13px
    }

    .header-menu-row {
        position: absolute;
        width: 100%;
        top: 72px
    }

    .header-burger {
        display: flex
    }

    .header-menu {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .main-content {
        margin-top:110px
    }

    .header-menu-row {
        top: 110px
    }

    .header-left {
        order: 1
    }

    .header-buttons {
        order: 3;
        width: 100%;
        justify-content: center
    }

    .header-lang-switcher {
        order: 2
    }
}

@media screen and (max-width: 400px) {
    .header-left {
        max-width:120px;
        max-height: 30px
    }
}

.slider-section {
    background: var(--content-background);
    padding-bottom: 20px
}

.slider-section>.container {
    background: var(--main-background);
    padding: 0 12px 7px
}

.main-slider-wrapper {
    padding: 10px;
    background: var(--content-background)
}

.main-slide {
    user-select: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: var(--main-border-radius);
    overflow: hidden;
    padding: 12px 10px!important;
    height: 100%
}

.main-slide-overlay {
    transition: all .5s ease;
    background-image: linear-gradient(var(--gradient-first-color) 0%,var(--gradient-second-color) 90%);
    opacity: .85;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.main-slide:hover .main-slide-overlay {
    opacity: .75
}

.main-slide-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}

.main-slide-inner>* {
    width: 100%
}

.main-slide-title {
    font-weight: 700;
    font-size: calc(20px * var(--font-scale-factor));
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 24px
}

.main-slide-text {
    font-weight: 700;
    font-size: calc(16px * var(--font-scale-factor));
    line-height: calc(24px * var(--font-scale-factor));
    margin-bottom: 5px;
    max-width: 265px;
    padding-left: 15px
}

.main-slide-button-wrap {
    text-align: right;
    margin-top: auto
}

button[data-action="stop"],button[data-action="start"] {
    display: none
}

.tns-outer {
    position: relative
}

.tns-nav {
    height: 7px;
    display: flex;
    position: absolute;
    left: 0;
    top: -17px;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px)
}

.tns-nav button {
    width: 25px;
    height: 5px;
    border-radius: 0;
    appearance: none;
    border: none;
    box-shadow: none;
    margin-right: 7px;
    background: var(--main-font-color)
}

.tns-nav button.tns-nav-active {
    width: 50px;
    background: var(--highlighter)
}

.progress-bar {
    position: relative;
    height: 4px;
    overflow: hidden;
    border-radius: 1px;
    margin-bottom: 3px
}

.progress {
    height: 100%;
    width: 0;
    background-color: var(--highlighter);
    transition: width 0.5s
}

.content-section>.container {
    background: var(--content-background);
    padding: 16px 28px 32px
}

.content-section h1 {
    font-size: calc(32px * var(--font-scale-factor));
    line-height: 1;
    margin-bottom: 36px;
    font-weight: 500
}

.content-flex {
    gap: 20px
}

.content-sidebar {
    width: 312px;
    position: relative
}

.content-sidebar-wrapper {
    width: 100%
}

.main-content .content-sidebar-wrapper>img {
    margin: 0 auto;
    padding-top: 30px
}

.content-col {
    width: calc(100% - 332px)
}

.content-tabs-content,.content-tabs-content .content-tabs-switcher {
    display: none
}

.content-tabs-content.active {
    display: block
}

.content-tabs-content-deep {
    padding: 30px 16px 25px;
    background: var(--main-background);
    border-radius: 0 0 var(--main-border-radius) var(--main-border-radius)
}

.content-tabs-content-deep h2:first-child,.content-tabs-content-deep h3:first-child,.content-tabs-content-deep h4:first-child,.content-tabs-content-deep h5:first-child,.content-tabs-content-deep h6:first-child {
    margin-top: 0
}

.main-content h2 {
    font-size: calc(32px * var(--font-scale-factor));
    line-height: calc(38px * var(--font-scale-factor))
}

.main-content h3 {
    font-size: calc(28px * var(--font-scale-factor));
    line-height: calc(34px * var(--font-scale-factor))
}

.main-content h4 {
    font-size: calc(24px * var(--font-scale-factor));
    line-height: calc(29px * var(--font-scale-factor))
}

.main-content h5 {
    font-size: calc(22px * var(--font-scale-factor));
    line-height: calc(25px * var(--font-scale-factor))
}

.main-content h6 {
    font-size: calc(18px * var(--font-scale-factor));
    line-height: calc(22px * var(--font-scale-factor))
}

.main-content img {
    margin: 30px auto
}

.main-content hr {
    border: none;
    border-top: 1px solid var(--main-font-color);
    margin: 20px 0
}

.main-content ul,.main-content ol {
    padding-left: 20px
}

.main-content li {
    margin-bottom: 10px
}

.main-content blockquote {
    padding: 10px 0 10px 15px;
    border-left: 2px solid;
    border-color: var(--main-font-color)
}

.content-col *:last-child {
    margin-bottom: 0
}

.content-tabs-switchers {
    gap: 3px
}

.content-tabs-switcher {
    box-shadow: none;
    border: none;
    border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;
    padding: 3px 12px 6px;
    background: var(--unactive-background);
    font-size: calc(16px * var(--font-scale-factor));
    line-height: calc(24px * var(--font-scale-factor));
    color: var(--main-font-color);
    display: flex;
    gap: 3px;
    align-content: center;
    align-items: center;
    cursor: pointer;
    flex-grow: 1
}

.content-tabs-switcher.active {
    background: var(--main-background)
}

.content-tabs-switcher.active>span:first-child {
    color: var(--highlighter)
}

.content-sidebar-widget {
    position: relative;
    border-radius: var(--main-border-radius);
    overflow: hidden
}

.content-sidebar-widget-frontside {
    position: relative;
    width: 100%;
    z-index: 1;
    background-image: linear-gradient(to bottom,var(--gradient-second-color) 0%,var(--gradient-first-color) 90%);
    padding: 35px
}

.content-sidebar-widget img {
    margin-top: 0;
    margin-bottom: 5px;
    min-width: 108px;
    min-height: 108px
}

.content-sidebar-widget-frontside-title,.content-sidebar-widget-backside-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: calc(21px * var(--font-scale-factor));
    line-height: 1;
    font-weight: 600;
    width: 100%
}

.content-sidebar-widget-frontside-text,.content-sidebar-widget-backside-text {
    text-align: center;
    font-size: calc(14px * var(--font-scale-factor));
    line-height: calc(21px * var(--font-scale-factor));
    width: 100%
}

.content-sidebar-widget-backside {
    background-image: linear-gradient(to bottom,var(--unactive-background) 0%,var(--main-background) 90%);
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 1s ease;
    padding: 35px
}

.content-sidebar-widget:hover .content-sidebar-widget-backside {
    opacity: 1
}

.content-sidebar-widget-button {
    margin-top: 20px
}

@media screen and (max-width: 990px) {
    .content-col,.content-sidebar {
        width:100%
    }

    body:not(.text-page) .content-sidebar-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        max-width: 100%!important
    }

    body:not(.text-page) .content-sidebar-wrapper {
        position: static!important
    }

    .content-sidebar .content-sidebar-wrapper>* {
        max-width: 45%
    }

    .main-content .content-sidebar-wrapper>img {
        padding-top: 0
    }
}

@media screen and (max-width: 768px) {
    .content-section h2 {
        font-size:calc(22px * var(--font-scale-factor));
        line-height: calc(26px * var(--font-scale-factor))
    }

    .content-section h3 {
        font-size: calc(21px * var(--font-scale-factor));
        line-height: calc(25px * var(--font-scale-factor))
    }

    .content-section h4 {
        font-size: calc(20px * var(--font-scale-factor));
        line-height: calc(24px * var(--font-scale-factor))
    }

    .content-section h5 {
        font-size: calc(19px * var(--font-scale-factor));
        line-height: calc(23px * var(--font-scale-factor))
    }

    .content-section h6 {
        font-size: calc(18px * var(--font-scale-factor));
        line-height: calc(20px * var(--font-scale-factor))
    }

    .content-sidebar .content-sidebar-wrapper>* {
        width: 100%;
        max-width: unset;
        margin: auto
    }

    .content-sidebar .content-sidebar-wrapper>img {
        display: none
    }

    .content-tabs-switchers,.content-tabs-content-deep {
        display: none
    }

    .content-tabs-content .content-tabs-switcher {
        display: flex;
        width: 100%;
        padding: 10px 15px
    }

    .content-tabs-content,.content-tabs-content-deep.active {
        display: block
    }

    .content-tabs-switcher.active {
        position: relative
    }

    .content-tabs-switcher.active::after {
        content: '';
        position: absolute;
        bottom: -2px;
        width: calc(100% - 4px);
        left: 2px;
        height: 1px;
        background: var(--main-font-color)
    }

    .content-tabs-content:not(:last-child) {
        margin-bottom: 5px
    }

    .content-section h1 {
        font-size: calc(24px * var(--font-scale-factor));
        margin-bottom: 20px
    }

    .content-section>.container {
        padding: 15px 10px
    }

    .content-tabs-content-deep {
        padding: 20px 10px
    }
}

.games-slider-section {
    padding: 32px 0
}

.games-slide {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: var(--main-border-radius);
    background-image: linear-gradient(to bottom,var(--unactive-background) 0%,var(--main-background) 90%);
    opacity: .8
}

.games-slide:hover {
    opacity: 1
}

.games-slide-outer img {
    border-radius: var(--main-border-radius);
    margin: auto
}

.games-slider-wrapper button[data-controls="prev"] {
    background: url(../img/slideleft.svg);
    border: none;
    background-color: none
}

.games-slider-wrapper {
    position: relative
}

.custom-prev,.custom-next {
    position: absolute;
    top: calc(50% - 18px);
    z-index: 10;
    left: -12px;
    width: 36px;
    height: 36px;
    fill: var(--highlighter);
    cursor: pointer
}

.custom-next {
    left: auto;
    right: -12px
}

.custom-prev svg,.custom-next svg {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block
}

@media screen and (max-width: 990px) {
    .games-slider-section {
        padding:20px 0
    }
}

.faq-section>.container {
    background-color: var(--secondary-background);
    padding-top: 25px;
    padding-bottom: 30px
}

.faq-q {
    padding: 10px 10px 10px 50px;
    position: relative;
    cursor: pointer
}

.faq-q::before,.faq-q::after {
    content: '';
    position: absolute;
    border-radius: 2px;
    background-color: var(--highlighter)
}

.faq-q::before {
    left: 20px;
    top: 18px;
    height: 4px;
    width: 16px
}

.faq-q::after {
    top: 12px;
    left: 26px;
    width: 4px;
    height: 16px
}

.faq-item.active .faq-q::after {
    display: none
}

.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease
}

.faq-item.active .faq-a {
    max-height: 99999px
}

.faq-a-content {
    padding: 12px 20px;
    background-color: var(--main-background);
    border-radius: var(--main-border-radius)
}

.faq-a-content>*:last-child {
    margin: 0
}

.vendors-section {
    margin: 50px 0
}

.vendors-carousel {
    overflow: hidden;
    width: 100%
}

.vendors-carousel-inner {
    display: inline-flex;
    animation: vendorsscroll var(--vendors-animation-speed) linear infinite
}

.vendors-carousel-image,.main-content img.vendors-carousel-image {
    flex-shrink: 0;
    max-width: unset;
    margin: 0
}

@keyframes vendorsscroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 990px) {
    .vendors-section {
        margin:25px 0
    }
}

footer {
    margin: 50px 0 30px
}

.footer-left,.footer-right {
    width: 295px
}

.footer-center {
    width: calc(100% - 600px)
}

.footer-logo {
    opacity: .75;
    transition: all .25s ease
}

.footer-logo:hover {
    opacity: 1
}

.footer-logo img {
    min-width: 57px;
    min-height: 57px;
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto 20px
}

.footer-highlighed {
    color: var(--link-font-color);
    line-height: calc(1 * var(--font-scale-factor));
    text-align: center;
    display: block;
    margin: 0
}

.footer-langs {
    margin-top: 15px;
    gap: 15px
}

.footer-lang-switcher {
    transition: all .25s ease
}

.footer-lang-switcher:hover {
    transform: scale(1.2)
}

.footer-langs img {
    max-width: 30px;
    max-height: 30px
}

.footer-warnings {
    font-size: calc(32px * var(--font-scale-factor));
    line-height: calc(1 * var(--font-scale-factor));
    text-align: center;
    margin-top: 20px;
    gap: 25px
}

.footer-warnings span {
    opacity: .5;
    transition: all .5s ease
}

.footer-warnings span:hover {
    opacity: 1;
    color: var(--highlighter)
}

.footer-copyright {
    font-weight: 300;
    font-size: calc(13px * var(--font-scale-factor));
    line-height: calc(1 * var(--font-scale-factor));
    text-align: center;
    margin-top: 20px
}

.footer-links {
    gap: 20px 40px
}

.payment-methods {
    gap: 15px;
    margin-top: 20px
}

.payment-method {
    overflow: hidden;
    opacity: .4;
    transition: all .25s ease
}

.payment-method:hover {
    overflow: hidden;
    opacity: 1
}

@media screen and (max-width: 990px) {
    footer {
        margin:20px 0
    }

    .footer-flex {
        gap: 20px 0;
        align-content: flex-end;
        align-items: flex-end
    }

    .footer-center {
        width: 100%;
        order: 1
    }

    .footer-left {
        width: 50%;
        order: 2
    }

    .footer-right {
        width: 50%;
        order: 3
    }
}

@media screen and (max-width: 500px) {
    .footer-center {
        order:2
    }

    .footer-left {
        width: 100%;
        order: 1
    }

    .footer-right {
        width: 100%
    }
}

.text-page .content-section>.container {
    background: none
}

.text-page .header-flex {
    padding-left: 0;
    padding-right: 0
}

.text-page .content-section>.container {
    padding: 10px 15px
}

.text-page .content-col,.text-page .content-sidebar {
    background: var(--content-background);
    padding: 16px 16px 32px;
    border-radius: var(--main-border-radius)
}

.text-page .content-flex {
    gap: 15px
}

.text-page .content-sidebar {
    width: 370px;
    order: 1
}

.text-page .content-col {
    width: calc(100% - 385px);
    order: 2
}

.text-page.right-sidebar .content-sidebar {
    order: 2
}

.text-page.right-sidebar .content-col {
    order: 1
}

@media screen and (max-width: 990px) {
    body.text-page {
        font-size:calc(15px * var(--font-scale-factor));
        line-height: calc(20px * var(--font-scale-factor))
    }

    .text-page h2,.text-page h3,.text-page h4,.text-page h5,.text-page h6 {
        margin-top: 4px;
        margin-bottom: 10px
    }

    .text-page p,.text-page ol,.text-page ul,.text-page blockquote,.text-page figure {
        margin-bottom: 10px
    }

    .text-page .content-sidebar {
        width: 33.33%
    }

    .text-page .content-col {
        width: calc(66.66% - 15px)
    }

    .text-page .content-sidebar .content-sidebar-wrapper>* {
        max-width: 100%
    }

    .text-page .content-section h1 {
        font-size: calc(24px * var(--font-scale-factor));
        margin-bottom: 20px
    }

    .text-page .content-section h2 {
        font-size: calc(22px * var(--font-scale-factor));
        line-height: calc(26px * var(--font-scale-factor))
    }

    .text-page .content-section h3 {
        font-size: calc(21px * var(--font-scale-factor));
        line-height: calc(25px * var(--font-scale-factor))
    }

    .text-page .content-section h4 {
        font-size: calc(20px * var(--font-scale-factor));
        line-height: calc(24px * var(--font-scale-factor))
    }

    .text-page .content-section h5 {
        font-size: calc(19px * var(--font-scale-factor));
        line-height: calc(23px * var(--font-scale-factor))
    }

    .text-page .content-section h6 {
        font-size: calc(18px * var(--font-scale-factor));
        line-height: calc(20px * var(--font-scale-factor))
    }

    .text-page .main-content .content-sidebar-wrapper>img {
        padding-top: 15px
    }
}

@media screen and (max-width: 768px) {
    .text-page .content-flex {
        gap:30px
    }

    .text-page .content-col,.text-page.right-sidebar .content-col {
        width: 100%;
        order: 2
    }

    .text-page .content-sidebar,.text-page.right-sidebar .content-sidebar {
        width: 100%;
        order: 1
    }

    .text-page .content-sidebar .content-sidebar-wrapper .content-sidebar-widget {
        max-width: 100%
    }

    #sidebar-2 {
        position: static!important
    }
}

body.text-page.game-page .content-section>.container {
    padding-top: 0
}

.game-page-content {
    padding: 16px 16px 50px;
    background: var(--content-background);
    border-radius: 0 0 var(--main-border-radius) var(--main-border-radius)
}

.game-page .content-tabs-switcher {
    flex-grow: unset;
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: 700
}

.game-page .content-tabs-content-deep {
    padding: 10px;
    border-radius: 0 var(--main-border-radius) var(--main-border-radius) var(--main-border-radius)
}

.game-page-iframe-wrapper {
    margin: 0 0 60px;
    position: relative
}

.game-page-iframe-wrapper iframe {
    display: block;
    max-width: 100%;
    border: none;
    margin: auto
}

.game-goregister {
    position: absolute;
    right: -12px;
    top: calc(50% - 16px);
    transform: rotate(-90deg);
    box-shadow: 0 0 3px var(--main-font-color);
    padding: 10px 20px
}

.game-goregister:not(:hover) {
    background: var(--alternative-highlighter)
}

.game-goregister:hover {
    transform: rotate(-85deg)
}

@media screen and (max-width: 1160px) {
    .game-goregister {
        right:-4%
    }
}

@media screen and (max-width: 990px) {
    .game-goregister {
        display:none
    }

    .game-page-iframe-wrapper {
        margin: 0 0 20px
    }
}

@media screen and (max-width: 768px) {
    .game-page .content-tabs-switcher {
        border-radius:var(--main-border-radius);
        justify-content: center
    }

    .game-page .content-tabs-switcher.active {
        border-bottom: 0;
        border-radius: var(--main-border-radius) var(--main-border-radius) 0 0
    }

    .game-page .content-tabs-content-deep {
        border-radius: 0 0 var(--main-border-radius) var(--main-border-radius)
    }
}

.contacts-form-field-group:not(.contacts-form-field-group-buttons) {
    margin-bottom: 12px
}

.contacts-form-label {
    display: block;
    padding-bottom: 12px
}

.contacts-form-label span {
    color: var(--highlighter);
    padding-left: 5px
}

.contacts-form-field {
    display: block;
    width: 100%;
    resize: vertical;
    padding: 8px 16px;
    font-size: calc(15px * var(--font-scale-factor));
    line-height: calc(21px * var(--font-scale-factor));
    border-radius: var(--main-border-radius);
    border: none;
    outline: none
}

.contacts-form-submit {
    width: 100%;
    padding: 12px
}

.contacts-form-field-group.contacts-form-field-group-buttons {
    margin-top: 20px
}

.contacts-form-submit:hover {
    transform: unset;
    box-shadow: 0 0 3px inset var(--button-hover-color)
}

@media screen and (max-width: 768px) {
    .text-page.contacts-page .content-col,.text-page.right-sidebar .content-col {
        order:1
    }

    .text-page.contacts-page .content-sidebar,.text-page.right-sidebar .content-sidebar {
        order: 2
    }
}

.main-slide {
    overflow: hidden
}

.content-sidebar-widget img {
    max-width: 312
}

.btn-reg {
    display: none!important
}

.game-goregister {
    position: absolute;
    right: -36px;
    top: calc(50% - 20px);
    transform: rotate(-90deg);
    box-shadow: 0 0 3px var(--main-font-color);
    padding: 16px 36px
}

.content-tabs-switchers {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--highlighter) var(--content-background)
}

.content-tabs-switchers::-webkit-scrollbar {
    height: 8px
}

.content-tabs-switchers::-webkit-scrollbar-thumb {
    background-color: var(--highlighter);
    border-radius: 10px
}

.content-tabs-switchers::-webkit-scrollbar-track {
    background-color: var(--content-background)
}

.content-tabs-switchers::-webkit-scrollbar-thumb:hover {
    background-color: var(--unactive-background)
}

.content-section>.container,.game-page-content {
    padding-top: 30px
}

.table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 14.4px
}

table {
    width: 100%;
    border-collapse: collapse
}

table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th {
    border-block-start:1px solid var(--main-font-color)}

table td,table th {
    padding: 10px;
    border: 1px solid var(--main-font-color)
}

details {
    margin-bottom: 14.4px
}

details>* {
    margin-bottom: 10px
}

details>*:last-child {
    margin-bottom: 0
}

details summary {
    cursor: pointer
}

details summary::marker {
    color: var(--highlighter);
    font-size: 20px
}

details summaryli::marker {
    color: var(--highlighter)
}

.main-slide img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover
}

.slider-section>.container {
    max-height: 235px;
    overflow: hidden
}

.main-slider-wrapper {
    overflow: hidden
}

.main-slide-outer {
    min-width: 360px;
    padding-right: 20px
}

.tns-ovh .main-slide-outer {
    min-width: unset
}

.main-slider {
    flex-wrap: nowrap
}

.main-slide {
    height: 200px
}

.main-slide img {
    max-width: 100%;
    max-height: 100%
}

.games-slide-outer {
    padding-right: 10px
}

.games-slider-wrapper {
    overflow: hidden
}

.games-slider {
    max-height: 210px
}

.games-slider.tns-slider {
    max-height: unset
}

.games-slide-outer img {
    max-height: 190px
}

.games-slide-outer.tns-item img {
    max-height: unset
}

.custom-prev {
    left: -7px
}

.custom-next {
    right: -7px
}

@media screen and (max-width: 990px) {
    .vendors-section {
        margin:25px 0;
        display: none
    }
}

body .tgs-trigons {
    overflow: hidden
}

body .tgs-trigons svg {
    overflow: hidden!important
}

body .tgs-trigons.tgs-responsive {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden
}

body .tgs-trigons.tgs-responsive svg {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

section.content-section {
    position: relative
}

section.content-section>.container {
    position: relative;
    z-index: 2
}

section.content-section>.td_trigons {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    text-align: center
}

.game-page-iframe-wrapper div div {
    width: 100%
}

.header-logo img {
    min-width: 85px
}

.form-lightbox {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 2222;
    left: 0;
    top: 0;
    cursor: pointer;
    overflow: scroll
}

.form-lightbox::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--main-background);
    opacity: .8;
    z-index: 1
}

.form-lightbox.active {
    display: flex
}

.form-lightbox-container {
    width: calc(100% - 30px);
    margin: 0 15px;
    background: none;
    overflow: auto;
    position: relative;
    z-index: 2;
    padding: 0;
    cursor: unset;
    max-width: 1230px;
    max-height: 100vh;
    box-shadow: 0 0 3px var(--main-font-color);
    border-radius: var(--main-border-radius)
}

#form-lightbox .form-lightbox-container {
    max-width: 700px
}

.form-lightbox-close {
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all .25s ease-in-out;
    fill: var(--main-font-color)
}

.form-lightbox-close:hover {
    transform: rotate(-90deg);
    fill: var(--highlighter)
}

.lightbox-form {
    padding: 30px;
    background: var(--main-background);
    border-radius: var(--main-border-radius);
    position: relative;
    overflow: hidden
}

.lightbox-form-content {
    position: relative;
    z-index: 10
}

.lightbox-form-title {
    font-size: calc(28px * var(--font-scale-factor));
    line-height: calc(36px * var(--font-scale-factor));
    text-align: center;
    margin-bottom: 20px
}

.lightbox-form-title>* {
    display: inline-block;
    margin: 0 10px
}

.lightbox-form-title>img {
    max-height: 20px;
    max-width: 30px
}

.lightbox-form-subtitle {
    text-align: center;
    color: var(--link-font-color);
    max-width: 400px;
    margin: 0 auto 30px
}

.lightbox-form-button-wrap {
    text-align: center
}

.lighynox-button {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .lightbox-form-title {
        font-size:calc(20px * var(--font-scale-factor));
        line-height: calc(25px * var(--font-scale-factor))
    }
}

.reg-form-lbox {
    background-color: rgb(0 0 0 / .75);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.reg-form-lbox.active {
    display: flex
}

.reg-form-lbox [type="button"],.reg-form-lbox [type="reset"],.reg-form-lbox [type="submit"],.reg-form-lbox button {
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    background: none
}

.registration {
    background-color: var(--main-background);
    border-radius: var(--main-border-radius);
    box-shadow: 0 4px 8px 3px rgb(0 0 0 / .15),0 1px 3px 0 rgb(0 0 0 / .3);
    margin: auto;
    max-width: 480px;
    transition: margin .7s ease-in-out;
    width: 100%
}

.reg-form-header {
    align-items: center;
    background-color: var(--main-background);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: flex;
    height: 48px;
    justify-content: center;
    position: relative
}

.reg-form-title {
    color: var(--main-font-color);
    font-size: calc(16px * var(--font-scale-factor));
    font-weight: 700;
    line-height: calc(24px * var(--font-scale-factor))
}

.reg-form-close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.reg-form-close-button {
    height: 24px;
    width: 24px
}

.reg-form-close-button-ico {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS4yOTI4OSAxOS4yMDc1QzUuNjgzNDIgMTkuNTk4IDYuMzE2NTggMTkuNTk4IDYuNzA3MTEgMTkuMjA3NUwxMiAxMy45MTQ2TDE3LjI5MjkgMTkuMjA3NUMxNy42ODM0IDE5LjU5OCAxOC4zMTY2IDE5LjU5OCAxOC43MDcxIDE5LjIwNzVDMTkuMDk3NiAxOC44MTY5IDE5LjA5NzYgMTguMTgzOCAxOC43MDcxIDE3Ljc5MzNMMTMuNDE0MiAxMi41MDA0TDE4LjcwNzEgNy4yMDc0N0MxOS4wOTc2IDYuODE2OTUgMTkuMDk3NiA2LjE4Mzc4IDE4LjcwNzEgNS43OTMyNkMxOC4zMTY2IDUuNDAyNzQgMTcuNjgzNCA1LjQwMjc0IDE3LjI5MjkgNS43OTMyNkwxMiAxMS4wODYyTDYuNzA3MTEgNS43OTMyNkM2LjMxNjU4IDUuNDAyNzQgNS42ODM0MiA1LjQwMjc0IDUuMjkyODkgNS43OTMyNkM0LjkwMjM3IDYuMTgzNzggNC45MDIzNyA2LjgxNjk1IDUuMjkyODkgNy4yMDc0N0wxMC41ODU4IDEyLjUwMDRMNS4yOTI4OSAxNy43OTMzQzQuOTAyMzcgMTguMTgzOCA0LjkwMjM3IDE4LjgxNjkgNS4yOTI4OSAxOS4yMDc1WiIgZmlsbD0iIzlCQTdDQSIvPgo8L3N2Zz4K)
}

.reg-form-ban {
    display: flex;
    height: 100%;
    justify-content: center;
    padding-bottom: 44.58%;
    position: relative;
    width: 100%
}

.reg-form-ban-pic {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.reg-form-ban-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.nav-tabs {
    background: var(--unactive-background);
    display: flex;
    position: relative;
    width: 100%
}

.reg-form-tabs-btn {
    align-items: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    display: flex;
    flex: 1;
    flex-basis: 100px;
    font-size: calc(14px * var(--font-scale-factor));
    font-weight: 400;
    height: 40px;
    justify-content: center;
    letter-spacing: normal;
    line-height: calc(20px * var(--font-scale-factor));
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-transform: none;
    white-space: nowrap
}

.reg-form-tabs-btn:first-child {
    border-right: 2px solid #000;
    left: 0;
    margin-right: 0
}

.reg-form-lbox .reg-form-tabs-btn-active {
    background: var(--content-background)
}

.reg-tab {
    padding-left: 16px;
    padding-right: 16px;
    padding: 12px 8px 16px
}

.reg-tab-desc {
    margin-bottom: 16px
}

.reg-tab-input:not(:last-child),.reg-tab-inputs:not(:last-child) {
    margin-bottom: 8px
}

.input-item,.input-item-tel {
    display: flex;
    flex-direction: column;
    position: relative;
    transition: padding .3s;
    z-index: 0
}

.input-item-wrap {
    border-radius: var(--main-border-radius);
    display: block;
    height: 40px;
    width: 100%
}

.input-item-wrap-bg {
    background-color: var(--content-background);
    border-radius: var(--main-border-radius);
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.input-item-wrap-input,.input-item-wrap-input-pseudo {
    color: #fff;
    display: block;
    font-size: calc(16px * var(--font-scale-factor));
    font-weight: 400;
    height: 100%;
    letter-spacing: normal;
    line-height: calc(24px * var(--font-scale-factor));
    padding: 0 16px;
    text-transform: none;
    width: 100%;
    background: #fff0;
    border: none;
    outline: none
}

.input-item-wrap-ico,.input-item-wrap-ico-right {
    -moz-user-select: none
}

.input-item-wrap-ico-right {
    bottom: 0;
    height: 24px;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 0;
    width: 24px;
    z-index: 1
}

.input-item-wrap-ico-right.show-pass {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    right: 0;
    width: 35px
}

.input-item-wrap-ico-right.show-pass::before {
    background-color: currentcolor;
    border-right: 1px solid var(--main-font-color);
    bottom: 0;
    box-sizing: content-box;
    content: "";
    height: 19px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(-45deg);
    transition: opacity .3s;
    width: 2px
}

.input-item-wrap-ico-right.active::before {
    opacity: 1
}

.input-item-wrap-ico-right.show-pass [class*="icon-"] {
    height: 13px;
    width: 18px
}

.icon-eye {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiI+PHBhdGggZD0iTTkgMEM0LjkxIDAgMS40MTUgMi40ODggMCA2YzEuNDE1IDMuNTEyIDQuOTEgNiA5IDZzNy41ODUtMi40ODggOS02Yy0xLjQxNS0zLjUxMi00LjkxLTYtOS02em0wIDEwYy0yLjI1OCAwLTQuMDktMS43OTItNC4wOS00UzYuNzQyIDIgOSAyczQuMDkgMS43OTIgNC4wOSA0LTEuODMzIDQtNC4wOSA0em0wLTYuNEM3LjY0MiAzLjYgNi41NDUgNC42NzIgNi41NDUgNlM3LjY0MiA4LjQgOSA4LjRzMi40NTUtMS4wNzIgMi40NTUtMi40UzEwLjM1OCAzLjYgOSAzLjZ6IiBmaWxsPSIjOUJBN0NBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

[class*="icon-"] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    width: 100%
}

.input-item-wrap.input-item-wrap--ico-right .input-item-wrap-input {
    padding-right: 36px
}

.reg-tab-input--align-center {
    margin-left: auto;
    margin-right: auto
}

.reg-form-lbox .promo-button {
    align-items: center;
    background-color: var(--unactive-background);
    border-radius: var(--button-border-radius);
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0 8px;
    width: 100%
}

.promo-pic {
    height: 16px;
    width: 16px
}

.promo-button-pic {
    margin-right: 4px
}

.icon-promo-code {
    background: url(../img/promo-code.svg);
    background-size: cover
}

.promo-text {
    align-items: center;
    display: flex;
    margin: 0
}

.promo-text-additional,.promo-text-link {
    font-size: calc(14px * var(--font-scale-factor));
    color: var(--button-color);
    font-weight: 400;
    letter-spacing: normal;
    line-height: calc(20px * var(--font-scale-factor));
    text-transform: none;
    color: var(--main-font-color)
}

.promo-text-link {
    color: var(--highlighter);
    margin-left: 4px;
    position: relative
}

.reg-tab-check {
    margin-bottom: 24px
}

.check-item {
    cursor: pointer;
    display: block;
    margin-bottom: 16px;
    position: relative
}

.check-item-text,.check-item-wrap {
    align-items: center;
    display: flex
}

.check-item-ico-bg::before {
    border: 2px solid var(--highlighter);
    border-radius: var(--main-border-radius);
    bottom: 0;
    content: "";
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.check-item-ico-bg {
    background: #fff0;
    flex-shrink: 0;
    height: 20px;
    margin-right: 8px;
    mix-blend-mode: normal;
    position: relative;
    width: 20px;
    -moz-user-select: none
}

.check-item-input[type="checkbox"] {
    opacity: 0
}

.check-item-ico::after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 100%;
    margin: auto;
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.icon-check-ok::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gMjAuMjkyOTY5IDUuMjkyOTY4OCBMIDkgMTYuNTg1OTM4IEwgNC43MDcwMzEyIDEyLjI5Mjk2OSBMIDMuMjkyOTY4OCAxMy43MDcwMzEgTCA5IDE5LjQxNDA2MiBMIDIxLjcwNzAzMSA2LjcwNzAzMTIgTCAyMC4yOTI5NjkgNS4yOTI5Njg4IHoiLz48L3N2Zz4=);
    background-color: var(--highlighter)
}

.check-item-input:checked~.check-item-ico-bg .check-item-ico::after,.check-item-input:checked~.check-item-ico::after,.check-item-input:checked~.check-item-wrap .check-item-ico::after {
    opacity: 1
}

.check-item-text::selection {
    background-color: #fff0
}

.check-item-text {
    font-size: calc(16px * var(--font-scale-factor));
    font-weight: 400;
    letter-spacing: normal;
    line-height: calc(24px * var(--font-scale-factor));
    text-transform: none;
    color: #fff
}

.check-item {
    cursor: pointer
}

.reg-link {
    color: var(--highlighter)
}

.reg-tab-btn {
    display: flex;
    justify-content: center
}

.reg-form-button {
    align-items: center;
    border-radius: var(--button-border-radius);
    color: var(--main-font-color);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: calc(16px * var(--font-scale-factor));
    font-weight: 700;
    height: 40px;
    justify-content: center;
    letter-spacing: .32px;
    line-height: calc(24px * var(--font-scale-factor));
    min-width: 80px;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 0
}

.reg-form-button.reg-form-button-first,.reg-form-button.reg-form-button-second,.reg-form-button.reg-form-button-third {
    align-items: center;
    background: var(--highlighter);
    box-shadow: 0 4px 8px 3px rgb(0 0 0 / .15),0 1px 3px 0 rgb(0 0 0 / .3);
    color: var(--main-font-color);
    display: flex;
    justify-content: center;
    min-height: 40px;
    position: relative;
    z-index: 0
}

.reg-form-button.reg-form-button-first::after,.reg-form-button.reg-form-button-second::after,.reg-form-button.reg-form-button-third::after {
    background: #fff0;
    border-radius: inherit;
    bottom: 0;
    content: "";
    height: calc(100% - 2px);
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 2px);
    z-index: 1
}

.reg-tab-btn .reg-form-button {
    width: 200px
}

.reg-form-button-registration {
    animation: pulse-3ffcc63e 1.3s cubic-bezier(.6,0,0,1) .1s infinite
}

@keyframes pulse-3ffcc63e {
    0% {
        box-shadow: 0 0 0 0 var(--button-hover-background)
    }

    50% {
        box-shadow: 0 0 0 0 var(--button-hover-background);
        transform: scale(1)
    }

    75% {
        transform: scale(1.005)
    }

    to {
        box-shadow: 0 0 0 10px #fff0;
        transform: scale(1)
    }
}

.reg-form-button-label {
    color: var(--button-color);
    padding: 0 4px;
    z-index: 2
}

.reg-form-foot {
    align-items: center;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: flex;
    height: 40px;
    justify-content: flex-end;
    padding: 0 16px
}

.reg-tab-input_email,.reg-tab-input_login,.reg-tab-input_password,.reg-tab-input_promocode {
    display: none
}

.reg-tab-input_email.active,.reg-tab-input_login.active,.reg-tab-input_password.active,.reg-tab-input_promocode.active {
    display: block
}

.reg-tab-input_phone {
    position: relative;
    z-index: 10;
    display: none
}

.reg-tab-input_phone.active {
    display: block
}

.phone-input {
    display: flex;
    height: 100%;
    position: relative
}

.phone-input-dropdown {
    align-items: center;
    background-color: var(--unactive-background);
    border-radius: var(--main-border-radius) 0 0 var(--main-border-radius);
    display: flex;
    justify-content: center;
    padding: 8px
}

.phone-input-selection {
    align-items: center;
    cursor: pointer;
    display: flex
}

.phone-input-country-code,.phone-input-country-code-second {
    font-size: calc(16px * var(--font-scale-factor));
    font-weight: 400;
    letter-spacing: normal;
    line-height: calc(24px * var(--font-scale-factor));
    text-transform: none;
    color: var(--main-font-color)
}

.phone-input-dropdown-arrow {
    color: var(--main-font-color);
    font-size: calc(20px * var(--font-scale-factor));
    height: 20px;
    margin-left: 2px;
    margin-right: -4px;
    transform: scale(.8,.5)
}

.phone-input-country-list-bg {
    display: none
}

.phone-input-country-list-bg.active {
    display: block
}

.phone-input-country-list {
    background-color: var(--unactive-background);
    border-radius: var(--main-border-radius);
    box-shadow: 0 8px 12px 6px rgb(0 0 0 / .15),0 4px 4px 0 rgb(0 0 0 / .3);
    color: var(--main-font-color);
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: scroll;
    padding: 4px;
    position: absolute;
    text-align: left;
    top: 44px;
    width: 100%;
    z-index: 1;
    color: var(--main-font-color);
    list-style: none;
    text-align: left
}

.phone-input-drop-down-list-item-list {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: calc(16px * var(--font-scale-factor));
    font-weight: 400;
    letter-spacing: normal;
    line-height: calc(24px * var(--font-scale-factor));
    padding: 8px;
    text-transform: none
}

.phone-input-drop-down-list-item-highlighted {
    background-color: var(--unactive-background);
    border-radius: var(--main-border-radius);
    color: var(--main-font-color)
}

.phone-input-drop-down-list-item-country-flag,.phone-input-country-flag {
    background-image: url(../img/phone-flags.png);
    height: 24px;
    width: 24px;
    margin-right: 8px
}

.phone-input-drop-down-list-item-country-code {
    display: inline-block;
    margin-left: 4px
}

.phone-input-drop-down-list-item-list:hover {
    color: var(--main-font-color)
}

.flag-380 {
    background-position: 0 -102px
}

.flag-7 {
    background-position: -102px 0
}

.flag-374 {
    background-position: 0 0
}

.flag-994 {
    background-position: -34px 0
}

.flag-375 {
    background-position: 0 -34px
}

.flag-359 {
    background-position: -34px -34px
}

.flag-995 {
    background-position: -68px 0
}

.flag-k7 {
    background-position: -68px -34px
}

.flag-373 {
    background-position: -34px -68px
}

.flag-993 {
    background-position: -102px -68px
}

.flag-998 {
    background-position: -34px -102px
}

.flag-48 {
    background-position: -68px -68px
}

.flag-996 {
    background-position: 0 -68px
}

.flag-992 {
    background-position: -102px -34px
}

.input-error {
    border-color: red
}

.error-message {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    width: 100%
}

.input-item-wrap {
    margin-bottom: 30px
}

.reg-tab-btn .reg-form-button:hover {
    color: var(--button-hover-color);
    background: var(--button-hover-background)
}

.registration-success {
    background-color: #323131;
    text-align: center;
    padding: 20px;
    border: 1px solid #000;
    border-radius: 5px
}

.registration-success h2 {
    color: #2bb430;
    font-size: 24px;
    margin-bottom: 10px
}

.registration-success p {
    color: #fff;
    margin: 10px 0
}

.registration-success .login-link {
    color: #007bff;
    text-decoration: none
}

.registration-success .login-link:hover {
    text-decoration: underline
}

.content-col a {
    color: #007bff;
    text-decoration: underline
}

.content-col a:hover {
    text-decoration: none
}