:root {
    --popup-heigth: 62px;
    --popup-close: 25px;
    --popupAndCloseHeigth: calc(var(--popup-heigth) + var(--popup-close));
    --header-height: 71px;
    --toc-height: 40px;
    --h1-font: 26px;
    --h2-font: 22px;
    --h3-font: 18px;
    --text-font: 16px;
    --main-padding: 16px;
    --block-gap: 16px;
    --btn-gap: 16px;
    --container-width: 1200px;
    --block-border-radius: 10px;
    --btn-b-radius: 50px;
    --btn-heigth: 50px;
    --main_bg: #050322;
    --main_lighter: #1d1c30;
    --blue-color: #3b2f76;
    --primary-color: #ffc41e;
    --yellow-color: var(--primary-color);
    --brown-color: #694900;
    --text-color: #fff;
    --disable-color: #ffffff80;
    --text_grey: #868593;
    --linear: linear-gradient(90deg, var(--yellow-color) 0%, #e60b10 100%);
    --pop-up_blur: #04032259
}

@media (min-width: 768px) {
    :root {
        --h1-font: 32px;
        --h2-font: 31px;
        --h3-font: 26px
    }
}

@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
    font-display: swap
}

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

@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
    font-weight: bold;
    font-display: swap
}

@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff");
    font-weight: 900;
    font-display: swap
}

* {
    box-sizing: border-box;
    font-family: "MontserratRegular", Arial, Helvetica, sans-serif
}

body {
    background: var(--main_bg);
    font-size: var(--text-font);
    margin: 0;
    overflow-x: hidden
}

a {
    color: var(--text-color);
    font-weight: 500;
    text-decoration: none
}

button {
    cursor: pointer
}

button, input, iframe, textarea {
    background: none;
    border: none;
    color: var(--text-color);
    font-size: var(--text-font);
    padding: 0;
    outline: none;
    margin: 0
}

textarea {
    resize: none
}

textarea::-moz-placeholder, input::-moz-placeholder {
    color: var(--disable-color);
    opacity: 0.5
}

textarea:-ms-input-placeholder, input:-ms-input-placeholder {
    color: var(--disable-color);
    opacity: 0.5
}

textarea::placeholder, input::placeholder {
    color: var(--disable-color);
    opacity: 0.5
}

.o-text-center {
    text-align: center
}

.logo {
    height: 40px
}

h3 {
    font-weight: 500
}

h1, h2, h3 {
    text-align: center;
    color: #b01900;
}

h1 {
    text-transform: uppercase;
    text-align: center;
    color: var(--primary-color);
    font-size: var(--h1-font);
    font-weight: bold;
    margin: 0
}

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

picture img {
    border-radius: 14px;
    margin: 20px auto;
}

h1 + p {
    text-align: center
}

h2 {
    margin-top: 0.83em;
    margin-bottom: 0
}

h2, .o-h2 {
    color: var(--text-color);
    font-size: var(--h2-font);
    font-weight: bold
}

h3 {
    margin-bottom: 0
}

.o-h3, h3 {
    color: var(--text-color);
    font-size: var(--h3-font)
}

h4 {
    color: var(--text-color)
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

p {
    color: var(--text-color);
}

main {
    position: relative;
    padding-top: 71px
}

.o-margin {
    --margin: 40px;
    margin-top: var(--margin) !important
}

.o-flex {
    display: flex
}

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

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

.o-align-start {
    align-items: flex-start
}

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

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

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

.o-flex-wrap.center {
    justify-content: center
}

.o-flex-column {
    display: flex;
    flex-direction: column
}

.o-gap-s {
    gap: 12px
}

.o-gap-m {
    gap: 18px
}

.o-gap-l {
    gap: 30px
}

.o-site-width, .site-width {
    width: 90%;
    max-width: var(--container-width);
    margin: auto
}

.lite-violet {
    background: var(--main_lighter)
}

.b-2 {
    align-items: center;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    padding: 50px 0
}

.b-2 img {
    width: 60vw;
    height: 60vw;
    max-width: 300px;
    max-height: 300px;
    opacity: 0.8;
    border-radius: 5px;
    margin-right: 80px
}

@media (min-width: 500px) {
    .b-2 {
        flex-direction: row
    }

    .b-2 img {
        width: 30vw;
        height: 30vw
    }
}

@media (max-width: 500px) {
    .b-2 > div {
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center
    }
}

.o-play-btn, .o-btn {
    align-items: center;
    border-radius: var(--btn-b-radius);
    color: var(--text-color);
    display: inline-flex;
    font-weight: 900;
    min-height: var(--btn-heigth);
    min-width: 160px;
    padding: 0 11px;
    transition: 0.2s ease-in-out;
    text-align: center;
    justify-content: center
}

.o-play-btn {
    background: var(--yellow-color);
    background: linear-gradient(var(--primary-color), var(--primary-color)) padding-box, linear-gradient(0deg, var(--brown-color) 0%, var(--yellow-color) 50%) border-box;
    border: 2px solid transparent;
    color: var(--brown-color)
}

.o-brand-ex-bonus-btn {
    color: var(--yellow-color);
    font-size: 14px;
    line-height: 30px;
    justify-content: center
}

.o-brand-ex-bonus-btn.lazyloaded::before {
    background-image: url(../img/icons/brandTable/bonus.svg)
}

.o-brand-ex-bonus-btn, .o-brand-promo-btn {
    align-items: center;
    display: flex;
    font-weight: bold;
    gap: 8px
}

.o-brand-ex-bonus-btn::before, .o-brand-promo-btn::before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.o-brand-promo-btn {
    border: 2px dashed #fff;
    font-size: 16px
}

.o-brand-promo-btn span {
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 59%
}

.o-brand-promo-btn.js-active.lazyloaded::before {
    background-image: url(../img/icons/brandTable/copyed.svg)
}

.o-brand-promo-btn.lazyloaded::before {
    background-image: url(../img/icons/brandTable/copy.svg);
    transition: 0.2s ease-in-out
}

.o-brand-logo {
    background: var(--main_bg);
    border-radius: var(--block-border-radius);
    padding: 28px 24px;
    height: 118px
}

.o-brand-logo img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.o-play-btn, .o-second-btn, .o-demo-btn {
    top: 0;
    position: relative
}

.o-play-btn {
    text-transform: uppercase
}

.o-play-btn--disable {
    border: none
}

.o-disabled {
    pointer-events: none;
    opacity: 0.5
}

.o-demo-btn, .o-second-btn {
    background: linear-gradient(var(--blue-color), var(--blue-color)) padding-box, linear-gradient(0deg, #fff 0%, var(--blue-color) 50%) border-box;
    border: 2px solid transparent;
    width: -moz-fit-content;
    width: fit-content
}

.o-demo-btn {
    font-size: 14px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .o-demo-btn {
        font-size: 16px
    }
}

.js-lock-scroll, .o-locked, .o-h {
    overflow: hidden
}

.text {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.text .text-header {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2)
}

.b-4 {
    margin-bottom: 40px
}

/*.text img:not([class]) {
    width: 400px;
    float: left;
    margin: 20px 50px 20px 0
}*/

ol li, ul li {
    color: var(--text-color)
}

.o-h3-link {
    color: var(--text-color)
}

.o-poland.is-load {
    background: url(../img/flags/poland.svg)
}

.o-austria.is-load {
    background: url(../img/flags/austria.svg)
}

.c-flex-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    list-style: none;
    padding: 5px
}

.c-flex-list li {
    background-color: var(--main_lighter);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 10px;
    border: 2px solid var(--primary-color);
    min-width: 240px;
    min-height: 300px
}

.c-flex-list__number {
    font-size: 120px;
    font-weight: 500
}

.o-hidden-iframe, .o-hidden, .js-hidden {
    display: none
}

.o-overflow {
    overflow-y: hidden
}

.o-red-bold {
    color: red;
    font-size: 24px
}

.o-uppercase {
    font-size: 50px
}

.o-caps {
    text-transform: uppercase
}

.o-text-center, .o-center {
    text-align: center
}

.o-list-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.o-list-columns li {
    flex: 1 0 200px
}

.o-container {
    box-sizing: border-box;
    padding: 15px;
    max-width: 1920px;
    margin: 0 auto
}

ol:not([class]) li, ul:not([class]) li {
    padding: 7px 0
}

.js-opacity {
    opacity: 1
}

.o-feature-list {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 10px
}

.o-feature-list li {
    border-bottom: 1px solid #fff;
    margin: 0 0 20px 0
}

.o-flexible-content {
    display: flex;
    flex-direction: column
}

img.o-map-img {
    display: block;
    float: initial;
    margin: 0 auto;
    max-width: 400px;
    width: 100%
}

.o-iframe {
    margin: 0 auto;
    max-width: 100%
}

img.o-img-center {
    display: block;
    margin: 15px auto;
    max-width: 100%
}

.o-img-cover {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%
}

.o-yellow-title {
    color: var(--primary-color);
    font-size: 28px;
    text-align: center
}

.o-flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 15px 0
}

.o-flex-wrapper__item {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    display: flex;
    flex-direction: column;
    flex: 1 0 290px;
    gap: 16px;
    padding: var(--main-padding);
    min-height: 150px;
    max-width: 100%
}

.o-flex-wrapper__top * {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    text-align: center
}

.o-flex-wrapper__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 18px;
    flex-grow: 1
}

.o-flex-wrapper__body * {
    margin: 0
}

.o-quote__p {
    --icon-size: 25px;
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    padding: calc(var(--main-padding) + var(--icon-size)) var(--main-padding);
    font-weight: 500;
    font-style: italic;
    position: relative
}

.o-quote__p::before, .o-quote__p::after {
    background-image: url(../img/characters/quotes.png);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    height: var(--icon-size);
    width: var(--icon-size)
}

.o-quote__p::before {
    top: 16px;
    left: 16px
}

.o-quote__p::after {
    bottom: 16px;
    right: 16px
}

.o-custom-block {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    border: 1px solid var(--primary-color);
    font-size: 18px;
    padding: 12px
}

.o-custom-block b {
    font-size: 28px
}

.o-broke-link {
    word-break: break-all
}

.o-block-center {
    margin-left: auto;
    margin-right: auto
}

.o-list-reset {
    padding: 0;
    list-style: none;
    margin: 0
}

.o-primary-color {
    color: var(--primary-color)
}

.o-bold {
    font-weight: bold
}

.o-box-padding, .o-box-v-padding {
    padding-top: 20px;
    padding-bottom: 20px
}

.o-box-h-padding, .o-box-padding {
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .o-box-h-padding, .o-box-padding {
        padding-left: 30px;
        padding-right: 30px
    }
}

.o-rating-stars {
    stroke: var(--yellow-color)
}

.o-close-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 35px;
    width: 35px
}

.o-close-btn.lazyloaded {
    background-image: url(../img/icons/general/close.svg)
}

.o-scrollbar-x {
    --height: 8px;
    --color: color-mix(in srgb, #fff 30%, transparent);
    padding-bottom: var(--height);
    overflow-x: auto
}

.o-scrollbar-x::-webkit-scrollbar {
    height: var(--height)
}

.o-scrollbar-x::-webkit-scrollbar-thumb {
    border-radius: var(--height);
    background: var(--color)
}

.o-disable-text {
    color: var(--text_grey);
    line-height: 100%;
    font-size: 14px
}

.js-disable {
    pointer-events: none;
    opacity: 0.5
}

.o-demo-close-btn.lazyloaded {
    background-image: url(../img/icons/slot/close.svg)
}

.o-demo-resize-btn.lazyloaded {
    background-image: url(../img/icons/slot/full-screen.svg)
}

.o-demo-resize-btn.lazyloaded.js-fullScreen {
    background-image: url(../img/icons/slot/off-full-screen.svg)
}

.o-demo-close-btn, .o-demo-resize-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    height: var(--btn-size);
    width: var(--btn-size)
}

.c-header {
    --inner: 16px;
    background: var(--main_lighter);
    border-bottom: 3px solid #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: var(--header-height);
    width: 100%;
    z-index: 99
}

.c-header__container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    height: 100%
}

.c-header__support-icon {
    height: 45px;
    width: 45px
}

.c-header__nav {
    background: var(--main_bg);
    border-bottom: 3px inset #fff;
    position: absolute;
    left: 0;
    top: var(--header-height);
    transition: 0.2s ease-in-out;
    opacity: 0;
    max-height: 0vh;
    overflow-y: auto;
    width: 100%;
    z-index: 3
}

.c-header__nav::-webkit-scrollbar {
    background: none;
    height: 4px;
    width: 4px
}

.c-header__nav::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 3px
}

.c-header__nav.js-active {
    max-height: calc(100dvh - var(--header-height));
    opacity: 1
}

.c-header__nav.js-active::after {
    opacity: 1;
    visibility: visible
}

.c-header__nav::after {
    background: color-mix(in srgb, #000 70%, transparent);
    content: "";
    position: fixed;
    left: 0;
    top: var(--header-height);
    transition: 0.2s ease-in-out;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    height: 100dvh;
    width: 100%;
    z-index: -1
}

.c-header__nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.c-header__nav li:not(:first-child) {
    border-top: 1px solid var(--disable-color)
}

.c-header__nav a {
    display: inline-block;
    padding: 10px 0;
    width: 100%
}

.c-header__menu li > a {
    align-items: center;
    display: flex;
    padding-left: var(--inner)
}

.c-header__menu-item {
    --drop-btn-size: 40px;
    background: var(--main_bg);
    display: grid;
    grid-template-columns:1fr calc(var(--drop-btn-size) + var(--inner));
    gap: 0 16px
}

.c-header__menu-drop-btn {
    align-items: center;
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: var(--inner);
    height: 100%;
    width: var(--drop-btn-size)
}

.c-header__menu-drop-btn.js-active::after {
    rotate: -90deg
}

.c-header__menu-drop-btn::after {
    background-image: url(../img/icons/right-chevron.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    rotate: 90deg;
    transition: 0.2s ease-in-out;
    content: "";
    width: 20px;
    height: 20px
}

.c-header__drop-menu {
    grid-column: 1/3;
    max-height: 0vh;
    transition: 0.2s ease-in-out;
    overflow: hidden
}

.c-header__drop-menu.js-active {
    max-height: 100dvh
}

.c-header__drop-menu li {
    background: var(--main_lighter);
    border-top: 1px solid var(--disable-color)
}

.c-header__drop-menu li > a {
    padding-left: calc(var(--inner) + 6px)
}

.c-header__drop-menu a {
    font-size: 14px
}

.c-header__drop-menu .c-header__drop-menu li {
    background: #2d2c46;
    background: color-mix(in srgb, var(--main_lighter) 70%, #fff)
}

.c-header__drop-menu .c-header__drop-menu li > a {
    padding-left: calc(var(--inner) + 12px)
}

.c-burger {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    margin-left: auto;
    height: 40px;
    width: 40px
}

.c-burger span, .c-burger::before, .c-burger::after {
    background: #fff;
    height: 2px;
    width: 30px
}

.c-burger::before, .c-burger::after {
    content: ""
}

@media (min-width: 1300px) {
    .c-header__container {
        gap: 16px
    }

    .c-header__nav {
        background: none;
        border: none;
        position: initial;
        opacity: 1;
        max-height: initial;
        overflow: initial
    }

    .c-header__menu {
        display: flex;
        justify-content: flex-end;
        gap: 16px
    }

    .c-header__menu a {
        transition: 0.2s ease-in-out
    }

    .c-header__menu li > a {
        font-size: 14px;
        white-space: nowrap
    }

    .c-header__menu-item {
        background: none;
        grid-template-columns:1fr var(--drop-btn-size);
        position: relative
    }

    .c-header__menu-drop-btn {
        border-radius: 50%;
        margin: 0;
        transition: 0.2s ease-in-out
    }

    .c-header__menu-drop-btn::after {
        background-size: 14px
    }

    .c-header__menu-drop-btn.js-active, .c-header__menu-drop-btn:hover {
        background: var(--main_bg)
    }

    .c-header__menu > .c-header__menu-item > .c-header__drop-menu > li > a {
        position: relative
    }

    .c-header__menu > .c-header__menu-item > .c-header__drop-menu > li > a::after {
        background: var(--disable-color);
        content: "";
        left: 0;
        bottom: 0;
        position: absolute;
        transition: 0.2s ease-in-out;
        height: 1px;
        width: 0%
    }

    .c-header__menu > .c-header__menu-item > .c-header__drop-menu > li > a:hover::after {
        width: 100%
    }

    .c-header__menu li, .c-header__drop-menu li {
        border: none
    }

    .c-header__menu li:not(:first-child), .c-header__drop-menu li:not(:first-child) {
        border: none
    }

    .c-header__drop-menu li a {
        padding-left: 0
    }

    .c-header__drop-menu .c-header__menu-drop-btn:hover, .c-header__drop-menu .c-header__menu-drop-btn.js-active {
        background: var(--main_lighter)
    }

    .c-header__menu-item > .c-header__drop-menu {
        background: var(--main_bg);
        border-bottom: 2px solid var(--disable-color);
        position: fixed;
        top: var(--header-height);
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        gap: 16px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        max-height: initial;
        overflow: initial;
        width: 100%
    }

    .c-header__menu-item > .c-header__drop-menu[class] {
        padding: 16px calc(50% - var(--container-width) / 2)
    }

    .c-header__menu-item > .c-header__drop-menu.js-active {
        opacity: 1;
        visibility: visible
    }

    .c-header__menu-item > .c-header__drop-menu li {
        background: none
    }

    .c-header__menu-item > .c-header__drop-menu .c-header__drop-menu {
        background: var(--main_lighter);
        border-radius: var(--block-border-radius);
        display: flex;
        flex-direction: column;
        padding-top: initial;
        padding-bottom: initial;
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        max-height: calc(70dvh - var(--header-height));
        overflow-y: auto;
        width: 100%;
        z-index: 1
    }

    .c-header__menu-item > .c-header__drop-menu .c-header__drop-menu a:hover {
        background: var(--main_bg)
    }

    .c-header__menu-item > .c-header__drop-menu .c-header__drop-menu::-webkit-scrollbar {
        background: none;
        height: 4px;
        width: 4px
    }

    .c-header__menu-item > .c-header__drop-menu .c-header__drop-menu::-webkit-scrollbar-thumb {
        background: #fff;
        border-radius: 3px
    }

    .c-burger {
        display: none
    }
}

@media (min-width: 1440px) {
    .c-header {
        --container-width: 1400px
    }

    .c-header__menu li > a {
        font-size: 16px
    }
}

.describe-3 .b-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px
}

.describe-3 .b-1-1 {
    color: var(--text-color);
    font-size: 40px;
    padding: 50px 0 30px 0;
    margin-bottom: 30px;
    display: flex;
    width: 100%;
    min-width: 250px;
    justify-content: center;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2)
}

.describe-3 .b-1-2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    color: var(--text-color)
}

.describe-3 .b-1-2 h3 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 22px
}

.describe-3 .b-1-2 p {
    text-align: center;
    line-height: 26px
}

.describe-3 .b-1-2 > div {
    display: flex;
    flex-direction: column;
    flex: 1 1 300px;
    align-items: center;
    font-family: MontserratRegular, sans-serif
}

.describe-3 .b-1-2 > div {
    margin: 0 15px
}

.line-three {
    display: flex;
    align-items: center;
    padding: 0 0 50px 0;
    flex-wrap: wrap;
    gap: 30px;
    margin: 30px auto 0 auto;
    justify-content: center;
    max-width: 950px;
    width: 100%
}

.navigation {
    background: rgba(1, 0, 14, 0.98);
    position: fixed;
    z-index: 2;
    top: 0;
    border-right: 1px solid #fff;
    left: calc(-30vw - 51px)
}

.navigation .more-right {
    opacity: 0.5;
    left: 0;
    background: rgba(1, 0, 14, 0.98);
    display: none;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100px;
    position: fixed;
    top: calc(50% - 50px);
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.bg-circle {
    opacity: 0;
    z-index: -1;
    right: -50px;
    position: absolute;
    transform: scale(1);
    transform-origin: 0 50%;
    width: 50px;
    height: 100px;
    top: calc(50% - 50px);
    background: #fff;
    border-radius: 0 100% 100% 0/0 50% 50% 0
}

.navigation .more-right:hover {
    cursor: pointer
}

.navigation .more-right svg {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 8%;
    fill: var(--primary-color)
}

.navigation ul {
    overflow-y: scroll;
    margin: 0;
    padding-left: 50px;
    list-style-type: decimal;
    width: 30vw;
    height: 100vh
}

.nav-text ul a, .navigation ul a {
    color: var(--text-color);
    text-decoration: none;
    margin: 20px 0
}

.nav-text ul li, .navigation ul li {
    padding: 10px 0 10px 20px
}

.nav-text ul li:hover, .navigation ul li:hover {
    color: var(--primary-color)
}

.nav-box {
    display: flex;
    flex-direction: column
}

.nav-text {
    transition-duration: 0.4s;
    overflow-x: hidden;
    width: 50%;
    height: 100%;
    margin-right: 40px;
    margin-top: 29px
}

.nav-text ul {
    width: 100%;
    margin: 0;
    padding-left: 50px;
    list-style-type: decimal;
    background: var(--main_lighter);
    height: 110vh;
    overflow-y: scroll
}

.nav-text li {
    white-space: nowrap
}

.spawn-c {
    opacity: 0.8;
    background: rgba(1, 0, 14, 0.98);
    transform: scale(0);
    transition-duration: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 0
}

.spawn-c svg {
    left: 0;
    transition-duration: 1s;
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--primary-color)
}

@keyframes way {
    from {
        opacity: 0;
        left: 10vw;
        top: 0;
        width: 100px;
        border-radius: 50% 50% 50% 50%
    }
    50% {
        left: 7vw;
        top: 30%
    }
    80% {
        border-left: 1px solid #fff
    }
    to {
        border-left: none;
        opacity: 1;
        left: 0;
        top: calc(50% - 51px);
        width: 50px;
        border-radius: 0 100% 100% 0/0 50% 50% 0
    }
}

.responsible-gaming {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: center
}

.responsible-gaming__item {
    margin: 15px
}

.responsible-gaming__img {
    height: 30px;
    width: auto
}

.author-blockquote {
    --img-size: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%
}

.author-blockquote__container {
    align-items: center;
    background-color: var(--main_lighter);
    padding: 20px;
    border-radius: 10px;
    gap: 15px 30px;
    display: flex;
    flex-direction: column
}

.author-blockquote__img {
    border-radius: var(--block-border-radius);
    flex-basis: var(--img-size);
    height: var(--img-size);
    width: var(--img-size)
}

.author-blockquote__name a {
    font-size: var(--h3-font)
}

.author-blockquote__name, .author-blockquote__txt {
    color: var(--text-color);
    text-align: center
}

.author-blockquote__name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .author-blockquote__container {
        align-items: flex-start;
        flex-direction: row
    }

    .author-blockquote__name, .author-blockquote__txt {
        text-align: left
    }
}

.faq {
    width: 100%
}

.faq__title-holder {
    margin-bottom: 15px
}

.faq__title {
    color: var(--text-color)
}

.faq__item {
    background-color: #281864;
    box-shadow: 0 0 10px 5px #000;
    margin-bottom: 10px;
    border-radius: 10px
}

.faq__item:last-child {
    margin-bottom: 0
}

.faq__question {
    cursor: pointer;
    padding: 10px;
    color: var(--text-color);
    font-weight: 700;
    outline: 0;
    padding-left: 40px;
    position: relative;
    list-style: none
}

.faq__question h3 {
    margin: 0
}

.faq__question::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background-color: var(--text-color)
}

.faq__question::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 19.5px;
    transform: translateY(-50%);
    width: 2px;
    height: 20px;
    background-color: var(--text-color)
}

.faq__item[open] .faq__question::after {
    display: none
}

.faq__question::-webkit-details-marker {
    display: none
}

.faq__question::-moz-list-bullet {
    list-style-type: none
}

.faq__question::marker {
    display: none
}

.faq__answer {
    padding: 10px;
    border-top: 1px solid var(--main_bg);
    color: var(--text-color);
    font-weight: 300
}

.breadcrumbs {
    padding: 10px 15px;
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto
}

.breadcrumbs__list {
    display: flex;
    margin: 0;
    padding: 0;
    width: -moz-max-content;
    width: max-content
}

.breadcrumbs__item {
    list-style: none;
    padding-right: 30px;
    position: relative
}

.breadcrumbs__item::before {
    content: "/";
    position: absolute;
    font-size: 16px;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
    color: var(--text-color)
}

.breadcrumbs__item:last-child {
    padding-right: 0
}

.breadcrumbs__item:last-child::before {
    display: none
}

.breadcrumbs__link {
    color: var(--text-color);
    text-decoration: none
}

.breadcrumbs__link:hover {
    text-decoration: underline
}

table {
 color: white;
}

table, th, td {
 border: 1px solid;
}

.table-container {
    width: 100%;
    overflow-x: auto;
    margin: 10px 0
}

.table-container table {
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0 0 10px 5px #000;
    color: var(--text-color)
}

.table-container tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08)
}

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

.table-container th {
    background-color: var(--main_bg);
    padding: 15px 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    text-align: center
}

.table-container th:last-child {
    border-right: none
}

.table-container td {
    padding: 15px 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background-color: var(--main_lighter);
    text-align: center
}

.table-container td ol, .table-container td ul {
    list-style: none
}

.table-container td:last-child {
    border-right: none
}

.c-slots {
    --iframe-index: 11;
    --iframe-img-index: 10;
    --iframe-buttons-index: 12;
    --demo-controls-size: 35px;
    --inner-padding: 10px;
    padding: 30px 0;
    width: 100%
}

.c-slots__list {
    gap: 20px
}

.c-slots__title {
    margin-bottom: 25px
}

.c-slots__item {
    position: relative
}

.c-slots__img-wrapper:hover .c-slots__overlay {
    opacity: 1;
    visibility: visible
}

.c-slots__img {
    border-radius: var(--block-border-radius);
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.c-slots__name {
    color: var(--text-color);
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 260px;
    white-space: nowrap;
    width: 100%
}

.c-slots__overlay {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
    z-index: 2
}

.c-slots__img, .c-slots__overlay {
    height: 205px;
    width: 260px
}

.c-slots__demo-btn {
    height: 65px;
    width: 65px
}

.c-slots__demo-btn.lazyloaded {
    background-image: url(../img/icons/slot/play.svg)
}

.c-slots__demo-window {
    --play-btn-heigth: 50px;
    background: var(--main_lighter);
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99
}

.c-slots__demo-window.o-hidden-iframe {
    display: none
}

.c-slots__demo-window.js-fullScreen .c-slots__demo-window-wrapper {
    max-height: 100%;
    max-width: 100%
}

.c-slots__demo-window-wrapper {
    position: relative;
    max-height: 720px;
    max-width: 1280px;
    margin: var(--inner-padding);
    transition: 0.2s ease-in-out;
    height: 100%;
    width: 100%
}

.c-slots__demo-window-wrapper .o-play-btn {
    border: initial;
    bottom: var(--inner-padding);
    font-size: 18px;
    margin: 0 auto;
    left: var(--inner-padding);
    right: var(--inner-padding);
    top: initial;
    height: var(--play-btn-heigth);
    width: 247px;
    width: -moz-fit-content;
    width: fit-content
}

.c-slots__demo-window-wrapper .o-play-btn:hover {
    top: initial
}

.c-slots__demo-window-btns {
    top: var(--inner-padding);
    right: 0;
    z-index: var(--iframe-buttons-index)
}

.c-slots__demo-window-btns button {
    height: var(--demo-controls-size);
    width: var(--demo-controls-size)
}

.c-slots__demo-close-btn.lazyloaded {
    background-image: url(../img/icons/slot/close.svg)
}

.c-slots__demo-resize-btn.lazyloaded {
    background-image: url(../img/icons/slot/full-screen.svg)
}

.c-slots__demo-resize-btn.lazyloaded.js-fullScreen {
    background-image: url(../img/icons/slot/off-full-screen.svg)
}

.c-slots__demo-close-btn, .c-slots__demo-resize-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px
}

.c-slots__demo-iframe {
    border-radius: var(--block-border-radius);
    z-index: var(--iframe-index)
}

.c-slots__iframe-img {
    border-radius: var(--block-border-radius);
    -o-object-fit: cover;
    object-fit: cover;
    filter: brightness(50%);
    z-index: var(--iframe-img-index)
}

.c-slots__iframe-img, .c-slots__demo-iframe, .c-slots__demo-window-btns, .c-slots__demo-window-wrapper .o-play-btn {
    position: absolute
}

.c-slots__demo-iframe, .c-slots__iframe-img {
    left: 0;
    bottom: calc(var(--inner-padding) + var(--play-btn-heigth));
    top: calc(var(--demo-controls-size) + var(--inner-padding) * 2);
    height: calc(
            100% - var(--demo-controls-size) - var(--inner-padding) * 4 -
            var(--play-btn-heigth));
    width: 100%
}

.c-slot-page__fs {
    padding-top: 30px
}

.c-slot-page__iframe {
    border: 2px solid var(--primary-color);
    border-radius: var(--block-border-radius)
}

.c-slot-page__iframe-unavailable {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px;
    position: relative;
    height: 500px;
    width: 100%
}

.c-slot-page__iframe-unavailable p {
    color: var(--text-color);
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    width: 100%;
    z-index: 2
}

.c-slot-page__iframe-unavailable .c-slot-page__iframe-unavailable--blur {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block;
    filter: blur(5px);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.c-slot-info {
    --icon-size: 45px;
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    padding: 10px 15px;
    margin: 30px 0
}

@media (min-width: 768px) {
    .c-slot-info {
        gap: 30px 15px
    }
}

@media (min-width: 992px) {
    .c-slot-info {
        padding: 30px 50px
    }
}

.c-slot-info__item {
    display: grid;
    grid-template-columns:var(--icon-size) 1fr;
    flex: 1 0 218px;
    gap: 0 10px
}

@media (min-width: 768px) {
    .c-slot-info__item {
        flex: 1 0 45%
    }
}

@media (min-width: 1200px) {
    .c-slot-info__item {
        flex: 1 0 20%
    }
}

.c-slot-info__title {
    font-size: 12px
}

@media (min-width: 768px) {
    .c-slot-info__title {
        font-size: 14px
    }
}

.c-slot-info__info {
    font-weight: bold;
    text-transform: capitalize
}

.c-slot-info__info a {
    text-decoration: underline
}

.c-slot-info__img-wrap {
    background: var(--main_bg);
    border-radius: 50%;
    grid-row: 1/3;
    height: var(--icon-size);
    width: var(--icon-size)
}

.c-slot-info__img {
    -o-object-fit: contain;
    object-fit: contain
}

.c-slot-multiplier__item {
    align-items: center;
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    display: flex;
    flex: 1 0 240px;
    gap: 15px;
    padding: 15px 10px
}

@media (min-width: 992px) {
    .c-slot-multiplier__item {
        flex: 0 290px
    }
}

.c-slot-multiplier li {
    font-weight: bold
}

.c-slot-multiplier li::first-letter {
    color: var(--yellow-color)
}

.c-slot-multiplier li::first-letter + * {
    color: var(--yellow-color)
}

.c-slot-multiplier__img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content__wrapper {
    position: relative;
    padding-top: var(--main-padding);
    padding-bottom: calc(45px / 2)
}

.main-content__content {
    max-height: 200px;
    transition: 0.2s ease-in;
    position: relative;
    overflow: hidden
}

.main-content__content.js-active {
    margin-bottom: 20px
}

.c-more-text-btn {
    background-color: color-mix(in srgb, var(--main_bg) 30%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-image: url(../img/icons/plus.svg);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.2s ease-in-out;
    height: 45px;
    width: 100%
}

.c-more-text-btn.js-active {
    translate: 0 100%;
    margin-bottom: 40px
}

.table-of-content {
    background: var(--main_lighter);
    border-bottom: 1px solid var(--primary-color);
    position: sticky;
    top: 71px;
    left: 0;
    transition: all 0.2s ease-in-out;
    height: var(--toc-height);
    overflow: hidden;
    width: 100% !important;
    z-index: 3
}

.table-of-content__list {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

.table-of-content__list::after {
    background: url(../img/icons/toc-arrow.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 30px
}

.table-of-content li {
    width: -moz-fit-content;
    width: fit-content
}

.table-of-content li.active {
    order: -1
}

.table-of-content a {
    color: var(--text-color);
    display: inline-block;
    padding: 10px 0 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 270px
}

@media (min-width: 768px) {
    .table-of-content a {
        max-width: initial;
        overflow: initial
    }
}

.c-criteria {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid var(--primary-color);
    background-color: var(--main_lighter)
}

.c-criteria__title {
    font-size: 2.4rem;
    text-align: center
}

.c-criteria__criteria-container {
    counter-reset: position
}

.c-criteria__criterion {
    position: relative;
    padding-left: 27px;
    counter-increment: position;
    margin-bottom: 10px
}

.c-criteria__criterion::after {
    content: counter(position);
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-weight: 700;
    color: var(--primary-color);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-criteria__criterion-link {
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 500;
    color: var(--text-color)
}

@media (min-width: 768px) {
    .c-criteria__criteria-container {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        justify-content: flex-end
    }

    .c-criteria__criteria-container::before {
        content: "";
        position: absolute;
        width: 29%;
        height: 100%;
        background-image: url(../img/icons/tick.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        left: 1%;
        top: 50%;
        transform: translateY(-50%)
    }

    .c-criteria__criterion {
        flex-basis: 35%;
        position: relative
    }
}

.c-providers {
    margin: 20px 0
}

.c-providers__title {
    font-size: 2.4rem
}

.c-providers__holder {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-providers__provider-wrapper {
    display: flex;
    margin-bottom: 20px
}

.c-providers__card {
    background-color: var(--main_lighter);
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    will-change: transform;
    transition: all ease 0.4s
}

.c-providers__card:hover .c-providers__logo-link::before {
    width: 500px;
    height: 500px
}

.c-providers__card:hover .c-providers__logo {
    transform: scale(1.1)
}

.c-providers__logo-holder {
    height: 190px;
    overflow: hidden;
    position: relative
}

.c-providers__logo-link::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.2);
    transition: all ease 0.4s;
    z-index: 1;
    border-radius: 50%
}

.c-providers__logo {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all ease 0.4s
}

.c-providers__card-caption {
    padding: 20px;
    border-top: 1px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-providers__provider-title {
    font-size: 2rem;
    color: var(--text-color);
    text-align: center;
    margin: 0 0 10px
}

.c-providers-list li {
    background: #fff;
    border-radius: 5px;
    max-width: 250px;
    margin: 5px 10px;
    transition: all 0.3s ease-in-out;
    height: 160px
}

.c-providers-list li:hover {
    box-shadow: 0 0 10px #fff;
    transform: scale(1.05)
}

.c-providers-list__link {
    align-items: center;
    height: 100%;
    display: flex
}

.c-providers-list__link img {
    border-radius: 5px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.c-providers-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    list-style: none;
    padding: 0
}

@media (min-width: 768px) {
    .c-providers__holder {
        flex-direction: row;
        flex-wrap: wrap
    }

    .c-providers__provider-wrapper {
        flex-basis: 50%;
        margin-bottom: 25px
    }
}

@media (min-width: 1200px) {
    .c-providers__provider-wrapper {
        flex-basis: 25%;
        display: flex;
        align-self: stretch;
        margin-bottom: 0
    }

    .c-providers__card {
        margin: 0 10px;
        display: flex;
        flex-direction: column
    }

    .c-providers__logo-holder {
        min-height: 125px;
        height: 125px
    }

    .c-providers__card-caption {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%
    }
}

.c-payments {
    padding: 30px 0
}

.c-payments__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    background-color: var(--main_lighter);
    border-radius: 15px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.4)
}

.c-payments__link {
    display: block;
    width: 100px;
    height: 40px;
    margin: 15px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: grayscale(100%);
    transition: all ease 0.4s
}

.c-payments__link:hover {
    filter: grayscale(0)
}

.c-payments__link.p-astropay.lazyloaded {
    background-image: url(../img/payments/p-astropay.svg)
}

.c-payments__link.p-atf24.lazyloaded {
    background-image: url(../img/payments/p-atf24.svg)
}

.c-payments__link.p-banking.lazyloaded {
    background-image: url(../img/payments/p-banking.svg)
}

.c-payments__link.p-boleto-ebaac.lazyloaded {
    background-image: url(../img/payments/p-boleto-ebaac.svg)
}

.c-payments__link.p-btc_accepted.lazyloaded {
    background-image: url(../img/payments/p-btc_accepted.svg)
}

.c-payments__link.p-ecopayz.lazyloaded {
    background-image: url(../img/payments/p-ecopayz_1.svg)
}

.c-payments__link.p-etransfer.lazyloaded {
    background-image: url(../img/payments/p-etransfer.svg)
}

.c-payments__link.p-flexepin.lazyloaded {
    background-image: url(../img/payments/p-flexepin.svg)
}

.c-payments__link.p-interac.lazyloaded {
    background-image: url(../img/payments/p-interac.svg)
}

.c-payments__link.p-jeton_voucher.lazyloaded {
    background-image: url(../img/payments/p-jeton_voucher.svg)
}

.c-payments__link.p-jeton_wallet.lazyloaded {
    background-image: url(../img/payments/p-jeton_wallet.svg)
}

.c-payments__link.p-maestro.lazyloaded {
    background-image: url(../img/payments/p-maestro_1.svg)
}

.c-payments__link.p-mastercard.lazyloaded {
    background-image: url(../img/payments/p-mastercard_1.svg)
}

.c-payments__link.p-muchbetter.lazyloaded {
    background-image: url(../img/payments/p-muchbetter.svg)
}

.c-payments__link.p-neteller.lazyloaded {
    background-image: url(../img/payments/p-neteller_1.svg)
}

.c-payments__link.p-paysafecard.lazyloaded {
    background-image: url(../img/payments/p-paysafecard_1.svg)
}

.c-payments__link.p-perfectmoney.lazyloaded {
    background-image: url(../img/payments/p-perfectmoney.svg)
}

.c-payments__link.p-skrill.lazyloaded {
    background-image: url(../img/payments/p-skrill_1.svg)
}

.c-payments__link.p-sticpay_wallet.lazyloaded {
    background-image: url(../img/payments/p-sticpay_wallet.svg)
}

.c-payments__link.p-trustly.lazyloaded {
    background-image: url(../img/payments/p-trustly.svg)
}

.c-payments__link.p-visa.lazyloaded {
    background-image: url(../img/payments/p-visa_1.svg)
}

.c-payments__link.p-paypal.lazyloaded {
    background-image: url(../img/payments/p-paypal.svg)
}

.c-payments__link.p-bitcoin.lazyloaded {
    background-image: url(../img/payments/p-bitcoin.svg)
}

.c-payments__link.p-e-wallet.lazyloaded {
    background-image: url(../img/payments/p-e-wallet.svg)
}

.c-payments__link.p-credit-card.lazyloaded {
    background-image: url(../img/payments/p-credit-card.svg)
}

.c-payments__link.p-zimpler.lazyloaded {
    background-image: url(../img/payments/p-zimpler.svg)
}

.c-payments__link.p-eco-payz.lazyloaded {
    background-image: url(../img/payments/p-eco-payz.svg)
}

.c-payments__link.p-klarna.lazyloaded {
    background-image: url(../img/payments/p-klarna.svg)
}

.c-payments__link.p-apple-pay.lazyloaded {
    background-image: url(../img/payments/p-apple-pay.svg)
}

.c-payments__link.p-muchbetter.lazyloaded {
    background-image: url(../img/payments/p-muchbetter.svg)
}

.c-payments__link.p-lastschrift.lazyloaded {
    background-image: url(../img/payments/p-lastschrift.png)
}

.c-payments__link.p-pay-cell-phone.lazyloaded {
    background-image: url(../img/payments/p-pay-cell-phone.svg)
}

.c-payments__link.p-giropay.lazyloaded {
    background-image: url(../img/payments/p-giropay.svg)
}

.c-payments__link.p-paypal.lazyloaded {
    background-image: url(../img/payments/p-paypal.svg)
}

.c-payments__link.p-transfer24.lazyloaded {
    background-image: url(../img/payments/transfer-24.svg)
}

.c-payments__link.p-blik.lazyloaded {
    background-image: url(../img/payments/blik.svg)
}

.c-payments__link.p-sms.lazyloaded {
    background-image: url(../img/payments/sms.svg)
}

.c-payments__link.p-giropay.lazyloaded {
    background-image: url(../img/payments/p-giropay.svg)
}

.c-payments__link.p-jeton.lazyloaded {
    background-image: url(../img/payments/p-jeton_wallet.svg)
}

.c-payments__link.p-revolut.lazyloaded {
    background-image: url(../img/payments/p-revolut.svg)
}

.c-payments__link.p-neosurf.lazyloaded {
    background-image: url(../img/payments/neosurf.png)
}

.c-payments__link.p-bitcoin.lazyloaded {
    background-image: url(../img/payments/bitcoin.svg)
}

ul.c-stylized-list {
    position: relative;
    background-color: var(--main_lighter);
    padding: 10px;
    margin: 15px 0
}

.c-stylized-list::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: var(--primary-color)
}

.c-stylized-list__item {
    margin-bottom: 15px
}

.c-stylized-list__item:last-child {
    margin-bottom: 0
}

.c-stylized-list__txt {
    font-size: 1.6rem;
    color: var(--text-color);
    line-height: 1.5;
    word-wrap: break-word
}

.c-stylized-list__txt_colored {
    color: var(--text-color);
    font-weight: 700
}

.c-nav-bricks {
    background-color: var(--main_lighter);
    margin: 15px 0
}

.c-nav-bricks__container {
    display: flex;
    flex-direction: column;
    padding: 10px
}

.c-nav-bricks__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px
}

.c-nav-bricks__link {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #281864;
    padding: 10px;
    text-decoration: none;
    align-items: center;
    transition: all ease 0.3s
}

.c-nav-bricks__link:hover {
    background-color: var(--main_bg)
}

.c-nav-bricks__icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.c-nav-bricks__icon.new-casinos.lazyloaded {
    background-image: url(../img/icons/new.svg)
}

.c-nav-bricks__icon.mobile-casinos.lazyloaded {
    background-image: url(../img/brandsAssets/smartphone.svg)
}

.c-nav-bricks__icon.without-registration.lazyloaded {
    background-image: url(../img/icons/web.svg)
}

.c-nav-bricks__icon.live-casinos.lazyloaded {
    background-image: url(../img/icons/live.svg)
}

.c-nav-bricks__icon.bonus-casinos.lazyloaded {
    background-image: url(../img/icons/giftbox.svg)
}

.c-nav-bricks__icon.app-casinos.lazyloaded {
    background-image: url(../img/icons/poker.svg)
}

.c-nav-bricks__icon.low-stake.lazyloaded {
    background-image: url(../img/icons/poker-chips.svg)
}

.c-nav-bricks__icon.hight-roller.lazyloaded {
    background-image: url(../img/icons/casino-chip.svg)
}

.c-nav-bricks__icon.german-casinos.lazyloaded {
    background-image: url(../img/flags/poland.svg)
}

.c-nav-bricks__link-title {
    color: var(--text-color);
    font-size: 1.6rem;
    font-weight: 700;
    word-break: break-word
}

@media (min-width: 768px) {
    .c-nav-bricks__container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .c-nav-bricks__item {
        flex-basis: 32%
    }
}

.c-steps {
    margin: 15px 0
}

ul.c-steps__list {
    counter-reset: count;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-steps__item {
    --num-size: 30px;
    --num-inner: 16px;
    background-color: var(--main_lighter);
    border-radius: var(--block-border-radius);
    margin-bottom: 15px;
    position: relative;
    padding: var(--main-padding) var(--main-padding) var(--main-padding) calc(var(--main-padding) + var(--num-size) + var(--num-inner))
}

.c-steps__item:last-child {
    margin-bottom: 0
}

.c-steps__item-num {
    align-items: center;
    background-color: var(--main_bg);
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    counter-increment: count;
    display: flex;
    font-weight: 700;
    font-size: calc(var(--num-size) / 2);
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: var(--num-inner);
    width: var(--num-size);
    height: var(--num-size)
}

.c-steps__item-num::before {
    content: counter(count)
}

.c-steps__title {
    font-size: 1.8rem;
    margin-bottom: 5px
}

.c-steps__desc {
    font-size: 1.6rem
}

.c-plus-and-minus {
    margin: 15px 0
}

.c-plus-and-minus__container {
    display: flex;
    flex-direction: column
}

.c-plus-and-minus__item {
    background-color: var(--main_lighter);
    border: 1px solid var(--primary-color);
    margin-bottom: 10px
}

.c-plus-and-minus__item:last-child {
    margin-bottom: 0
}

.c-plus-and-minus__header-container {
    background-color: #281864;
    padding: 15px;
    border-bottom: 1px solid #fff
}

.c-plus-and-minus__header {
    margin: 0
}

.c-plus-and-minus__points-holder {
    padding: 25px
}

.c-plus-and-minus__points-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.c-plus-and-minus__point {
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative
}

.c-plus-and-minus__point:last-child {
    margin-bottom: 0
}

.c-plus-and-minus__point::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 19px;
    left: 0;
    transform: translateY(-100%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.c-plus-and-minus__point_plus::before {
    background-image: url(../img/icons/check.svg)
}

.c-plus-and-minus__point_minus::before {
    background-image: url(../img/icons/close.svg)
}

@media (min-width: 768px) {
    .c-plus-and-minus__container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .c-plus-and-minus__item {
        flex-basis: 48%;
        margin-bottom: 0
    }
}

.c-hintbox {
    margin: 15px 0
}

.c-hintbox__container {
    padding: 20px;
    background-color: var(--main_lighter);
    border: 2px solid var(--primary-color)
}

.c-hintbox__img-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px
}

.c-hintbox__img-holder img {
    width: initial;
    float: initial;
    margin: initial
}

.c-hintbox__content {
    margin: 0 0 30px
}

.c-license-section {
    margin: 15px 0
}

.c-license-section__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-license-section__license-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.c-license-section__item {
    min-width: 200px;
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 10px;
    background-color: #281864;
    border-radius: 10px
}

.c-license-section__info {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-license-section__logo-holder {
    width: 170px;
    height: 90px;
    margin-bottom: 5px;
    background-image: url(../img/icons/license-icons.png)
}

.c-license-section__logo-holder.mga {
    background-position: 0 0
}

.c-license-section__logo-holder.gra {
    background-position: 0 -90px
}

.c-license-section__logo-holder.gsc {
    background-position: 0 -360px
}

.c-license-section__logo-holder.gc {
    background-position: 0 -270px
}

.c-license-section__logo-holder.dl {
    background-image: url(../img/licence/germany-license.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.c-license-section__title {
    border-top: 1px solid var(--primary-color);
    padding-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    word-break: break-all;
    font-weight: 500;
    color: var(--text-color)
}

.c-countries {
    margin: 15px 0
}

.c-countries__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-countries__item-wrapper {
    flex-basis: 50%;
    display: flex;
    justify-content: center
}

.c-countries__item {
    background-color: var(--main_lighter);
    border-radius: 10px;
    padding: 10px;
    width: 80%;
    margin: 10px 0
}

.c-countries__flag {
    width: 100%;
    max-height: 250px;
    height: 40vw;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px
}

.c-countries__flag.netherlands.lazyloaded {
    background-image: url(../img/flags/netherlands.svg)
}

.c-countries__flag.germany.lazyloaded {
    background-image: url(../img/flags/germany.svg)
}

.c-countries__flag.great-britain.lazyloaded {
    background-image: url(../img/flags/united-kingdom.svg)
}

.c-countries__flag.norway.lazyloaded {
    background-image: url(../img/flags/norway.svg)
}

.c-countries__flag.sweden.lazyloaded {
    background-image: url(../img/flags/sweden.svg)
}

.c-countries__flag.usa.lazyloaded {
    background-image: url(../img/flags/united-states.svg)
}

.c-countries__flag.australia.lazyloaded {
    background-image: url(../img/flags/australia.svg)
}

.c-countries__flag.czech-republic.lazyloaded {
    background-image: url(../img/flags/czech-republic.svg)
}

.c-countries__flag.austria.lazyloaded {
    background-image: url(../img/flags/austria.svg)
}

.c-countries__flag.belgium.lazyloaded {
    background-image: url(../img/flags/belgium.svg)
}

.c-countries__flag.spain.lazyloaded {
    background-image: url(../img/flags/spain.svg)
}

.c-countries__flag.switzerland.lazyloaded {
    background-image: url(../img/flags/switzerland.svg)
}

.c-countries__flag.ireland.lazyloaded {
    background-image: url(../img/flags/ireland.svg)
}

.c-countries__flag.canada.lazyloaded {
    background-image: url(../img/flags/canada.svg)
}

.c-countries__flag.france.lazyloaded {
    background-image: url(../img/flags/france.svg)
}

.c-countries__flag.italy.lazyloaded {
    background-image: url(../img/flags/italy.svg)
}

.c-countries__title {
    border-top: 1px solid var(--primary-color);
    padding-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    word-break: break-all;
    font-weight: 500;
    color: var(--text-color)
}

.c-country-states {
    margin: 15px 0;
    padding: 20px;
    border: 1px solid var(--primary-color);
    background-color: var(--main_lighter)
}

.c-country-states__title {
    font-size: 2.4rem;
    word-wrap: break-word;
    text-align: center
}

.c-country-states__list {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    position: relative
}

.c-country-states__state-item {
    display: flex;
    margin-bottom: 15px;
    align-items: center
}

.c-country-states__state-flag {
    width: 30px;
    height: 20px;
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.c-country-states__state-flag.warsaw.lazyloaded {
    background-image: url(../img/states/warsaw.jpg)
}

.c-country-states__state-flag.lublin.lazyloaded {
    background-image: url(../img/states/lublin.jpg)
}

.c-country-states__state-flag.lodz.lazyloaded {
    background-image: url(../img/states/lodz.jpg)
}

.c-country-states__state-flag.gdansk.lazyloaded {
    background-image: url(../img/states/gdansk.jpg)
}

.c-country-states__state-flag.bydgoszcz.lazyloaded {
    background-image: url(../img/states/bydgoszcz.jpg)
}

.c-country-states__state-flag.katowice.lazyloaded {
    background-image: url(../img/states/katowice.jpg)
}

.c-country-states__state-flag.rzeszow.lazyloaded {
    background-image: url(../img/states/rzeszow.jpg)
}

.c-country-states__state-flag.wroclaw.lazyloaded {
    background-image: url(../img/states/wroclaw.jpg)
}

.c-country-states__state-flag.szczecin.lazyloaded {
    background-image: url(../img/states/szczecin.jpg)
}

.c-country-states__state-flag.gdynia.lazyloaded {
    background-image: url(../img/states/gdynia.jpg)
}

.c-country-states__state-flag.torun.lazyloaded {
    background-image: url(../img/states/torun.jpg)
}

.c-country-states__state-flag.krakow.lazyloaded {
    background-image: url(../img/states/krakow.jpg)
}

.c-country-states__state-flag.poznan.lazyloaded {
    background-image: url(../img/states/poznan.jpg)
}

.c-country-states__state-name {
    text-decoration: none;
    font-size: 1.6rem;
    color: var(--text-color)
}

.c-country-states__state-name:hover {
    text-decoration: underline
}

.c-video {
    width: 100%;
    margin: 15px auto;
    position: relative;
    padding-top: 56.25%
}

.c-video__movie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-top-btn-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.c-top-btn-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 60px
}

.c-top3__casino-img[class] {
    margin: 0
}

.c-top3__casino-rating {
    padding: 15px 0;
    border-radius: 15px
}

.c-table__states td img {
    max-width: 50px;
    border-radius: 50%;
    margin: 0 10px
}

.c-table__states td {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-table__states tr {
    display: flex
}

.c-table__states td:last-child {
    flex-direction: column;
    width: 100%
}

.c-bonuses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 50px 15px 15px 15px;
    margin: 10px auto;
    width: 100%
}

.c-bonus {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 250px;
    margin: 5px 10px;
    border: 2px solid #fff;
    padding: 10px;
    border-radius: 5px
}

.c-bonus__btn {
    text-align: center
}

.c-bonus__title {
    color: var(--text-color);
    margin: 10px 0;
    font-size: 22px;
    text-align: center
}

.c-bonus__title:hover {
    cursor: pointer;
    text-decoration: underline
}

.c-bonus img {
    max-width: 110px;
    max-height: 60px;
    margin: 0
}

.c-bonus p {
    text-align: center
}

.c-calculator {
    align-items: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    color: var(--text-color);
    max-width: 500px;
    background: var(--main_lighter);
    padding: 0 15px 15px 15px;
    margin: 30px auto
}

.c-calculator__title {
    background: #4f4776;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 15px
}

.c-calculator__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.c-calculator__tabs img {
    max-width: 50px;
    max-height: 30px;
    margin: 0 10px 0 0
}

.c-calculator__tabs div {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 5px;
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent;
    padding: 5px;
    border-radius: 5px
}

.c-calculator__tabs div:hover {
    border-color: var(--text-color)
}

.c-calculator__tabs div p {
    font-size: 14px
}

div.js-active-tab {
    border: 2px solid #fff
}

.c-calculator_tabs-item {
    display: none
}

.js-active__tabs-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-calculator_tabs-items {
    width: 100%
}

.c-calculator__input {
    width: 80%;
    padding: 15px;
    border-radius: 5px;
    outline: 0
}

.c-calcutor__bottom-text {
    font-size: 12px;
    margin: 5px 0 30px 0;
    color: grey
}

.c-calculator__result {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #4f4776;
    color: #dcd9d5;
    font-size: 14px
}

.c-vacancy-wrapper h3 {
    padding: 15px 0
}

.c-vacancy-wrapper p {
    padding: 15px 0
}

.c-vacancy-list[class] {
    list-style: url(../img/icons/spades-icon.png);
    padding-left: 40px
}

.c-vacancy-list li {
    padding: 10px 0
}

.c-vacancy-table {
    color: var(--text-color);
    margin: 30px auto;
    width: -moz-fit-content;
    width: fit-content
}

.c-vacancy-table table {
    border-collapse: collapse
}

.c-vacancy-table th {
    font-size: 22px
}

.c-vacancy-table td, .c-vacancy-table th {
    border: 2px solid #fff;
    padding: 5px
}

.c-offers-list {
    list-style: none
}

.c-stages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.c-stages h2 {
    width: 100%
}

.c-stages h3 {
    text-align: center;
    padding: 15px 0
}

.c-stages ul {
    padding: 0 0 0 15px
}

.c-stage {
    background: var(--main_lighter);
    border-radius: 15px;
    padding: 10px;
    margin: 10px;
    max-width: 500px
}

.c-guide-list[class] {
    list-style-type: decimal;
    padding-left: 20px
}

.c-guide-list li {
    padding: 15px 0
}

.c-guide-list li p {
    padding: 5px 0
}

.c-roullete-wrap {
    align-items: center;
    background: #012a16;
    background: linear-gradient(90deg, #012a16 0, #108048 50%, #012a16 100%);
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 30px 0;
    margin: 0 auto
}

.c-roullete {
    position: relative;
    max-width: 450px
}

.c-roullete img {
    animation-name: rotate;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    height: 100%;
    min-height: 290px;
    max-width: 500px;
    width: 100%
}

.c-roullete::after {
    background-image: url(../img/sztuka_hazardu/drum-s.webp);
    background-image: -webkit-image-set(url("../img/sztuka_hazardu/drum-s.webp") 1x, url("../img/sztuka_hazardu/drum-s.webp") 2x);
    background-image: image-set(url("../img/sztuka_hazardu/drum-s.webp") 1x, url("../img/sztuka_hazardu/drum-s.webp") 2x);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    content: "";
    top: 0;
    left: -15px;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 40%;
    width: 40%
}

.c-roullete__list {
    padding: 0;
    max-width: 500px;
    width: -moz-fit-content;
    width: fit-content
}

.c-roullete__list li {
    display: flex;
    background: #fff;
    position: relative
}

.c-roullete__list li::before {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 10px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

.c-roullete__list li a {
    cursor: url(../img/sztuka_hazardu/cursor.png), pointer;
    color: #000;
    padding: 10px;
    width: 95%
}

.c-roullete__list li:hover::before {
    opacity: 1;
    content: url(../img/sztuka_hazardu/chips.png)
}

.c-roullete__list li:nth-child(2n) {
    background: #c83e46
}

.c-roullete__list li:nth-child(2n) a {
    color: var(--text-color)
}

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

.c-quote__bricks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 10px;
    margin: 35px 0
}

.c-quote__brick {
    display: flex;
    flex-direction: column;
    padding: 5px;
    margin: 5px;
    max-width: 720px
}

.c-quote__brick h2 {
    padding: 0 0 15px
}

.c-quote__brick blockquote {
    color: #000;
    padding: 5px 5px 5px 70px;
    margin: 10px 0 15px;
    background: #fff;
    position: relative;
    flex-basis: 140px
}

.c-quote__brick blockquote::before {
    align-items: center;
    display: flex;
    justify-content: center;
    content: url(../img/sztuka_hazardu/quotes.png);
    border-radius: 50%;
    padding: 5px;
    background: #000;
    position: absolute;
    left: 10px;
    top: 10px;
    height: 40px;
    width: 40px
}

.c-quote__brick blockquote cite {
    font-weight: bold;
    font-style: normal
}

.c-quote__brick blockquote div {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    border-left: 3px solid #000;
    padding: 10px 0 10px 10px;
    height: 100%
}

.c-quote__brick blockquote div p {
    background: 0 0;
    color: #000;
    font-style: italic;
    padding: 0 0 5px;
    flex: initial
}

.c-quote__brick p {
    background: #c83e46;
    padding: 10px;
    color: var(--text-color);
    flex: 1 0 auto
}

.c-vpn__table {
    background: var(--main_lighter);
    border-radius: 15px;
    box-shadow: 0 0 10px #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 30px auto;
    max-width: 1050px
}

.c-vpn__table-row {
    align-items: center;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin: 20px 0
}

img.c-vpn__logo {
    border-radius: 15px;
    margin: 0;
    max-width: 269px;
    width: 100%
}

.c-vpn__name {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0
}

.c-bookmakers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.c-bookmaker__block {
    border: 3px solid #9a0112;
    align-items: center;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    margin: 5px;
    position: relative;
    max-width: 300px;
    width: 100%
}

.c-bookmaker__block img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 0;
    float: initial;
    -o-object-fit: contain;
    object-fit: contain;
    height: 135px;
    width: 300px
}

.c-bookmaker__info {
    background: #fff;
    border: 3px solid #9a0112;
    color: #000;
    border-radius: 5px;
    font-style: italic;
    padding: 5px;
    margin: 0;
    top: 24px;
    right: -3px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    position: absolute
}

.c-bookmaker-info__btn {
    align-items: center;
    background: #fff;
    border: 3px solid #9a0112;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    font-size: 25px;
    padding: 5px;
    position: absolute;
    right: -3px;
    top: -3px;
    transition: all 0.3s ease-in-out;
    height: 30px;
    width: 30px;
    z-index: 1
}

.c-bookmaker-info__btn-hover {
    border-bottom: 0 solid #fff;
    border-bottom-left-radius: 0
}

.c-bookmaker__name {
    font-size: 18px;
    font-weight: bold
}

.c-bookmaker__address li {
    margin: 10px 0 0 0
}

.c-calculator__formula {
    display: flex;
    justify-content: center;
    background: url(../img/bookmaker/calculator.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 350px
}

.c-calculator__formula p {
    background: url(../img/bookmaker/calculator-screen.png);
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    overflow-y: auto;
    height: 66px;
    width: 212px
}

.c-bookmaker__table {
    border: 3px solid #fff;
    box-shadow: 0 0 10px #fff;
    border-radius: 5px;
    padding: 5px
}

.c-details__list {
    align-items: flex-start;
    display: flex;
    color: var(--text-color);
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly
}

.c-details__list details {
    background: var(--main_lighter);
    box-shadow: 0 0 4px #fff;
    border-radius: 10px;
    flex-basis: 360px;
    flex-grow: 1;
    padding: 15px;
    transition: all 0.3s ease-in-out;
    width: 100%
}

.c-details__list details[open] summary::after, .c-details__list details[open] summary::before {
    width: 13px
}

.c-details__list details[open] summary::before {
    transform: rotate(45deg)
}

.c-details__list details[open] summary::after {
    right: 18px;
    transform: rotate(-45deg)
}

.c-details__list summary {
    cursor: pointer;
    font-size: 20px;
    position: relative
}

.c-details__list summary::marker {
    content: "";
    display: none
}

.c-details__list summary::after, .c-details__list summary::before {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    transition: all 0.3s ease-in-out;
    height: 2px;
    width: 20px
}

.c-big-character img, .c-characters img, .c-thematic-blocks img {
    width: initial
}

.c-big-character img, .c-characters img, .c-providers-list__link img, .c-thematic-blocks img {
    margin: initial;
    float: initial;
    max-width: 100%
}

.c-details__list summary::before {
    transform: rotate(90deg)
}

.c-cthematic-block__row, .c-thematic-blocks {
    display: flex;
    flex-wrap: wrap
}

.c-thematic-blocks {
    justify-content: space-evenly;
    padding: 10px;
    gap: 10px
}

.c-thematic-blocks img {
    background: var(--primary-color);
    border-radius: 5px;
    max-width: 80px
}

.c-thematic-block {
    background: var(--main_lighter);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 430px;
    padding: 5px
}

.c-thematic-block:last-child .c-thematic-block__content {
    align-items: flex-end
}

.c-cthematic-block__row {
    align-items: center;
    justify-content: space-evenly;
    gap: 10px
}

.c-thematic-block__name {
    font-size: 18px;
    font-weight: bold;
    flex-grow: 1;
    text-transform: uppercase;
    text-align: center
}

.c-thematic-block__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.c-characters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 10px
}

.c-character {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    border-radius: 10px;
    gap: 30px;
    padding: 2px;
    position: relative
}

.c-character img {
    order: -1;
    max-width: 310px;
    width: 100%
}

.c-character::before {
    content: "";
    background: var(--primary-color);
    background: linear-gradient(90deg, #ffc41e 0, #ff8e1e 35%, #ffc41e 100%);
    border-radius: 10px;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

.c-chracter__content {
    flex-basis: 400px;
    flex-grow: 1;
    font-style: italic;
    position: relative
}

.c-character__content-wrap {
    align-items: center;
    background: var(--main_lighter);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 10px;
    padding: 10px;
    z-index: 2
}

.c-big-character {
    align-items: center;
    display: flex;
    padding: 2px;
    justify-content: space-evenly;
    position: relative;
    margin: 15px 0;
    text-align: center;
    gap: 10px
}

.c-big-character img {
    max-width: 250px
}

.c-big-character::before {
    content: "";
    background: #00d4ff;
    background: linear-gradient(90deg, #00d4ff 0, #090979 35%, #00d4ff 100%);
    border-radius: 10px;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

.c-big-character__wrapper {
    align-items: center;
    background: var(--main_lighter);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-evenly;
    gap: 10px;
    padding: 15px 15px 20px 15px;
    z-index: 2
}

.c-big-character__quote {
    font-style: italic;
    position: relative
}

.c-big-character__quote b {
    font-size: 18px
}

.c-big-character__quote::after, .c-big-character__quote::before {
    content: url(../img/characters/quotes.png);
    position: absolute;
    height: 17px;
    width: 25px
}

.c-big-character__quote::before {
    top: 0;
    left: 0
}

.c-big-character__quote::after {
    right: 0;
    bottom: 0;
    transform: scaleX(-1)
}

.c-bingo__table {
    display: flex;
    flex-direction: column;
    margin: 15px 0
}

.c-bingo__table-row {
    background: var(--main_lighter);
    display: flex;
    align-items: stretch;
    flex-wrap: wrap
}

.c-bingo-table__item {
    align-items: center;
    display: flex;
    border: 2px solid var(--primary-color);
    padding: 10px;
    flex-basis: 340px;
    flex-grow: 1;
    justify-content: center
}

.c-bingo-table__num {
    display: flex
}

.c-bingo-table__num span {
    border: 4px solid var(--primary-color);
    border-radius: 50%;
    color: var(--text-color);
    padding: 25px;
    font-size: 50px
}

.c-bingo__comb-wrap {
    background: var(--main_lighter);
    border-radius: 5px;
    padding: 10px
}

.c-bingo__comb {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    text-align: center;
    flex-basis: 350px;
    flex-grow: 1
}

.c-bingo__comb-img {
    max-width: 270px
}

.c-bingo__comb-img img {
    max-width: 100%
}

.c-bingo__comb-wrap, .c-strategys {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 15px
}

.c-strategy {
    background: #251b69;
    border-radius: 15px;
    flex-basis: 300px;
    flex-grow: 1;
    padding: 10px
}

.c-strategy a {
    word-break: break-all
}

.c-strategy__title {
    font-size: 20px;
    font-weight: bold;
    text-align: center
}

.c-quote {
    font-size: 18px;
    font-style: italic
}

.c-quote b {
    color: var(--primary-color);
    font-size: 22px
}

.c-craps-bets {
    background: var(--main_lighter);
    border-radius: 15px;
    padding: 10px
}

.c-craps-bet__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px
}

.c-craps-bet__text, .c-craps-bet__title {
    flex-grow: 1
}

.c-craps-bet__title {
    flex-basis: 20%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    order: -1
}

.c-craps-bet__text {
    flex-basis: 60%
}

.c-numbers-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 30px 0 0 0
}

.c-number {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-basis: 33%;
    flex-grow: 1
}

.c-number div {
    align-items: center;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 45px;
    justify-content: center;
    position: relative;
    height: 100px;
    width: 100px
}

.c-number div span {
    border: 3px solid #b13a39;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 62%;
    width: 62%;
    z-index: 2
}

.c-number div::after, .c-number div::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.c-number div::before {
    box-shadow: 0 0 10px 1px #000, 50px 50px 50px -80px #fff inset, 100px 100px 80px -50px rgba(255, 255, 255, 0.1) inset, -50px -50px 50px -80px rgba(0, 0, 0, 0.5) inset, -100px -100px 80px -50px rgba(0, 0, 0, 0.5) inset, 0 0 50px 20px #ff0300 inset, 0 0 70px 55px rgba(255, 3, 0, 0.9) inset, 0 0 100px 70px rgba(224, 3, 0, 0.3) inset;
    height: 100%;
    width: 100%;
    z-index: 1
}

.c-number div::after {
    background: #fff;
    box-shadow: 0 0 0 5px #fff;
    border-width: 10px;
    height: 60%;
    width: 60%;
    z-index: 1
}

.c-formula-table th {
    box-shadow: 0 0 10px 1px #000, 50px 50px 50px -80px #fff inset, 100px 100px 80px -50px rgba(255, 255, 255, 0.1) inset, -50px -50px 50px -80px rgba(0, 0, 0, 0.5) inset, -100px -100px 80px -50px rgba(0, 0, 0, 0.5) inset, 0 0 50px 20px #010016 inset, 0 0 70px 55px rgba(1, 0, 22, 0.9) inset, 0 0 100px 70px rgba(1, 0, 22, 0.3) inset
}

.c-formula-table td {
    box-shadow: 0 0 10px 1px #000, 50px 50px 50px -80px #fff inset, 100px 100px 80px -50px rgba(255, 255, 255, 0.1) inset, -50px -50px 50px -80px rgba(0, 0, 0, 0.5) inset, -100px -100px 80px -50px rgba(0, 0, 0, 0.5) inset, 0 0 50px 20px red inset, 0 0 70px 55px rgba(255, 0, 0, 0.9) inset, 0 0 100px 70px rgba(255, 0, 0, 0.3) inset
}

.c-sity-slider {
    align-items: center;
    display: flex;
    gap: 10px;
    position: relative
}

.c-sity-slider__slide {
    align-items: center;
    display: flex
}

.c-sity-slider__slide img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 200px;
    transition: all 0.3s ease-in-out;
    width: 330px
}

.c-casinos__reviews {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 10px;
    margin: 30px 0
}

.c-casinos__review-block {
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    flex: 0 0 300px
}

.c-casinos__review-block img {
    border-radius: 10px 10px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 230px;
    width: 100%
}

.c-casinos__review-block p {
    margin: 0
}

.c-casino__review-name {
    font-size: 20px;
    font-weight: bold
}

.c-casino__review-rating {
    align-items: center;
    display: flex;
    padding: 0 5px;
    gap: 5px
}

.c-casino__review-rating svg {
    fill: var(--primary-color);
    height: 15px;
    width: 15px
}

.c-casino__review {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px
}

.c-casino__review-top {
    align-items: center;
    display: flex;
    gap: 10px
}

.c-casino__review-avatar {
    align-items: center;
    background: #886e26;
    border-radius: 50%;
    display: flex;
    font-weight: bold;
    justify-content: center;
    height: 40px;
    width: 40px
}

.c-casino__review-name, .c-casino__review-rating {
    padding: 0 0 0 10px
}

.c-others-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0 0 30px 0
}

.c-others-items.countrys img {
    -o-object-fit: cover;
    object-fit: cover
}

.c-others-items__item {
    align-items: center;
    background: var(--main_bg);
    border-top: 2px solid var(--primary-color);
    border-left: 3px solid var(--primary-color);
    border-radius: 5px;
    box-shadow: 0 1px 6px #ffffff52;
    color: #8f8faa;
    display: flex;
    flex: 1 0 300px;
    font-size: 16px;
    gap: 15px;
    transition: all 0.2s ease-in-out;
    position: relative;
    padding: 10px 21px 10px 15px;
    text-decoration: none;
    max-width: 100%
}

.c-others-items__item:hover {
    box-shadow: 0 1px 6px #fff
}

.c-others-items__item::after, .c-others-items__item::before {
    background: #fff;
    content: "";
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: 7px
}

.c-others-items__item::before {
    top: -11px;
    transform: rotate(45deg)
}

.c-others-items__item::after {
    transform: rotate(-45deg)
}

.c-others-items__logo {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 5px;
    height: 60px;
    width: 90px
}

.c-others-items__logo img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.c-others-items__info {
    flex: 0 0 177px
}

.c-others-items__name {
    font-weight: bold;
    margin: 0
}

.c-others-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin: 30px auto
}

.c-others-slots h2 {
    width: 100%
}

.c-others-slots__item {
    position: relative;
    height: 220px;
    width: 360px
}

.c-others-slots__item:hover .c-others-slots__overlay {
    opacity: 1;
    visibility: visible
}

.c-others-slots__item:hover .c-others-slots__logo {
    filter: blur(5px)
}

.c-others-slots__logo {
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.2s ease-in-out;
    height: 100%;
    width: 100%
}

.c-others-slots__overlay {
    align-items: center;
    background: linear-gradient(180deg, rgba(5, 5, 5, 0.8), rgba(38, 38, 38, 0.380392));
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    padding: 15px;
    gap: 15px;
    left: 0;
    top: 0;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: visible;
    height: 100%;
    width: 100%
}

.c-others-slots__name {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    flex-grow: 1
}

.c-others-slots__link {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--text-color);
    background: linear-gradient(180deg, #ffc41e, #ca8d1a);
    border-radius: 5px;
    padding: 15px 40px;
    margin-bottom: 12px;
    transition: all 0.2s ease-in-out
}

.c-others-slots__link:hover {
    box-shadow: 0 0 10px var(--primary-color)
}

.c-others-slots__link, .c-others-slots__name {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0
}

.c-others-casino {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    padding: 0 0 20px 0
}

.c-others-casino__block {
    background: var(--main_lighter);
    align-items: center;
    border-radius: var(--block-border-radius);
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    flex: 0 0 250px;
    gap: 15px;
    padding: var(--main-padding);
    text-align: center;
    max-width: 100%
}

.c-others-casino__logo {
    background: var(--main_bg);
    border-radius: var(--block-border-radius);
    -o-object-fit: contain;
    object-fit: contain;
    padding: 10px;
    width: 100%
}

.c-others-casino__name {
    align-items: center;
    color: var(--text-color);
    display: flex;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    flex-grow: 1
}

.c-others-casino__name:hover {
    text-decoration: none
}

.c-scroll-to-top {
    align-items: center;
    background: var(--main_bg);
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 15px;
    right: 15px;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    height: 45px;
    width: 45px;
    z-index: 2
}

.c-scroll-to-top svg {
    fill: var(--primary-color);
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
    height: 25px;
    width: 22px
}

.c-scroll-to-top:hover {
    background: #fff;
    border-color: var(--text-color)
}

.c-scroll-to-top:hover svg {
    fill: #000
}

.c-scroll-to-top.active {
    opacity: 1;
    visibility: visible
}

.c-brand-bottom-popup {
    --left: minmax(clamp(215px, 1vw, 100%), 1fr);
    --right: 120px;
    background: var(--main_bg);
    border-top: 1px solid var(--primary-color);
    position: fixed;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 2
}

.c-brand-bottom-popup.active {
    opacity: 1;
    visibility: visible
}

.c-brand-bottom-popup__row {
    position: relative
}

.c-brand-bottom-popup__body {
    align-items: center;
    display: flex;
    gap: 5px;
    padding: 5px 0;
    transition: all 0.2s ease-in-out
}

.c-brand-bottom-popup__body.hidden {
    padding: 0;
    overflow: hidden
}

.c-brand-bottom-popup__close-btn {
    align-items: flex-start;
    background: #000;
    border-top: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    padding: 5px;
    height: 25px;
    width: 40px
}

.c-brand-bottom-popup__close-btn svg {
    fill: #fff;
    transition: all 0.2s ease-in-out;
    height: 15px
}

.c-brand-bottom-popup__close-btn.active svg {
    transform: rotate(180deg)
}

.c-brand-bottom-popup__logo {
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    display: flex;
    justify-content: flex-start;
    height: 50px;
    width: 50px;
    overflow: hidden
}

.c-brand-bottom-popup__logo img {
    padding: 2px;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.c-brand-bottom-popup__info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-right: auto;
    width: clamp(100px, 35vw, 100%)
}

.c-brand-bottom-popup__bonus {
    align-items: center;
    display: flex
}

.c-brand-bottom-popup__bonus p {
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.c-brand-bottom-popup__bonus, .c-brand-bottom-popup__rating {
    justify-content: flex-start
}

.c-brand-bottom-popup__rating {
    align-items: center;
    display: flex;
    min-height: 20px
}

.c-brand-bottom-popup__rating svg {
    height: 20px
}

.c-brand-bottom-popup .o-play-btn {
    flex: 0 0 clamp(var(--btn-size), 23vw, 160px);
    font-size: clamp(12px, 1vw, 16px);
    min-width: var(--btn-size)
}

@media (min-width: 768px) {
    .c-brand-bottom-popup__logo {
        height: 70px;
        width: 70px
    }

    .c-brand-bottom-popup__info {
        gap: 10px
    }

    .c-brand-bottom-popup__rating {
        justify-content: flex-start
    }

    .c-brand-bottom-popup__bonus {
        font-size: 18px
    }
}

.c-brand-fs {
    background: var(--main_bg);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: var(--main-padding) var(--main-padding) 80px var(--main-padding);
    max-width: 1200px;
    margin: 0 auto
}

.c-brand-fs-wrapper {
    background: var(--main_bg);
    position: relative
}

.c-brand-fs-wrapper::before {
    background: var(--primary-color);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    clip-path: polygon(0 99%, 100% 85%, 100% 85%, 0 100%)
}

.c-brand-fs ul {
    list-style: none
}

.c-brand-fs__title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: initial
}

.c-brand-fs__logo-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.c-brand-fs__logo {
    -o-object-fit: contain;
    object-fit: contain
}

.c-brand-fs__rating {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    stroke: var(--yellow-color)
}

.c-brand-fs__rating svg {
    height: 34px
}

.c-brand-fs__site {
    text-align: center
}

.c-brand-fs__site a {
    color: var(--text-color);
    font-size: 24px
}

.c-brand-fs__site a:hover {
    text-decoration: underline
}

.c-brand-fs__buttons {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-brand-fs__other-brands {
    width: 100%
}

.c-brand-fs__other-brands-items {
    overflow-x: auto
}

.c-brand-fs__other-brands-items > * {
    margin: 0 auto;
    flex: 1 0 250px;
    max-width: 310px
}

.c-brand-fs .o-play-btn {
    max-width: 250px;
    width: 100%
}

.c-brand-fs .c-reply-btn {
    margin: 0 auto
}

.c-brand-fs__bonus {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.c-brand-fs__bonus p {
    color: var(--text-color);
    font-size: 28px;
    font-weight: bold;
    text-align: center
}

.c-brand-fs__criteria-wrap {
    display: grid;
    grid-template-columns:124px 124px;
    grid-column-gap: 20px;
    grid-row-gap: 140px;
    justify-content: center;
    position: relative
}

.c-brand-fs__criteria {
    border: 2px solid var(--primary-color);
    border-radius: 4px;
    padding: 18px 10px 18px 10px;
    position: relative;
    text-align: center;
    min-height: 166px
}

.c-brand-fs__criteria:nth-child(3), .c-brand-fs__criteria:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.c-brand-fs__criteria:nth-child(3) .c-brand-fs__criteria-num, .c-brand-fs__criteria:nth-child(4) .c-brand-fs__criteria-num {
    top: 0;
    transform: translateY(-50%)
}

.c-brand-fs__criteria-text {
    font-size: 21px
}

.c-brand-fs__criteria-num {
    align-items: center;
    background: var(--main_bg);
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    font-size: 35px;
    font-weight: bold;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    transform: translateY(50%);
    height: 92px;
    width: 92px
}

.c-brand-fs__criteria-main-num {
    align-items: center;
    background: var(--main_bg);
    border-radius: 50%;
    border: 3px solid var(--primary-color);
    font-size: 40px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 130px;
    width: 130px
}

.c-brand-fs__criteria-main-num p {
    color: var(--primary-color)
}

.c-brand-fs__payments-list-wrap a {
    display: inline-block
}

.c-brand-fs__payments-list {
    overflow: auto;
    max-width: 78%;
    margin: 0 auto
}

.c-brand-fs__payments-list::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.c-brand-fs__payments-list::-webkit-scrollbar-track {
    background: transparent
}

.c-brand-fs__payments-list::-webkit-scrollbar-thumb {
    background-color: var(--main_bg);
    border-radius: 20px;
    border: 1px solid #ffa600cc
}

.c-brand-fs__date-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-brand-fs__date p {
    color: #ffffff8f
}

@media (min-width: 768px) {
    .c-brand-fs {
        flex-direction: row;
        flex-wrap: wrap
    }

    .c-brand-fs__title-wrap {
        order: 1
    }

    .c-brand-fs__title {
        font-size: 50px
    }

    .c-brand-fs__logo-wrap {
        order: 2
    }

    .c-brand-fs__buttons {
        order: 3;
        margin: initial
    }

    .c-brand-fs__rating-wrap {
        order: 4
    }

    .c-brand-fs__other-brands, .c-brand-fs__bonus {
        order: 5
    }

    .c-brand-fs__bonus p {
        font-size: 40px;
        font-weight: bold;
        line-height: initial;
        max-width: 80%;
        margin: 0 auto
    }

    .c-brand-fs__criteria-wrap {
        order: 8;
        grid-template-columns:124px 124px 124px 124px;
        gap: 34px;
        margin: 104px 0 45px 0
    }

    .c-brand-fs__criteria:nth-child(3), .c-brand-fs__criteria:nth-child(4) {
        justify-content: flex-start
    }

    .c-brand-fs__criteria:nth-child(3) .c-brand-fs__criteria-num, .c-brand-fs__criteria:nth-child(4) .c-brand-fs__criteria-num {
        top: initial;
        transform: translateY(50%)
    }

    .c-brand-fs__criteria-main-num {
        bottom: initial;
        transform: translateY(-80%)
    }

    .c-brand-fs__payments-list-wrap {
        order: 6
    }

    .c-brand-fs__payments-list {
        max-width: 640px;
        overflow: auto
    }

    .c-brand-fs__date-wrap {
        flex-direction: row;
        justify-content: space-between;
        order: 7;
        max-width: 830px;
        margin: 0 auto
    }

    .c-brand-fs__bonus, .c-brand-fs__criteria-wrap, .c-brand-fs__payments-list-wrap, .c-brand-fs__date-wrap {
        flex: 1 0 100%
    }

    .c-brand-fs__title-wrap, .c-brand-fs__logo-wrap, .c-brand-fs__buttons, .c-brand-fs__rating-wrap {
        flex: 1 0 48%
    }
}

@media (min-width: 1200px) {
    .c-brand-fs {
        padding-bottom: 110px
    }

    .c-brand-fs::before {
        transform: rotate(-3deg)
    }

    .c-brand-fs__title-wrap {
        align-self: center
    }

    .c-brand-fs .o-play-btn {
        max-width: initial
    }

    .c-brand-fs__title {
        font-size: 42px
    }

    .c-brand-fs__rating-wrap {
        align-self: center;
        order: 3
    }

    .c-brand-fs__bonus {
        order: 4;
        flex: 1 0 48%
    }

    .c-brand-fs__buttons {
        align-items: flex-start;
        order: 5
    }

    .c-brand-fs__payments-list-wrap {
        order: 6
    }

    .c-brand-fs__payments-list {
        max-width: 635px;
        margin: 0 auto;
        padding-bottom: 10px
    }

    .c-brand-fs__date-wrap {
        align-items: initial;
        flex-direction: column;
        order: 7;
        margin: initial
    }

    .c-brand-fs__criteria-wrap {
        order: 8;
        gap: 20px;
        grid-template-columns:124px 124px 124px 124px 124px;
        align-content: flex-start;
        margin: 0
    }

    .c-brand-fs__criteria {
        height: 132px;
        min-height: initial;
        padding-bottom: 0
    }

    .c-brand-fs__criteria:nth-child(1) .c-brand-fs__criteria-num {
        transform: translateY(68%)
    }

    .c-brand-fs__criteria:nth-child(2) .c-brand-fs__criteria-num {
        transform: translateY(60%)
    }

    .c-brand-fs__criteria:nth-child(3) .c-brand-fs__criteria-num {
        transform: translateY(52%)
    }

    .c-brand-fs__criteria:nth-child(4) .c-brand-fs__criteria-num {
        transform: translateY(43%)
    }

    .c-brand-fs__criteria-main-num {
        position: initial;
        transform: initial;
        height: 132px;
        width: 132px
    }

    .c-brand-fs__title-wrap, .c-brand-fs__rating-wrap, .c-brand-fs__buttons, .c-brand-fs__date-wrap, .c-brand-fs__payments-list {
        height: -moz-fit-content;
        height: fit-content
    }

    .c-brand-fs__title-wrap, .c-brand-fs__rating-wrap, .c-brand-fs__buttons, .c-brand-fs__date-wrap {
        flex: 1 0 30%;
        max-width: 310px
    }

    .c-brand-fs__logo-wrap, .c-brand-fs__bonus, .c-brand-fs__payments-list-wrap, .c-brand-fs__criteria-wrap {
        flex: 1 0 70%
    }
}

.text .c-brand-table.site-width, .text .c-brand-table.o-site-width, .text .c-brand-table.site-width, .text .c-brand-table.o-site-width {
    width: 100%
}

.c-brand-table {
    --padding: 16px;
    margin-top: 30px;
    margin-bottom: 30px
}

.c-brand-table__more-btn {
    display: block;
    margin: 30px auto 0 auto;
    padding: 0 10px
}

.c-brand-table__title {
    margin-bottom: 0.83em
}

.c-brand-table__title-after {
    display: grid;
    font-size: var(--h3-font);
    position: relative;
    grid-template-columns:repeat(3, auto);
    justify-content: center;
    margin-bottom: 44px
}

.c-brand-table__title-after.lazyloaded::before, .c-brand-table__title-after.lazyloaded::after {
    background-image: url(../img/flags/poland.svg)
}

.c-brand-table__title-after::before, .c-brand-table__title-after::after {
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: clamp(21px, 3vw, 27px);
    width: clamp(20px, 5vw, 43px)
}

.c-brand-table__list {
    counter-reset: brand;
    gap: 20px
}

.c-brand-table__item {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    margin-top: 16px;
    padding: calc(var(--padding) * 2) var(--padding);
    position: relative;
    gap: 22px
}

.c-brand-table__item-popup {
    background: var(--pop-up_blur);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    position: fixed;
    height: calc(100dvh - var(--header-height));
    top: var(--header-height);
    transition: 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    left: 0;
    overflow-y: auto;
    width: 100dvw;
    z-index: 3
}

.c-brand-table__item-popup.js-active {
    opacity: 1;
    visibility: visible
}

.c-brand-table__item-popup-close {
    background-color: var(--yellow-color);
    background-repeat: no-repeat;
    border-radius: 50%;
    outline: 8px solid var(--main_lighter);
    position: absolute;
    top: 8px;
    right: 8px;
    height: 40px;
    width: 40px
}

.c-brand-table__item-popup-close.lazyloaded {
    background-image: url(../img/icons/brandTable/close-bonus.svg)
}

.c-brand-table__item-popup-title {
    font-size: 22px
}

.c-brand-table__item-popup-body {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    border: 2px solid var(--yellow-color);
    padding: clamp(26px, 8vw, 48px) clamp(19px, 9vw, 64px);
    position: relative;
    max-width: 453px
}

.c-brand-table__item-popup-list {
    gap: 8px;
    margin: 0;
    padding-left: 16px
}

.c-brand-table__item-popup-name {
    color: var(--yellow-color);
    font-size: 18px;
    font-weight: 500
}

.c-brand-table__item-popup::after {
    background: color-mix(in srgb, #000 70%, transparent);
    content: "";
    position: fixed;
    left: 0;
    top: var(--header-height);
    transition: 0.2s ease-in-out;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    height: 100dvh;
    width: 100%;
    z-index: 1
}

.c-brand-table__item-popup .o-play-btn {
    font-weight: bold
}

.c-brand-table__item:nth-child(-n+3) {
    background: linear-gradient(var(--main_lighter), var(--main_lighter)) padding-box, var(--linear) border-box;
    border: 2px solid transparent
}

.c-brand-table__item:nth-child(-n+3)::before {
    background: var(--linear);
    content: "TOP " counter(brand);
    color: #fff
}

.c-brand-table__item::before {
    background: #fff;
    counter-increment: brand;
    content: "#" counter(brand);
    color: var(--main_bg);
    border-radius: 5px;
    font-weight: 900;
    padding: 7px 20px;
    position: absolute;
    left: var(--padding);
    top: 0;
    transform: translateY(-50%)
}

.c-brand-table__item.js-hidden {
    display: none
}

.c-brand-table__item .o-title {
    background: var(--yellow-color);
    border-radius: 0 0 var(--block-border-radius) var(--block-border-radius);
    font-weight: 500;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 34px;
    position: absolute;
    max-width: 50%;
    right: 0;
    top: 0;
    transform: translateY(-50%)
}

.c-brand-table__item .o-title span {
    color: var(--main_bg);
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.c-brand-table__item .o-title::after {
    border-style: solid;
    border-width: 0 0px 17px 23px;
    border-color: transparent transparent #7f6210 transparent;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    height: 0px;
    width: 0px
}

.c-brand-table__img {
    -o-object-fit: contain;
    object-fit: contain
}

.c-brand-table__rating-num {
    gap: 2px;
    line-height: 1
}

.c-brand-table__rating-num.lazyloaded::before {
    background-image: url(../img/icons/brandTable/star.svg)
}

.c-brand-table__rating-num::before {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    height: 20px;
    width: 20px
}

.c-brand-table__bonus {
    border: 1px solid var(--yellow-color);
    border-radius: var(--block-border-radius);
    padding: calc(16px * 2) 8px 16px 8px;
    margin-top: 16px;
    position: relative
}

.c-brand-table__bonus-desc {
    background: var(--yellow-color);
    border-radius: 5px;
    color: var(--main_bg);
    font-weight: 900;
    letter-spacing: 1px;
    position: absolute;
    padding: 5px 10px;
    top: 0;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.c-brand-table__bonus-text {
    font-weight: bold;
    font-size: 22px;
    text-align: center
}

.c-brand-table__bonuses {
    --color: #fff;
    --height: 4px;
    padding-bottom: 12px
}

.c-brand-table__bonuses-item {
    border-right: 1px solid var(--text_grey);
    flex: 1 0 clamp(122px, 5vw, 139px);
    gap: 8px;
    justify-content: center;
    padding: 12px
}

.c-brand-table__bonuses-item:last-child {
    border-right: none
}

.c-brand-table__bonuses-item *:nth-child(1) {
    text-transform: uppercase;
    font-size: 16px
}

.c-brand-table__bonuses-item *:nth-child(2) {
    font-size: 22px;
    font-weight: bold
}

.c-brand-table__bonuses::-webkit-scrollbar {
    background: #61606e;
    border-radius: 6px
}

.c-brand-table__review {
    color: var(--yellow-color);
    font-weight: initial;
    font-size: 18px
}

.c-brand-table__licence {
    background: #61606e;
    border-radius: var(--block-border-radius);
    color: #040322;
    gap: 6px;
    font-weight: 500;
    padding: 5px 8px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.c-brand-table__licence.lazyloaded.curacao::before {
    background-image: url(../img/licence/cur.png)
}

.c-brand-table__licence.lazyloaded.mga::before {
    background-image: url(../img/licence/mga.png)
}

.c-brand-table__licence::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 22px;
    width: 20px
}

.c-version__list {
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content
}

.c-brand-fs__payments-list, .c-version__list {
    align-items: center;
    display: flex;
    gap: 11px
}

.c-brand-fs__payments-list img {
    -o-object-fit: contain;
    object-fit: contain
}

.c-version__list {
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content
}

.c-version__list img {
    height: 54px
}

.c-cookie-policy {
    align-items: center;
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    color: var(--text-color);
    display: grid;
    grid-template-columns:1fr minmax(107px, 120px);
    grid-template-areas:"title accept" "text link";
    gap: 5px 3px;
    position: fixed;
    padding: 20px 10px 10px 10px;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 99
}

.c-cookie-policy p {
    line-height: 1.5;
    margin: 0
}

.c-cookie-policy__close {
    background-color: var(--main_lighter);
    background-image: url(../img/icons/close.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    right: 0;
    top: -20px;
    height: 40px;
    width: 40px
}

.c-cookie-policy__title {
    font-size: 12px;
    grid-area: title
}

.c-cookie-policy__text {
    font-size: 10px;
    grid-area: text
}

.c-cookie-policy__accept {
    background: var(--main_bg);
    border-radius: 20px;
    border: none;
    cursor: pointer;
    padding: 5px;
    grid-area: accept;
    justify-self: center
}

.c-cookie-policy__link {
    justify-self: center;
    grid-area: link;
    text-align: center
}

.c-cookie-policy__link[class] {
    text-decoration: underline
}

.c-cookie-policy__accept, .c-cookie-policy__link {
    align-items: center;
    color: var(--text-color);
    display: flex;
    font-size: 10px;
    justify-content: center;
    min-height: 35px;
    width: 100%
}

.c-cookie-policy__accept, .c-cookie-policy__link, .c-cookie-policy__title {
    font-weight: bold
}

@media (min-width: 480px) {
    .c-cookie-policy {
        bottom: 15px;
        grid-template-areas:"title title" "text text" "accept link";
        grid-template-columns:auto 1fr;
        gap: 10px 30px;
        padding: 20px 25px 15px 25px;
        left: 25px;
        max-width: 427px
    }

    .c-cookie-policy__close {
        cursor: pointer
    }

    .c-cookie-policy__title {
        font-size: 21px
    }

    .c-cookie-policy__text {
        font-size: 14px
    }

    .c-cookie-policy__accept {
        justify-self: flex-start;
        padding: 5px 15px
    }

    .c-cookie-policy__accept, .c-cookie-policy__link {
        font-size: 14px;
        min-height: 40px
    }
}

.b-1.site-width h2 {
    text-transform: uppercase
}

.c-two-columns {
    --img-offset: 30px;
    gap: 25px;
    position: relative
}

.c-two-columns__row {
    gap: 10px
}

.c-two-columns__item.text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--main_lighter);
    padding: calc(var(--img-offset) + 25px) 15px 8px 15px
}

.c-two-columns__title {
    font-size: var(--h2-font);
    font-weight: bold;
    margin: 0 0 15px 0
}

.c-two-columns__img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translateY(var(--img-offset));
    margin: auto
}

.c-slider {
    --control-size: 15px
}

.c-slider__controls, .c-slider__arrow, .c-slider__item {
    background: var(--main_lighter)
}

.c-slider__arrow {
    display: none
}

.c-slider__scroll-box {
    overflow: hidden
}

.c-slider__items {
    display: flex;
    justify-content: flex-start;
    transition: 0.2s ease-in-out
}

.c-slider__item {
    border-radius: var(--block-border-radius) var(--block-border-radius) 0 0;
    display: flex;
    flex-direction: column;
    flex: 1 0 100%;
    gap: var(--btn-gap);
    padding: var(--main-padding);
    min-height: 190px
}

.c-slider__title {
    font-size: var(--h3-font);
    font-weight: bold;
    text-align: center
}

.c-slider__controls {
    border-radius: 0 0 var(--block-border-radius) var(--block-border-radius);
    gap: var(--btn-gap);
    overflow: hidden
}

.c-slider__controls-btn {
    align-items: center;
    display: flex;
    flex: 1 0 45px;
    justify-content: center;
    position: relative;
    height: 45px;
    width: 45px
}

.c-slider__controls-btn.js-active::before {
    background: var(--yellow-color)
}

.c-slider__controls-btn::before {
    background: var(--main_bg);
    border-radius: 50%;
    content: "";
    display: block;
    height: var(--control-size);
    width: var(--control-size)
}

@media (min-width: 768px) {
    .c-steps__item {
        --num-size: 40px
    }

    .c-hintbox__container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center
    }

    .c-hintbox__img-holder {
        flex-basis: 35%
    }

    .c-hintbox__content-holder {
        flex-basis: 60%
    }

    .c-license-section__container {
        flex-direction: row;
        flex-wrap: wrap
    }

    .c-license-section__license-wrapper {
        flex-basis: 33%;
        align-self: stretch
    }

    .c-countries__item-wrapper {
        flex-basis: 25%
    }

    .c-countries__flag {
        max-height: 150px
    }

    .c-country-states {
        position: relative
    }

    .c-country-states__list {
        flex-direction: row;
        flex-wrap: wrap
    }

    .c-country-states__list::before {
        content: "";
        position: absolute;
        width: 340px;
        height: 100%;
        background-image: url(../img/flags/poland.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        right: 0;
        bottom: 0;
        opacity: 0.4
    }

    .c-country-states__state-item {
        flex-basis: 40%
    }

    .c-calculator__formula {
        height: 465px
    }

    .c-calculator__formula p {
        align-items: center;
        border-radius: 15px;
        display: flex;
        min-height: 100px;
        font-size: 18px;
        width: 284px
    }

    .c-character:nth-child(2n) .c-chracter__content {
        order: -1
    }

    .c-bingo-table__num span {
        font-size: 100px
    }

    .c-craps-bet__title {
        order: initial
    }

    .c-sity-slider__slide img {
        height: 350px;
        width: 500px
    }

    .c-version__list {
        order: 1
    }

    .c-two-columns__row {
        --columns: auto auto;
        display: grid;
        grid-template-columns:var(--columns)
    }

    .c-two-columns__row.imgLeft, .c-two-columns__row:not(:nth-child(2n)) {
        grid-template-areas:"img text"
    }

    .c-two-columns__row.imgRight, .c-two-columns__row:nth-child(2n) {
        grid-template-areas:"text img"
    }

    .c-two-columns__item.text {
        padding: 40px 25px;
        grid-area: text
    }

    .c-two-columns__img {
        transform: initial;
        grid-area: img;
        height: 100%
    }

    .c-two-columns__title {
        font-size: 36px
    }

    .c-slider__item {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media (min-width: 992px) {
    .c-countries__item-wrapper {
        flex-basis: 20%
    }

    .c-flex-list li {
        flex-basis: 20%
    }
}

@media (min-width: 1200px) {
    .breadcrumbs {
        padding-left: 0
    }

    .c-version__list {
        gap: 6px
    }

    .c-slider {
        --arrow-size: 45px;
        position: relative;
        display: grid;
        grid-template-columns:var(--arrow-size) 1fr var(--arrow-size);
        gap: var(--btn-gap)
    }

    .c-slider__items {
        gap: 16px
    }

    .c-slider__item {
        border-radius: var(--block-border-radius);
        flex: 1 0 calc(50% - var(--btn-gap) / 2);
        padding: var(--main-padding)
    }

    .c-slider__arrow {
        border-radius: var(--block-border-radius);
        display: block;
        height: 100%;
        width: var(--arrow-size);
        z-index: 1
    }

    .c-slider__arrow--prev {
        left: 0
    }

    .c-slider__arrow--next {
        right: 0
    }

    .c-slider__arrow--next::before {
        rotate: 180deg
    }

    .c-slider__arrow::before {
        content: "";
        display: block;
        height: 100%;
        width: 100%
    }

    .c-slider__arrow.lazyloaded::before {
        background-image: url(../img/icons/general/yellow-arrow.svg);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: center
    }

    .c-slider__controls {
        display: none
    }
}

.c-switch {
    background: var(--main_lighter);
    border-radius: 50px;
    padding: 10px 15px;
    position: sticky;
    top: calc(var(--header-height) + 15px);
    z-index: 9
}

.c-switch__btn {
    white-space: nowrap;
    margin: 0 auto
}

.c-switch__btn:hover, .c-switch__btn.js-active {
    background: var(--blue-color)
}

.c-switch__list {
    padding-bottom: 5px;
    overflow-x: auto
}

.c-switch__list::-webkit-scrollbar, .c-switch__list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    height: 5px;
    width: 5px
}

.c-switch__list::-webkit-scrollbar-thumb {
    background: #ffc31e65
}

.c-switch__list::-webkit-scrollbar-track {
    margin: 15px 15px 0 15px
}

.c-reply-btn {
    align-items: center;
    color: var(--text-color);
    border-bottom: 1px solid #fff;
    display: flex;
    font-weight: bold;
    gap: 10px;
    margin-left: auto;
    position: relative;
    height: 40px
}

.c-reply-btn.lazyloaded::before {
    background-image: url(../img/icons/reviews/reply-icon.svg)
}

.c-reply-btn::before {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    display: block;
    transition: 0.2s ease-in-out;
    height: 100%;
    width: 11px
}

.c-reply-btn:hover::before {
    scale: -1 1
}

.c-reviews {
    padding: 30px 0
}

.c-review, .c-reply {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius)
}

.c-review__top-row, .c-reply__top-row {
    justify-content: space-between;
    width: 100%
}

.c-review__name, .c-reply__name {
    color: var(--yellow-color);
    font-weight: bold
}

.c-review__date, .c-reply__date {
    color: var(--disable-color);
    font-size: 14px
}

.c-review__stars, .c-reply__stars {
    width: 100%
}

.c-review__text, .c-reply__text {
    max-width: 768px
}

.c-review__name-wrap, .c-review__top-row > .c-review__name, .c-reply__name-wrap, .c-reply__top-row > .c-review__name, .c-review__top-row > .c-reply__name, .c-reply__top-row > .c-reply__name {
    flex: 1 0 40%;
    max-width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-reply {
    margin-left: auto;
    width: 94%
}

.c-reply__name-wrap {
    gap: 5px
}

.c-reply__name-wrap.lazyloaded::before {
    background-image: url(../img/icons/reviews/reply-to-icon.svg)
}

.c-reply__name-wrap::before {
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    order: 1;
    height: 100%;
    flex: 1 0 13px;
    max-width: 13px;
    width: 13px
}

.c-reply__name--reply-to {
    order: 2
}

.c-form {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    color: var(--text-color)
}

.c-form__message {
    flex: 1 0 100%;
    min-height: 219px
}

.c-form__message.lazyloaded::before {
    background-image: url(../img/icons/reviews/heart.svg)
}

.c-form__message::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 73px;
    width: 73px
}

.c-form__message-desc {
    max-width: 280px
}

.c-form__group {
    gap: 8px
}

.c-form__label {
    font-size: 14px
}

.c-form__text-area, .c-form__input {
    border: 1px solid var(--disable-color);
    border-radius: var(--block-border-radius);
    padding: 10px 5px;
    transition: 0.2s ease-in-out
}

.c-form__text-area:focus, .c-form__input:focus {
    border-color: var(--yellow-color)
}

.c-form__text-area {
    min-height: 100px
}

.c-form__email, .c-form__name {
    flex: 1 0 45%
}

.c-form__content {
    flex: 1 0 100%
}

@media (min-width: 768px) {
    .c-form__text-area, .c-form__input {
        padding: 15px 10px
    }

    .c-form__text-area {
        min-height: 150px
    }
}

.c-review-form__rating-wrap {
    gap: 20px;
    width: 100%
}

.c-review-form__rating-item {
    --icon-size: 20px;
    cursor: pointer;
    position: relative;
    height: 30px;
    width: 30px
}

.c-review-form__rating-item.lazyloaded::before {
    background-image: url(../img/icons/reviews/rating-star.svg)
}

.c-review-form__rating-item::before {
    background-repeat: no-repeat;
    background-size: var(--icon-size);
    background-position: center;
    content: "";
    pointer-events: none;
    position: absolute;
    transition: 0.2s ease-in-out;
    height: 100%;
    width: 100%
}

.c-review-form__rating-item.js-disable {
    pointer-events: unset
}

.c-review-form__rating-item.js-disable::before {
    filter: grayscale(100%)
}

.c-review-form__rating-input {
    opacity: 0
}

@media (min-width: 768px) {
    .c-review-form__rating-item {
        --icon-size: 30px;
        height: 40px;
        width: 40px
    }
}

.c-reply-form__window {
    background: var(--main_bg);
    position: fixed;
    padding: 45px 20px;
    top: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    z-index: 99
}

@media (min-width: 768px) {
    .c-reply-form__window {
        padding: 45px calc(50vw - 768px / 2)
    }
}

@media (min-width: 420px) {
    .c-brand-table__title-after {
        gap: 8px
    }
}

@media (min-width: 768px) {
    .c-brand-table__item {
        display: grid;
        grid-template-columns:repeat(2, 1fr)
    }

    .c-brand-table__item::before {
        margin: 0 auto;
        left: 0;
        right: 0;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 1200px) {
    .c-brand-table__item {
        align-items: center;
        grid-template-columns:163px 221px 1fr 191px;
        gap: 54px;
        flex: 1 0 100%;
        padding: 20px 32px
    }

    .c-brand-table__rating-box {
        flex-direction: column;
        gap: 4px
    }
}

.c-mockup {
    background: var(--main_lighter);
    border-radius: var(--block-border-radius);
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 12px 0
}

.c-mockup img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    margin: 0 auto;
    height: auto;
    width: 100%
}

@media (min-width: 768px) {
    .c-mockup {
        align-items: center;
        flex-direction: row
    }

    .c-mockup img {
        margin-top: auto;
        height: 100%
    }
}

.c-iframe-window {
    --btn-size: 45px;
    background: var(--main_lighter);
    position: fixed;
    top: 0;
    left: 0;
    top: var(--header-height);
    height: calc(100dvh - var(--header-height));
    width: 100%;
    z-index: 90
}

.c-iframe-window:not(.js-active) {
    display: none
}

.c-iframe-window__controls {
    background: var(--main_lighter);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.c-iframe-window iframe {
    height: 100%
}

.c-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 45px
}

.footer-top {
    padding: 10px
}

.footer-top.small {
    font-size: 14px;
    padding: 10px 10px 0 10px
}

.footer-nav__list {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    .footer-nav__list {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap
    }
}

.footer-nav__item {
    padding: 10px
}

.footer-nav__link {
    color: var(--text-color);
    text-decoration: none;
    text-align: center
}

.c-footer__lang-link.is-load {
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%
}

.c-lang-list {
    display: flex;
    z-index: 5;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    position: relative
}

.c-lang-swiper {
    display: flex;
    justify-content: flex-end;
    width: 90%;
    max-width: 1200px;
    margin: auto
}

.o-visible {
    opacity: 1
}

.c-lang-list .c-footer__lang-link {
    display: block;
    margin-right: 15px;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%
}