*,
*:before,
*:after {
    box-sizing: border-box
}

html,
body {
    height: 100%
}

html {
    font-size: 10px
}

body {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 36rem;
    height: 100vh;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    font-family: DM Sans, sans-serif;
    color: #2b2c43
}

body.no-content-copy {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.no-scroll {
    overflow: hidden
}

.casino-match-section {
    padding: 3.5rem 1.5rem;
    background: linear-gradient(228.45deg, #1a1872 6.55%, #141345 49.34%);
    border-radius: 1.4rem
}

.casino-match-section .title {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media (min-width: 576px) {
    .casino-match-section .title {
        font-size: 2.4rem;
        line-height: 3.2rem
    }
}

.casino-match-section .description {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    font-weight: 2.4rem;
    font-weight: 400;
    color: 400;
    color: #fff;
    text-align: center
}

.casino-match-section .casinos-wrapper {
    margin-top: 3.5rem;
    overflow: hidden
}

.casino-match-section .casinos-wrapper .line {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 23.8rem;
    gap: 2.4rem;
    padding-right: 2rem
}

.casino-match-section .casinos-wrapper .line .casino {
    width: 100%;
    aspect-ratio: 238/136;
    border: solid 4px #fff;
    border-radius: .8rem;
    background: #1F1E23
}

.casino-match-section .casinos-wrapper .line .casino .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    padding: 2rem
}

.casino-match-section .casinos-wrapper .line .casino .img-wrapper .image {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.casino-match-section .main-btn {
    margin-top: 3.5rem
}

@media (min-width: 576px) {
    .casino-match-section .main-btn {
        margin: 3.5rem auto 0;
        padding: 1.4rem 4rem;
        width: auto
    }
}

.container {
    width: 100%;
    max-width: 117.4rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

.container>.container:first-child {
    padding: 0
}

.visually-hidden {
    position: absolute;
    margin: -.1rem;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    width: .1rem;
    height: .1rem
}

.wrapper {
    flex: 1 0 auto;
    padding: 5.2rem 0
}

@media screen and (min-width: 992px) {
    .wrapper {
        padding-top: 6.4rem;
        padding-bottom: 8rem
    }
}

.wrapper .wrapper {
    padding-top: 0
}

.wrapper .wrapper .container {
    padding-right: 0;
    padding-left: 0
}

@media screen and (min-width: 992px) {
    .wrapper .wrapper {
        padding-top: 0
    }
}

.wrapper .wrapper,
.wrapper--writer {
    padding-bottom: 0
}

@media screen and (min-width: 992px) {

    .wrapper .wrapper,
    .wrapper--writer {
        padding-bottom: 0
    }
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    min-width: 36rem;
    height: 5.2rem;
    background: #d6cd49;
    box-shadow: 0 0 .15rem #0000001a;
    transition: top .5s
}

.header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.header .logo {
    margin-right: auto
}

.header .logo__img {
    max-width: 18rem;
    max-height: 3.8rem;
    height: auto
}

.header.active {
    top: -100%
}

.header.active .header-nav__nav,
.header.active .header-lang__list,
.header.active .header-search__inner {
    top: 0
}

[dir=rtl] .header .logo {
    margin-right: 0;
    margin-left: auto
}

.promo-link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 2.3rem;
    text-decoration: none;
    color: inherit;
    background: none;
    border: 0;
    background: #e8e4e4;
    border-radius: .8rem;
    transition: background .2s;
    cursor: pointer;
    width: 4rem;
    height: 4rem
}

.promo-link span {
    font-size: 1.4rem
}

@media screen and (max-width: 991px) {
    .promo-link span {
        display: none
    }
}

.promo-link-alt {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4rem;
    height: 4rem;
    line-height: 1.4;
    color: inherit;
    text-decoration: none;
    border-radius: .8rem;
    background: #e8e4e4;
    transition: background .2s, color .2s
}

.promo-link-alt svg {
    width: 2.1rem;
    height: 2.8rem
}

@media screen and (max-width: 1199px) {
    .promo-link-alt span {
        display: none
    }
}

.logo {
    position: relative;
    display: flex;
    flex-shrink: 0
}

.logo__img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    margin: auto 0
}

.header-nav__toggle {
    position: relative;
    margin: 0 0 0 .4rem;
    padding: 0;
    background: none;
    border: 0;
    background: #e8e4e4;
    border-radius: .8rem;
    transition: background .2s;
    cursor: pointer;
    width: 4rem;
    height: 4rem
}

.header-nav__toggle span {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #2b2c43;
    opacity: 0;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: background .2s, transform .2s, opacity .2s;
    width: 1.6rem;
    height: .2rem
}

.header-nav__toggle svg {
    margin: auto;
    fill: #2b2c43;
    width: 1.6rem;
    height: 1rem
}

.header-nav__toggle.active {
    background: #2b4ee3
}

.header-nav__toggle.active span {
    background: #ffffff;
    width: 1.8rem;
    opacity: 1
}

.header-nav__toggle.active span:first-child {
    transform: translate(-50%, -50%) rotate(45deg)
}

.header-nav__toggle.active span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.header-nav__toggle.active svg {
    opacity: 0
}

.header-nav__nav {
    position: fixed;
    top: 5.2rem;
    right: 5.6rem;
    bottom: 0;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
    list-style: none;
    overflow-y: auto;
    transition: top .3s
}

.header-nav__nav.active {
    display: block
}

.header-nav__item {
    border-bottom: .1rem solid rgba(43, 44, 67, .05)
}

.header-nav__item a {
    transition: color .2s
}

.header-nav__item a:hover {
    color: #ff3a3a
}

.header-nav__button {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 1.6rem 3rem 1.6rem 4rem;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background .2s
}

.header-nav__button:before {
    content: "";
    position: absolute;
    top: 2rem;
    right: 1.6rem;
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    border-left: .8rem solid #ff3a3a;
    transition: border-color .2s, transform .2s;
    transform-origin: center;
    width: 0;
    height: 0
}

.header-nav__button:hover {
    background: #e8e4e4
}

.header-nav__button:disabled {
    cursor: default
}

.header-nav__button:disabled:before {
    display: none
}

.header-nav__button:disabled:hover {
    background: none
}

.header-nav__button a,
.header-nav__button span {
    font-size: 1.6rem;
    color: #2b2c43;
    text-decoration: none;
    font-weight: 700;
    font-family: DM Sans, sans-serif
}

.header-nav__button.active:before {
    transform: rotate(90deg)
}

.header-nav__button.active+.header-nav__subnav {
    display: block
}

.header-nav__subnav {
    display: none;
    margin: 0;
    padding: .5rem 0 3rem 4rem;
    list-style: none;
    cursor: default
}

.header-nav__subnav li:nth-child(n+2) {
    margin-top: .5rem
}

.header-nav__subnav a {
    color: #9fa9c6;
    text-decoration: none
}

.header-lang__button {
    position: relative;
    display: flex;
    margin: 0 0 0 .4rem;
    padding: 0;
    background: none;
    border: 0;
    background: #e8e4e4;
    border-radius: .8rem;
    transition: background .2s;
    cursor: pointer;
    width: 4rem;
    height: 4rem
}

.header-lang__button:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 6.4rem;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(43, 44, 67, .6)
}

.header-lang__button img {
    flex-shrink: 0;
    margin: auto;
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem
}

.header-lang__button.active {
    background: #2b4ee3
}

.header-lang__button.active:before {
    display: block
}

.header-lang__list {
    position: fixed;
    top: 5.2rem;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    max-width: 36rem;
    margin: 0;
    padding: 1.2rem;
    background: #ffffff;
    list-style: none;
    overflow-y: auto;
    transition: top .3s
}

@media screen and (min-width: 576px) {
    .header-lang__list {
        right: 0;
        left: auto
    }
}

.header-lang__list a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.6rem 4rem 1.6rem 1.6rem;
    font-size: 2rem;
    font-weight: 700;
    color: #2b2c43;
    text-decoration: none;
    border-radius: 1.4rem;
    transition: color .2s, background .2s
}

.header-lang__list a:hover {
    color: #ff3a3a;
    background: #e8e4e4
}

.header-lang__list a img {
    margin-right: 1.6rem;
    flex-shrink: 0;
    border-radius: 50%;
    width: 3.2rem;
    height: 3.2rem
}

.header-lang__list a.active {
    position: relative;
    background: #e8e4e4
}

.header-lang__list a.active:before,
.header-lang__list a.active:after {
    content: "";
    position: absolute;
    top: 50%
}

.header-lang__list a.active:before {
    right: 1.6rem;
    border-radius: .8rem;
    background: #00b75f;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem
}

.header-lang__list a.active:after {
    right: 2.3rem;
    border-bottom: .2rem solid #ffffff;
    border-left: .2rem solid #ffffff;
    transform-origin: center;
    transform: translateY(-50%) rotate(-45deg);
    border-radius: 0 0 0 .2rem;
    width: 1rem;
    height: .6rem
}

.header-lang__list.active {
    display: block
}

@media screen and (min-width: 576px) {
    [dir=rtl] .header-lang__list {
        right: auto;
        left: 0
    }
}

[dir=rtl] .header-lang__list a {
    padding-right: 1.6rem;
    padding-left: 4rem
}

[dir=rtl] .header-lang__list a.active:before {
    right: auto;
    left: 1.6rem
}

[dir=rtl] .header-lang__list a.active:after {
    right: auto;
    left: 2.3rem
}

[dir=rtl] .header-lang__list a img {
    margin-right: 0;
    margin-left: 1.6rem
}

.header-search__button {
    position: relative;
    display: flex;
    margin: 0 0 0 .4rem;
    padding: 0;
    border: 0;
    background: #e8e4e4;
    border-radius: .8rem;
    transition: background .2s;
    cursor: pointer;
    width: 4rem;
    height: 4rem
}

.header-search__button:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 6.4rem;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(43, 44, 67, .6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.header-search__button svg {
    flex-shrink: 0;
    margin: auto;
    stroke: #2b2c43;
    transition: stroke .2s;
    width: 1.8rem;
    height: 1.8rem
}

.header-search__button.active {
    background: #2b4ee3
}

.header-search__button.active:before {
    display: block
}

.header-search__button.active svg {
    stroke: #fff
}

.header-search__inner {
    position: fixed;
    top: 5.2rem;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    margin: 0;
    padding: 1.6rem 0;
    background: #ffffff;
    overflow-y: auto;
    transition: top .3s
}

.header-search__inner ul {
    list-style: none
}

.header-search__inner.active {
    display: block
}

.header-search__field {
    position: relative;
    margin: 0 1.2rem
}

.header-search__field svg {
    position: absolute;
    top: 50%;
    left: 1.8rem;
    stroke: #899ac3;
    transform: translateY(-50%);
    transition: stroke .2s;
    width: 1.3rem;
    height: 1.3rem
}

.header-search__input {
    width: 100%;
    padding: 1.4rem 4rem 1.4rem 4.8rem;
    font-size: 1.6rem;
    font-weight: 500;
    background: #e8e4e4;
    border-radius: 1.4rem;
    border: .1rem solid #e8e4e4;
    outline: none;
    transition: .2s border-color;
    font-family: inherit
}

.header-search__input::placeholder {
    color: #899ac3
}

.header-search__input:focus {
    border-color: #ff3a3a
}

.header-search__clear {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    display: none;
    padding: 0;
    background: #ffffff;
    border-radius: .8rem;
    border: none;
    transform: translateY(-50%);
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem
}

.header-search__clear:before,
.header-search__clear:after {
    content: "";
    position: absolute;
    top: 50%;
    background: #899ac3;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: background .2s;
    width: 1rem;
    height: .2rem
}

.header-search__clear:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.header-search__clear:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.header-search__clear:hover:before,
.header-search__clear:hover:after {
    background: #ff3a3a
}

.header-search__res {
    display: none;
    margin-top: 1.5rem
}

.header-search__res ul {
    max-height: 320px;
    margin: 0;
    padding: 0;
    overflow-y: auto
}

.header-search__res a {
    display: block;
    padding: .9rem 2.8rem;
    color: #2b2c43;
    text-decoration: none;
    transition: background .2s
}

.header-search__res a:hover {
    background: #ffede0
}

.header-search__no-res {
    display: none;
    margin: 0 2.8rem
}

[dir=rtl] .header-search__clear:before,
[dir=rtl] .header-search__clear:after {
    left: 50%
}

.intro {
    position: relative;
    padding: 4rem 0 3.8rem;
    min-height: 28rem;
    overflow: hidden;
    background: #f9f483ff
}

.intro:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0
}

.intro .container {
    position: relative;
    z-index: 1
}

.intro__title {
    margin: 0 0 .8rem;
    font-size: 2.4rem;
    font-weight: 700;
    color: #2c0000;
    line-height: 1.3
}

.intro__title b {
    color: #ffad3c
}

.intro__subtitle {
    margin: 0 0 1.5rem;
    font-size: 1.6rem;
    color: #fff
}

.intro__collapse {
    font-weight: 500
}

.intro__collapse:not(.active) .intro__collapse-inner {
    height: 4rem;
    overflow: hidden
}

.intro__collapse p {
    margin: 0 0 1.5rem
}

.intro__collapse-inner {
    margin-bottom: 1rem;
    line-height: 1.4
}

.intro__collapse-btn {
    position: relative;
    padding: 0 1.7rem 0 0;
    color: #2b4ee3;
    font-weight: 700;
    border: none;
    background: none;
    cursor: pointer
}

.intro__collapse-btn:after {
    content: "";
    position: absolute;
    right: 0;
    border-left: .2rem solid #2b4ee3;
    border-bottom: .2rem solid #2b4ee3;
    transform-origin: center;
    width: 1rem;
    height: 1rem
}

.intro__collapse-btn:not(.active):after {
    top: 0;
    transform: rotate(-45deg)
}

.intro__collapse-btn:not(.active) span:last-child {
    display: none
}

.intro__collapse-btn.active:after {
    bottom: 0;
    transform: rotate(135deg)
}

.intro__collapse-btn.active span:first-child {
    display: none
}

.intro:before {
    top: 0;
    height: 28rem;
    background: #f9f483ff
}



.intro-author {
    display: inline-flex;
    align-items: center;
    margin: 0 0 3rem;
    padding: .2rem .6rem;
    font-size: 1rem;
    line-height: 1.45;
    border-radius: 2.4rem
}

.intro-author a {
    color: inherit
}

.intro-author svg {
    vertical-align: middle;
    width: 1.1rem;
    height: 1.1rem
}

.intro-author__img {
    flex-shrink: 0;
    margin-right: .8rem;
    border-radius: 50%;
    overflow: hidden;
    width: 3.6rem;
    height: 3.6rem
}

.intro-author__img img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.intro-author__info {
    padding-right: .5rem
}

.intro-author__by,
.intro-author__at {
    margin: 0
}

.intro-author {
    color: #fff;
    background: rgba(78, 116, 227, .5)
}

.intro-author__at {
    color: #fff
}

.top {
    padding: 0 0 3.2rem;
    text-align: center;
    background: #f9f483ff
}

.top__title {
    position: relative;
    z-index: 1;
    margin: 0 0 1.6rem;
    font-size: 2rem;
    line-height: 1.4
}

.top__list {
    position: relative;
    margin: 0 0 1.8rem;
    padding: 0;
    list-style: none;
    counter-reset: top
}

.top__list:before {
    content: "";
    position: absolute;
    top: -3.2rem;
    left: 50%;
    transform: translate(-50%);
    background: url(/build/assets/top-bg.svg) top left/100% auto no-repeat;
    width: 22rem;
    height: 6.2rem
}

.top__item {
    display: flex;
    width: 100%;
    max-width: 34rem;
    margin: 0 auto 1rem;
    counter-increment: top
}

@media screen and (max-width: 991px) {

    .top__item .top__card,
    .top__item .top__body,
    .top__item .top__right {
        display: flex;
        flex-direction: column
    }

    .top__item .top__head,
    .top__item .top__body,
    .top__item .top__left,
    .top__item .top__right,
    .top__item .top__info,
    .top__item .top__payments,
    .top__item .top__btns {
        width: 100%;
        flex-shrink: 0
    }

    .top__item .top__body,
    .top__item .top__right {
        flex-grow: 1
    }

    .top__item .top__btns {
        margin-top: auto
    }
}

.top__item.hidden {
    display: none
}

.top__card {
    position: relative;
    width: 100%;
    padding: .6rem .6rem 1.6rem;
    background: #ffffff;
    border-radius: 1.6rem
}

.top__head {
    position: relative;
    margin: 0 0 1.6rem
}

.top__head:before {
    content: counter(top);
    position: absolute;
    top: .8rem;
    left: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    border-radius: .6rem;
    background: #ffb23e;
    width: 1.6rem;
    height: 1.6rem
}

.top__badge {
    position: absolute;
    top: .8rem;
    left: 2.8rem;
    min-height: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding: 0 .6rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: #ff3a3a;
    border-radius: .6rem
}

.top__head-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    background: #e37d7d !important;
    border-radius: 1.4rem;
    border: none;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    height: 16rem
}

.top__img {
    max-width: 27.6rem;
    max-height: 13rem;
    width: auto;
    height: auto
}

.top__body {
    padding: 0 .6rem
}

.top__left-head {
    margin: 0 0 .5rem
}

.top__subtitle {
    margin: 0;
    font-size: 2rem;
    font-weight: 700
}

.top__left-rating {
    display: none
}

.top__rating {
    margin: 0 0 2.4rem
}

.top__rating .rating {
    margin: 0 auto
}

.top__bonus {
    position: relative;
    margin: 0 0 1.6rem;
    padding: 1.4rem 2.6rem 1rem;
    background: #e7cd73;
    border: .1rem solid #e8e4e4;
    border-radius: 1.4rem
}

.top__bonus-label {
    margin: 0 0 .3rem;
    font-size: 1.2rem;
    font-weight: 500
}

.top__bonus-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -1.2rem);
    border-radius: .6rem;
    background: #e8e4e4 url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOSI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBkPSJNOS4wNCA1LjAyN2g1LjQ5OGExLjM0OCAxLjM0OCAwIDAgMCAxLjM0LTEuMzQ2YzAtMi4xMTUtMi41MjktMy4xOTItNC4wNDItMS43MjdMOS4wMzkgNC42NjZ2LjM2WiIgZmlsbD0iI0RFMjIzNiIvPjxwYXRoIGQ9Ik05LjA0IDUuMDI3aDUuNDk4YTEuMzQ4IDEuMzQ4IDAgMCAwIDEuMzQtMS4zNDZjMC0yLjExNS0yLjUyOS0zLjE5Mi00LjA0Mi0xLjcyN0w5LjAzOSA0LjY2NnYuMzZaIiBmaWxsPSJ1cmwoI2IpIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNjKSI+PHBhdGggZD0iTTkuMDQgNS4wMjdoLTUuNUExLjM0OCAxLjM0OCAwIDAgMSAyLjIwNCAzLjY4YzAtMi4xMTUgMi41MjgtMy4xOTIgNC4wNDEtMS43MjdsMi43OTcgMi43MTJ2LjM2WiIgZmlsbD0idXJsKCNkKSIvPjxwYXRoIGQ9Ik05LjA0IDUuMDI3aC01LjVBMS4zNDggMS4zNDggMCAwIDEgMi4yMDQgMy42OGMwLTIuMTE1IDIuNTI4LTMuMTkyIDQuMDQxLTEuNzI3bDIuNzk3IDIuNzEydi4zNloiIGZpbGw9InVybCgjZSkiLz48cGF0aCBkPSJNOS4wNCA1LjAyN2gtNS41QTEuMzQ4IDEuMzQ4IDAgMCAxIDIuMjA0IDMuNjhjMC0yLjExNSAyLjUyOC0zLjE5MiA0LjA0MS0xLjcyN2wyLjc5NyAyLjcxMnYuMzZaIiBmaWxsPSJ1cmwoI2YpIi8+PC9nPjxwYXRoIGQ9Ik0xNC41NTUgMTguNzc3SDMuNDQ1YTEuMzA4IDEuMzA4IDAgMCAxLTEuMzItMS4zMDV2LTguMDdoMTMuNzV2OC4wNzJjMCAuNzE2LS41ODggMS4zMDMtMS4zMiAxLjMwM1oiIGZpbGw9InVybCgjZykiLz48cGF0aCBkPSJNMTQuNTU1IDE4Ljc3N0gzLjQ0NWExLjMwOCAxLjMwOCAwIDAgMS0xLjMyLTEuMzA1di04LjA3aDEzLjc1djguMDcyYzAgLjcxNi0uNTg4IDEuMzAzLTEuMzIgMS4zMDNaIiBmaWxsPSJ1cmwoI2gpIi8+PHBhdGggZD0iTTE0LjU1NSAxOC43NzdIMy40NDVhMS4zMDggMS4zMDggMCAwIDEtMS4zMi0xLjMwNXYtOC4wN2gxMy43NXY4LjA3MmMwIC43MTYtLjU4OCAxLjMwMy0xLjMyIDEuMzAzWiIgZmlsbD0idXJsKCNpKSIvPjxwYXRoIGQ9Ik0xNC41NTUgMTguNzc3SDMuNDQ1YTEuMzA4IDEuMzA4IDAgMCAxLTEuMzItMS4zMDV2LTguMDdoMTMuNzV2OC4wNzJjMCAuNzE2LS41ODggMS4zMDMtMS4zMiAxLjMwM1oiIGZpbGw9InVybCgjaikiLz48cGF0aCBkPSJNMTQuNTU1IDE4Ljc3N0gzLjQ0NWExLjMwOCAxLjMwOCAwIDAgMS0xLjMyLTEuMzA1di04LjA3aDEzLjc1djguMDcyYzAgLjcxNi0uNTg4IDEuMzAzLTEuMzIgMS4zMDNaIiBmaWxsPSJ1cmwoI2spIi8+PHBhdGggZD0iTTE0LjU1NSAxOC43NzdIMy40NDVhMS4zMDggMS4zMDggMCAwIDEtMS4zMi0xLjMwNXYtOC4wN2gxMy43NXY4LjA3MmMwIC43MTYtLjU4OCAxLjMwMy0xLjMyIDEuMzAzWiIgZmlsbD0idXJsKCNsKSIvPjxwYXRoIGQ9Ik0xNi4yODkgNS4wMjdIMS43MWEuODM3LjgzNyAwIDAgMC0uODM2Ljg0djIuNjk3YzAgLjQ2My4zNzUuODM4LjgzNi44MzhIMTYuMjlhLjgzOC44MzggMCAwIDAgLjgzNi0uODM4VjUuODY2YS44MzguODM4IDAgMCAwLS44MzYtLjgzOVoiIGZpbGw9InVybCgjbSkiLz48cGF0aCBkPSJNMTYuMjg5IDUuMDI3SDEuNzFhLjgzNy44MzcgMCAwIDAtLjgzNi44NHYyLjY5N2MwIC40NjMuMzc1LjgzOC44MzYuODM4SDE2LjI5YS44MzguODM4IDAgMCAwIC44MzYtLjgzOFY1Ljg2NmEuODM4LjgzOCAwIDAgMC0uODM2LS44MzlaIiBmaWxsPSJ1cmwoI24pIi8+PHBhdGggZD0iTTE2LjI4OSA1LjAyN0gxLjcxYS44MzcuODM3IDAgMCAwLS44MzYuODR2Mi42OTdjMCAuNDYzLjM3NS44MzguODM2LjgzOEgxNi4yOWEuODM4LjgzOCAwIDAgMCAuODM2LS44MzhWNS44NjZhLjgzOC44MzggMCAwIDAtLjgzNi0uODM5WiIgZmlsbD0idXJsKCNvKSIvPjxwYXRoIGQ9Ik0xNi4yODkgNS4wMjdIMS43MWEuODM3LjgzNyAwIDAgMC0uODM2Ljg0djIuNjk3YzAgLjQ2My4zNzUuODM4LjgzNi44MzhIMTYuMjlhLjgzOC44MzggMCAwIDAgLjgzNi0uODM4VjUuODY2YS44MzguODM4IDAgMCAwLS44MzYtLjgzOVoiIGZpbGw9InVybCgjcCkiLz48cGF0aCBkPSJNMTYuMjg5IDUuMDI3SDEuNzFhLjgzNy44MzcgMCAwIDAtLjgzNi44NHYyLjY5N2MwIC40NjMuMzc1LjgzOC44MzYuODM4SDE2LjI5YS44MzguODM4IDAgMCAwIC44MzYtLjgzOFY1Ljg2NmEuODM4LjgzOCAwIDAgMC0uODM2LS44MzlaIiBmaWxsPSJ1cmwoI3EpIi8+PHBhdGggZD0iTTE2LjI4OSA1LjAyN0gxLjcxYS44MzcuODM3IDAgMCAwLS44MzYuODR2Mi42OTdjMCAuNDYzLjM3NS44MzguODM2LjgzOEgxNi4yOWEuODM4LjgzOCAwIDAgMCAuODM2LS44MzhWNS44NjZhLjgzOC44MzggMCAwIDAtLjgzNi0uODM5WiIgZmlsbD0idXJsKCNyKSIvPjxnIGZpbHRlcj0idXJsKCNzKSI+PHBhdGggZD0iTTkuMDAzIDEuOTAyYy0xLjAzNyAwLTEuODc4Ljg1NS0xLjg3OCAxLjkxM3YxNC45NjJoMy43NVYzLjgxNWMuMDA2LTEuMDU3LS44MzQtMS45MTMtMS44NzItMS45MTNaIiBmaWxsPSJ1cmwoI3QpIi8+PHBhdGggZD0iTTkuMDAzIDEuOTAyYy0xLjAzNyAwLTEuODc4Ljg1NS0xLjg3OCAxLjkxM3YxNC45NjJoMy43NVYzLjgxNWMuMDA2LTEuMDU3LS44MzQtMS45MTMtMS44NzItMS45MTNaIiBmaWxsPSJ1cmwoI3UpIi8+PC9nPjxnIGZpbHRlcj0idXJsKCN2KSI+PHBhdGggZD0iTTE0LjAwOCAxLjkwMmMuNDg4LjEzIDEuNDM3LjcgMS4zMjggMS45MzQiIHN0cm9rZT0iI0ZCNTE1NyIgc3Ryb2tlLXdpZHRoPSIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjxnIGZpbHRlcj0idXJsKCN3KSI+PHBhdGggZD0iTTUuMDQgMS43OTZjLjA5Ni0uMDA5LjM4Mi4wNTcuNzUuMzg2LjM2Ny4zMy44OTQuODggMS4xMTIgMS4xMTMiIHN0cm9rZT0iI0ZCNTE1NyIgc3Ryb2tlLXdpZHRoPSIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjE5NiIgeTE9IjUuMzI3IiB4Mj0iMTMuMTk2IiB5Mj0iNC4xNjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQ0UyODBBIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQ0UyODBBIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9IjYuNzE0IiB5MT0iMi4wODYiIHgyPSI1LjYyMSIgeTI9IjUuMDI3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0RGMjMzMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q5MjEzQiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJlIiB4MT0iNC44ODQiIHkxPSI1LjMyNyIgeDI9IjQuODg0IiB5Mj0iNC4xNjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQ0UyODBBIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQ0UyODBBIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjIuMTI1IiB5MT0iMTUuMzc4IiB4Mj0iMTUuODc1IiB5Mj0iMTUuMzc4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0YxQTczOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZBRDQyQyIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJoIiB4MT0iOSIgeTE9IjguMTUyIiB4Mj0iOSIgeTI9IjEwLjE4MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNDOTc1MjUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNDOTc1MjUiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJqIiB4MT0iMS43ODEiIHkxPSIxNC4wODkiIHgyPSIzLjgxMiIgeTI9IjE0LjA4OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNDMjc3M0YiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNDMjc3M0YiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJrIiB4MT0iOS4zMjEiIHkxPSIxOS4xNjMiIHgyPSI5LjMyMSIgeTI9IjE4LjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRTY4MzcwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTY4MzcwIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibCIgeDE9IjE2LjMxMiIgeTE9IjE0LjkwOSIgeDI9IjE0LjYzMyIgeTI9IjE0LjkwOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkY3MzMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkY3MzMiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJtIiB4MT0iMTcuMTI1IiB5MT0iNy41MTkiIHgyPSIuODc1IiB5Mj0iNy40NzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRjZENzI5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjM5QjNBIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9Im4iIHgxPSIxNy4xMjUiIHkxPSI3LjIxNSIgeDI9IjE2LjA0NiIgeTI9IjcuMjE1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRjg1MCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRjg1MCIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9Im8iIHgxPSI5IiB5MT0iOS42MDIiIHgyPSI5IiB5Mj0iOC44NjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRThBRjIxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRThBRjIxIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icSIgeDE9Ii42OTkiIHkxPSI3LjQ3OSIgeDI9IjIuMTQ0IiB5Mj0iNy40NzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQkU3ODQxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkU3ODQxIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0idCIgeDE9IjkuMDA1IiB5MT0iMS45MDQiIHgyPSI5LjAwNSIgeTI9IjE4Ljc3NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNEMTIxMzYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCNjI0NkUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0idSIgeDE9IjkiIHkxPSIxOC45MzciIHgyPSI5IiB5Mj0iMTguMDM0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0IzMzY4QyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0IzMzY4QyIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJhIiB4PSI5LjAzOSIgeT0iMS4yNzkiIHdpZHRoPSI3LjEzNiIgaGVpZ2h0PSI0LjA0OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLjMiIGR5PSIuMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii4zNzUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuNjk4MDM5IDAgMCAwIDAgMC4yMzUyOTQgMCAwIDAgMCAwLjI0MzEzNyAwIDAgMCAxIDAiLz48ZmVCbGVuZCBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMjM3XzEyMzQiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJjIiB4PSIyLjIwMyIgeT0iLjk3OSIgd2lkdGg9IjcuMzM2IiBoZWlnaHQ9IjQuMDQ4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii0uMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii4zNzUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuNjk4MDM5IDAgMCAwIDAgMC4yMzUyOTQgMCAwIDAgMCAwLjI0MzEzNyAwIDAgMCAxIDAiLz48ZmVCbGVuZCBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMjM3XzEyMzQiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJzIiB4PSI2LjkyNSIgeT0iMS45MDIiIHdpZHRoPSI0LjE1IiBoZWlnaHQ9IjE2Ljg3NSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLjIiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIuMSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC43Mjk0MTIgMCAwIDAgMCAwLjEwMTk2MSAwIDAgMCAwIDAuMTUyOTQxIDAgMCAwIDEgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd18yMzdfMTIzNCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0uMiIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii4xIi8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjg5NDExOCAwIDAgMCAwIDAuMzAxOTYxIDAgMCAwIDAgMC4zNDExNzYgMCAwIDAgMSAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3QxX2lubmVyU2hhZG93XzIzN18xMjM0IiByZXN1bHQ9ImVmZmVjdDJfaW5uZXJTaGFkb3dfMjM3XzEyMzQiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJ2IiB4PSIxMi43NTgiIHk9Ii42NTIiIHdpZHRoPSIzLjgzNiIgaGVpZ2h0PSI0LjQzNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMzdfMTIzNCIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9InciIHg9IjMuNzg5IiB5PSIuNTQ1IiB3aWR0aD0iNC4zNTkiIGhlaWdodD0iNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMzdfMTIzNCIvPjwvZmlsdGVyPjxyYWRpYWxHcmFkaWVudCBpZD0iZiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InJvdGF0ZSgtMTczLjYwMyAzLjg3OCAyLjM5NCkgc2NhbGUoMS42MDYzNiA0LjIyNTA0KSI+PHN0b3Agb2Zmc2V0PSIuMTUxIiBzdG9wLWNvbG9yPSIjQkQxMTIzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkQxMTIzIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iaSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMS40ODQzOCAwIDAgLTExLjY3OTcgNy41MjMgMTMuMzQ3KSI+PHN0b3Agc3RvcC1jb2xvcj0iI0M4N0MyOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0M4N0MyOCIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InAiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMCAtMS4xNDAwOCA4LjE5MDU2IDAgMi44NDYgOS44NTUpIj48c3RvcCBzdG9wLWNvbG9yPSIjREU3NTUwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjREU3NTUwIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iciIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMS41ODIwMyAwIDAgLTEwLjk1NyA3LjcxOSA3Ljg2KSI+PHN0b3Agb2Zmc2V0PSIuMTg5IiBzdG9wLWNvbG9yPSIjQzU3RTEwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQzU3RTEwIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=) center center/1.7rem 1.8rem no-repeat;
    width: 2.4rem;
    height: 2.4rem
}

.top__bonus-text {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase
}

.top__info {
    display: flex;
    margin: 0 0 1.2rem;
    padding: 0;
    list-style: none
}

.top__info li {
    flex-shrink: 0;
    width: 33%
}

.top__info li:nth-child(2) {
    border-right: .1rem solid #f0f3fc;
    border-left: .1rem solid #f0f3fc
}

.top__info-label {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4
}

.top__info-text {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
    word-break: break-word
}

.top__payments {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 1.1rem;
    line-height: 1
}

.top__payments-list,
.top__more-payments {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.top__payments-list li,
.top__more-payments li {
    display: flex;
    align-items: center;
    margin: 0 .7rem .5rem 0
}

.top__payments-list img,
.top__more-payments img {
    max-width: 3rem;
    max-height: 2rem;
    filter: grayscale(100%);
    opacity: .4;
    width: auto;
    height: auto
}

.top__payments-list img[src$=".svg"],
.top__payments-list img[src*=".svg"],
.top__more-payments img[src$=".svg"],
.top__more-payments img[src*=".svg"] {
    width: 100%
}

.top__payments-list {
    margin: 0;
    padding: 0
}

.top__payments-list>li {
    position: relative
}

.top__payments-list>li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b7bfd8;
    mix-blend-mode: color;
    pointer-events: none
}

.top__payments-btn {
    flex-shrink: 0;
    margin: 0 0 0 auto;
    padding: .1rem;
    color: #b7bfd8;
    font-size: 1rem;
    font-weight: 500;
    background: #eff3fc;
    border: none;
    border-radius: .6rem;
    cursor: pointer;
    transition: background .2s, color .2s;
    width: 2.8rem;
    height: 2rem
}

.top__payments-btn:not(.top__payments-btn--mobile):hover {
    color: #fff;
    background: #ff3a3a
}

.top__payments-btn:not(.top__payments-btn--mobile) span:last-child {
    display: none
}

.top__payments-btn--mobile span:last-child {
    display: none
}

.top__payments-btn--mobile.active {
    color: #fff;
    background: #ff3a3a
}

.top__payments-btn--mobile.active span:first-child {
    display: none
}

.top__payments-btn--mobile.active span:last-child {
    display: inline
}

.top__payments-btn--mobile.active+.top__more-payments {
    display: flex;
    transform: translateY(-3rem)
}

.top__more-payments {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    background: #eff3fc;
    margin: 0;
    padding: .9rem 1.4rem .4rem;
    border-radius: .6rem;
    border: .1rem solid #e8e4e4;
    transform: translateY(110%)
}

.top__btns button,
.top__btns .referral-btn {
    display: block;
    width: 100%;
    margin: 0 0 1.2rem;
    padding: 1.5rem .5rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 1.4rem;
    border: none;
    background: linear-gradient(to bottom, #ed99ac 0%, #f4125f 100%);
    cursor: pointer
}

.top__btns button:hover,
.top__btns .referral-btn:hover {
    background: linear-gradient(to bottom, #e45555 0%, #3b0208 100%)
}

.top__btns a:not(.referral-btn) {
    text-decoration: none;
    color: #2b4ee3;
    font-weight: 700
}

.top__btns a:not(.referral-btn):hover {
    text-decoration: underline
}

.top__load-more {
    display: none;
    width: 100%;
    max-width: 34rem;
    margin: 0 auto;
    padding: 1.5rem .5rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    background: #ff3a3a;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: none;
    transition: background .2s;
    cursor: pointer
}

.top__load-more:hover {
    background: #0d3fc0
}

[dir=rtl] .top__head:before {
    right: .8rem;
    left: auto
}

[dir=rtl] .top__badge {
    right: 2.8rem;
    left: auto
}

.affiliate-disclosure {
    margin-bottom: .9rem;
    text-align: left
}

.affiliate-disclosure__hover {
    position: relative;
    display: inline-block
}

.affiliate-disclosure__content {
    display: inline-block;
    margin-top: 1.7rem;
    margin-bottom: .9rem;
    cursor: pointer
}

.affiliate-disclosure__content:hover+.affiliate-disclosure__description {
    display: block
}

.affiliate-disclosure__content-title {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-left: .4rem;
    font-weight: 700;
    color: #2b2c43
}

.affiliate-disclosure__content-image {
    color: #2b2c43
}

.affiliate-disclosure__description {
    z-index: 4;
    position: absolute;
    top: 100%;
    left: -.4rem;
    display: none;
    width: 34rem;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1.7rem 1.6rem 1.3rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: #fff;
    text-align: left;
    background-color: #2b2c43;
    border-radius: .8rem
}

.affiliate-disclosure__description:before {
    content: "";
    position: absolute;
    top: -2rem;
    left: .6rem;
    border: 1rem solid transparent;
    border-top: 1.6rem solid #2b2c43;
    transform: rotateX(180deg)
}

.affiliate-disclosure__description a {
    color: #237bff
}

.rating {
    -webkit-mask-image: url(/build/assets/stars-mask.svg);
    mask-image: url(/build/assets/stars-mask.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    width: 13.5rem;
    height: 2.4rem
}

.editor-content {
    position: relative;
    z-index: 1;
    line-height: 1.4
}

.editor-content p:not([class]) {
    line-height: 2.4rem
}

.editor-content ul:not([class]),
.editor-content ol:not([class]) {
    margin: 1.5rem 0 2.5rem;
    padding: 0;
    list-style: none
}

.editor-content ul:not([class]) li,
.editor-content ol:not([class]) li {
    position: relative;
    min-height: 2.4rem;
    padding: .3rem 0 0 3.6rem
}

.editor-content ul:not([class]) li:before,
.editor-content ol:not([class]) li:before {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .8rem;
    width: 2.4rem;
    height: 2.4rem
}

.editor-content ul:not([class]) li:nth-child(n+2),
.editor-content ol:not([class]) li:nth-child(n+2) {
    margin-top: 1.5rem
}

.editor-content ul:not([class]) li>*:last-child,
.editor-content ol:not([class]) li>*:last-child {
    margin-bottom: 0
}

.editor-content ul:not([class]) li h2:first-child,
.editor-content ul:not([class]) li h3:first-child,
.editor-content ul:not([class]) li h4:first-child,
.editor-content ul:not([class]) li h5:first-child,
.editor-content ul:not([class]) li h6:first-child,
.editor-content ul:not([class]) li p:first-child,
.editor-content ol:not([class]) li h2:first-child,
.editor-content ol:not([class]) li h3:first-child,
.editor-content ol:not([class]) li h4:first-child,
.editor-content ol:not([class]) li h5:first-child,
.editor-content ol:not([class]) li h6:first-child,
.editor-content ol:not([class]) li p:first-child {
    margin: 0 0 .6rem
}

.editor-content ul:not([class]) li>h2:first-child,
.editor-content ul:not([class]) li>h3:first-child,
.editor-content ul:not([class]) li>h4:first-child,
.editor-content ul:not([class]) li>h5:first-child,
.editor-content ul:not([class]) li>h6:first-child,
.editor-content ul:not([class]) li>p:first-child,
.editor-content ol:not([class]) li>h2:first-child,
.editor-content ol:not([class]) li>h3:first-child,
.editor-content ol:not([class]) li>h4:first-child,
.editor-content ol:not([class]) li>h5:first-child,
.editor-content ol:not([class]) li>h6:first-child,
.editor-content ol:not([class]) li>p:first-child {
    margin: 0 0 .6rem
}

.editor-content ul:not([class]) li>h2:first-child:not(:last-child),
.editor-content ul:not([class]) li>h3:first-child:not(:last-child),
.editor-content ul:not([class]) li>h4:first-child:not(:last-child),
.editor-content ul:not([class]) li>h5:first-child:not(:last-child),
.editor-content ul:not([class]) li>h6:first-child:not(:last-child),
.editor-content ul:not([class]) li>p:first-child:not(:last-child),
.editor-content ol:not([class]) li>h2:first-child:not(:last-child),
.editor-content ol:not([class]) li>h3:first-child:not(:last-child),
.editor-content ol:not([class]) li>h4:first-child:not(:last-child),
.editor-content ol:not([class]) li>h5:first-child:not(:last-child),
.editor-content ol:not([class]) li>h6:first-child:not(:last-child),
.editor-content ol:not([class]) li>p:first-child:not(:last-child) {
    font-weight: 700;
    font-size: 1.6rem
}

.editor-content ul:not([class]) li>img:first-child,
.editor-content ol:not([class]) li>img:first-child {
    padding: 0;
    max-width: 5rem;
    max-height: 5rem;
    border-radius: 0
}

.editor-content ul:not([class]) p,
.editor-content ol:not([class]) p {
    width: 100%;
    margin: 0 0 .8rem
}

.editor-content ul:not([class]) li:before {
    content: "";
    display: block;
    background: #48dbc6 url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCA4Ij48cGF0aCBkPSJtMy4zOTYgNy41ODItMy4yNS0zLjI1YS41LjUgMCAwIDEgMC0uNzA3bC43MDgtLjcwN2EuNS41IDAgMCAxIC43MDcgMGwyLjE4OSAyLjE5TDguNDQuNDE3YS41LjUgMCAwIDEgLjcwNiAwbC43MDguNzA3YS41LjUgMCAwIDEgMCAuNzA3bC01Ljc1IDUuNzVhLjUuNSAwIDAgMS0uNzA4IDBaIiBmaWxsPSIjZmZmIi8+PC9zdmc+) center center/1rem .75rem no-repeat
}

.editor-content ol:not([class]) {
    counter-reset: ol-list
}

.editor-content ol:not([class]) li {
    counter-increment: ol-list
}

.editor-content ol:not([class]) li:before {
    content: counter(ol-list);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    background: #ff3a3a
}

.editor-content h2:not([class]),
.editor-content h3:not([class]),
.editor-content h4:not([class]),
.editor-content h5:not([class]),
.editor-content h6:not([class]) {
    margin: 2.5rem 0 1.6rem
}

.editor-content h2:not([class]) {
    font-size: 2rem
}

.editor-content h3:not([class]) {
    font-size: 1.8rem
}

.editor-content h4:not([class]),
.editor-content h5:not([class]),
.editor-content h6:not([class]) {
    font-size: 1.6rem
}

.editor-content p:not([class]) {
    margin: 1.5rem 0
}

.editor-content a:not([class]) {
    color: #ff3a3a
}

.editor-content a:not([class]):hover {
    text-decoration: none
}

.editor-content img:not([class]) {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1.5rem 0;
    border-radius: 1.6rem
}

.editor-content>.container>#react-bonus-calculator:first-child>div {
    margin-top: 0
}

.editor-content .table.table--small.table--alt {
    min-width: auto;
    width: auto;
    border-radius: 0;
    background: none
}

.editor-content__easter-bg {
    z-index: -1;
    position: absolute;
    top: -2.5rem;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    height: 90rem;
    background: linear-gradient(to bottom, #e8e4e4 0%, #e8e4e4 65%, #ffffff 95%);
    pointer-events: none;
    overflow: hidden
}

.editor-content__easter-img {
    max-width: 155.8rem;
    opacity: .5
}

[dir=rtl] .editor-content ul:not([class]) li,
[dir=rtl] .editor-content ol:not([class]) li {
    padding-left: 0;
    padding-right: 3.6rem
}

[dir=rtl] .editor-content ul:not([class]) li:before,
[dir=rtl] .editor-content ol:not([class]) li:before {
    right: 0;
    left: auto
}

[amp] .editor-content:not(.editor-content--all-reviews) {
    overflow-x: auto
}

.editor-ref-btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 1.7rem .5rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: none;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%);
    cursor: pointer
}

.editor-ref-btn:hover {
    background: linear-gradient(to bottom, #ff8126 0%, #ffb23e 100%)
}

.js-ref-btn.hidden {
    display: none
}

.editor-content>.container>.editor-ref-btn {
    max-width: 30rem
}

html:not([amp]) .editor-content .table.table--small.table--alt {
    width: auto !important
}

.table-wrapper {
    width: 100%;
    margin: 1.2rem 0 2rem;
    padding: 0 0 .8rem;
    overflow-x: auto
}

.table,
table:not([class]),
table:not(.casino-info__overall-rating-table),
.table-without-header {
    width: 100%;
    min-width: 78rem;
    border-radius: 1.6rem;
    border-collapse: collapse;
    background: #eff3fc;
    text-align: left;
    overflow: hidden
}

.table thead,
.table tr:first-child,
table:not([class]) thead,
table:not([class]) tr:first-child,
table:not(.casino-info__overall-rating-table) thead,
table:not(.casino-info__overall-rating-table) tr:first-child,
.table-without-header thead,
.table-without-header tr:first-child {
    background: #d2cb85
}

.table thead+tbody tr:first-child,
table:not([class]) thead+tbody tr:first-child,
table:not(.casino-info__overall-rating-table) thead+tbody tr:first-child,
.table-without-header thead+tbody tr:first-child {
    background: #fff
}

.table tr,
table:not([class]) tr,
table:not(.casino-info__overall-rating-table) tr,
.table-without-header tr {
    background: #f7f0a3
}

.table th,
.table td,
table:not([class]) th,
table:not([class]) td,
table:not(.casino-info__overall-rating-table) th,
table:not(.casino-info__overall-rating-table) td,
.table-without-header th,
.table-without-header td {
    padding: 1.2rem 1.5rem;
    border: .1rem solid #eff3fc
}

.table th:first-child img,
.table td:first-child img,
table:not([class]) th:first-child img,
table:not([class]) td:first-child img,
table:not(.casino-info__overall-rating-table) th:first-child img,
table:not(.casino-info__overall-rating-table) td:first-child img,
.table-without-header th:first-child img,
.table-without-header td:first-child img {
    max-height: 3rem;
    width: auto;
    max-width: 10rem;
    margin: 0;
    border-radius: .2rem
}

.table th,
table:not([class]) th,
table:not(.casino-info__overall-rating-table) th,
.table-without-header th {
    font-weight: 500;
    font-size: 1rem
}

.table td,
table:not([class]) td,
table:not(.casino-info__overall-rating-table) td,
.table-without-header td {
    font-size: 1.2rem
}

.table td:first-child,
table:not([class]) td:first-child,
table:not(.casino-info__overall-rating-table) td:first-child,
.table-without-header td:first-child {
    padding-left: 2rem
}

.table tr:last-child {
    border-radius: 0 0 1.6rem 1.6rem
}

.table tr:last-child td:first-child {
    border-radius: 0 0 0 1.6rem
}

.table tr:last-child td:last-child {
    border-radius: 0 0 1.6rem
}

.table--with-btn td {
    padding-top: .4rem;
    padding-bottom: .4rem
}

.table--with-btn td:last-child {
    padding-left: .9rem;
    padding-right: .9rem
}

table.payment-methods tbody tr:first-child,
table.withdrawal-methods tbody tr:first-child {
    background: #fff
}

.property-table {
    margin: 0 0 2.4rem;
    padding: 2.4rem 0 .5rem;
    background: #e8e4e4
}

.property-table table tr:first-child {
    background: #fff
}

.property-table table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 12px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.property-table table td:first-child {
    min-width: 17rem;
    padding-left: 2.5rem;
    font-weight: 700
}

.property-table .table-wrapper {
    margin: 0
}

.table-without-header tr:first-child:first-child th,
.table-without-header tr:first-child:first-child td {
    background: #ffffff
}

[dir=rtl] .table,
[dir=rtl] table:not([class]),
[dir=rtl] table:not(.casino-info__overall-rating-table) {
    text-align: right
}

[amp] .table th:first-child>div,
[amp] .table td:first-child>div,
[amp] table:not([class]) th:first-child>div,
[amp] table:not([class]) td:first-child>div,
[amp] table:not(.casino-info__overall-rating-table) th:first-child>div,
[amp] table:not(.casino-info__overall-rating-table) td:first-child>div {
    position: relative;
    width: 5rem;
    height: 3rem
}

[amp] .table th:first-child>div img,
[amp] .table td:first-child>div img,
[amp] table:not([class]) th:first-child>div img,
[amp] table:not([class]) td:first-child>div img,
[amp] table:not(.casino-info__overall-rating-table) th:first-child>div img,
[amp] table:not(.casino-info__overall-rating-table) td:first-child>div img {
    width: 100%;
    object-fit: contain
}

[amp] .editor-content .table,
[amp] .editor-content table:not([class]) {
    min-width: 100%
}

.button-info {
    min-width: 8.3rem;
    padding: .95rem .5rem;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #2b4ee3;
    background: #e8e4e4;
    border-radius: 1rem;
    border: .1rem solid #2b4ee3;
    transition: background .2s;
    cursor: pointer
}

.button-info:hover {
    background: rgb(198.7909090909, 211.2818181818, 242.5090909091)
}

.gradient-bg {
    position: relative;
    padding: 2.4rem 0
}

.gradient-bg:last-child {
    padding-bottom: 0
}

.gradient-bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: -1.5rem;
    bottom: 0;
    left: -1.5rem;
    background: #e8e4e4;
    z-index: -1
}

.gradient-bg>h2:not([class]),
.gradient-bg>h3:not([class]),
.gradient-bg>h4:not([class]),
.gradient-bg>h5:not([class]),
.gradient-bg>h6:not([class]) {
    margin-top: 0
}

.gradient-bg+.gradient-bg {
    padding-top: 0
}

.bonuses-list {
    position: relative;
    padding: 2.4rem 0 2.9rem;
    color: #fff
}

.bonuses-list:before {
    content: "";
    position: absolute;
    top: 0;
    right: -1.5rem;
    bottom: 0;
    left: -1.5rem;
    background: #4200ff url(/build/assets/bonuses-bg_xs.webp) top right/100% 100% no-repeat
}

.bonuses-list__title {
    position: relative;
    margin: 0 0 1.5rem;
    font-size: 2rem
}

.bonuses-list__list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.bonuses-list__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 3.7rem 0 0;
    padding: 4.3rem 1.4rem 1.9rem;
    background: rgba(255, 255, 255, .1);
    border: .1rem solid rgba(255, 255, 255, .3);
    border-radius: 1.4rem
}

.bonuses-list__item--top .bonuses-list__inner {
    position: relative;
    padding-left: 8rem;
    text-align: left
}

.bonuses-list__item--top .bonuses-list__badge-img {
    position: absolute;
    bottom: 1.2rem;
    left: 1.4rem;
    width: 5.4rem;
    height: 6rem
}

.bonuses-list__item--top .bonuses-list__button {
    background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%)
}

.bonuses-list__item--top .bonuses-list__button:hover {
    background: none
}

.bonuses-list__picture {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    padding: .2rem;
    background: #4e0000;
    border-radius: 50%;
    border: .1rem solid #7f74fa;
    overflow: hidden;
    transform: translate(-50%, -50%);
    width: 5.4rem;
    height: 5.4rem
}

.bonuses-list__img {
    flex-shrink: 0;
    max-width: 5.1rem;
    max-height: 5.1rem;
    width: auto;
    height: auto
}

.bonuses-list__subtitle {
    margin: 0 0 1.6rem;
    font-size: 2rem
}

.bonuses-list__inner {
    margin: 0 0 .8rem;
    padding: 1.2rem 3rem;
    border-radius: 1.4rem;
    background: linear-gradient(40deg, #141345 30%, #1a1872 80%)
}

.bonuses-list__text {
    margin: 0;
    color: #ffdc26;
    font-weight: 500
}

.bonuses-list__button {
    display: block;
    width: 100%;
    padding: 1.3rem .5rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    border-radius: 1.4rem;
    background: none;
    border: .2rem solid #ffb23e;
    cursor: pointer
}

.bonuses-list__button:hover {
    background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%)
}

.best-providers__inner {
    padding: 0;
    margin: 0;
    list-style: none
}

.best-providers__items a {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 1.6rem;
    padding: .8rem;
    margin-bottom: .8rem;
    text-decoration: none;
    border: .1rem solid #e8e4e4;
    transition: box-shadow .4s
}

.best-providers__items a:hover {
    box-shadow: 0 0 .8rem 1rem #0000000a
}

.best-providers__items a .best-providers__logo {
    flex-shrink: 0;
    margin-right: 1.6rem;
    width: 7.2rem;
    height: 7.2rem
}

.best-providers__items a .best-providers__logo img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: 0
}

.best-providers__items.hidden {
    display: none
}

.best-providers__name {
    margin: 0;
    color: #2b2c43
}

.best-providers__load-more {
    display: none;
    width: 100%;
    max-width: 33.6rem;
    margin: 1.6rem auto 0;
    padding: 1.4rem .5rem;
    color: #ff3a3a;
    font-size: 1.6rem;
    font-weight: 700;
    background: none;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: .1rem solid #ff3a3a;
    transition: background .2s;
    cursor: pointer
}

.best-providers__load-more:hover {
    color: #fff;
    background: #ff3a3a
}

.main-btn {
    display: block;
    width: 100%;
    padding: 1.5rem .5rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: none;
    background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%);
    cursor: pointer
}

.main-btn:hover {
    background: linear-gradient(to bottom, #ff8126 0%, #ffb23e 100%)
}

.light-btn {
    display: block;
    width: 100%;
    padding: 1.5rem .5rem;
    color: #2b2c43;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: 2px solid #ffb23e;
    background: transparent;
    cursor: pointer
}

.light-btn:hover {
    background: #ffb23e;
    color: #fff
}

.brick {
    text-align: center
}

.brick>h2:not([class]),
.brick>h3:not([class]),
.brick>h4:not([class]),
.brick>h5:not([class]),
.brick>h6:not([class]) {
    margin-top: 0;
    text-align: left
}

.brick__list {
    position: relative;
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.brick__list li {
    flex-shrink: 0;
    max-width: 33rem;
    width: 100%;
    margin: 0 auto;
    padding: 2.4rem 1.6rem;
    border-radius: 1.6rem;
    background: #ffffff;
    border: .1rem solid #e8e4e4
}

.brick__list li>div img:not([class]) {
    border-radius: 50%
}

.brick__list img:not([class]):not([class]) {
    display: initial;
    max-width: 9.6rem;
    max-height: 9.6rem;
    margin: 0 0 1.6rem;
    border-radius: none;
    width: auto;
    height: auto
}

.brick__list h2:not([class]),
.brick__list h3:not([class]),
.brick__list h4:not([class]),
.brick__list h5:not([class]),
.brick__list h6:not([class]) {
    margin: 0 0 1.6rem;
    font-weight: 700;
    font-size: 1.6rem
}

.brick__list p:not([class]) {
    margin: 0
}

[dir=rtl] .brick>h2:not([class]),
[dir=rtl] .brick>h3:not([class]),
[dir=rtl] .brick>h4:not([class]),
[dir=rtl] .brick>h5:not([class]),
[dir=rtl] .brick>h6:not([class]) {
    text-align: right
}

.pros-cons {
    margin: 1.6rem 0 .8rem
}

.pros-cons>h2:not([class]),
.pros-cons>h3:not([class]),
.pros-cons>h4:not([class]),
.pros-cons>h5:not([class]),
.pros-cons>h6:not([class]) {
    margin-top: 0
}

.pros-cons__col {
    margin: 0 0 1.6rem
}

.pros-cons__col>h2:not([class]),
.pros-cons__col>h3:not([class]),
.pros-cons__col>h4:not([class]),
.pros-cons__col>h5:not([class]),
.pros-cons__col>h6:not([class]) {
    margin: 0 0 1.2rem;
    font-size: 1.6rem;
    font-weight: 700
}

.pros-cons__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.pros-cons__list li:nth-child(n+2) {
    margin-top: 1.6rem
}

.pros-cons__list li>*:not([class]):first-child {
    position: relative;
    margin: 0 0 .8rem;
    padding: 0 0 0 3.6rem;
    font-size: 1.6rem
}

.pros-cons__list li>*:not([class]):first-child:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    border-radius: .8rem;
    width: 2.4rem;
    height: 2.4rem
}

.pros-cons__list li>*:not([class]):first-child:not(:last-child) {
    font-weight: 700
}

.pros-cons__list p:not([class]) {
    margin: 0
}

.pros-cons__list--pros li>*:not([class]):first-child:before {
    content: "+";
    background: #00b75f
}

.pros-cons__list--cons li>*:not([class]):first-child:before {
    content: "-";
    background: #ff6369
}

[dir=rtl] .pros-cons__list li>*:not([class]):first-child {
    padding-right: 3.6rem;
    padding-left: 0
}

[dir=rtl] .pros-cons__list li>*:not([class]):first-child:before {
    right: 0;
    left: auto
}

.without-bg {
    margin: 2.4rem 0;
    text-align: center
}

.without-bg>h2:not([class]),
.without-bg>h3:not([class]),
.without-bg>h4:not([class]),
.without-bg>h5:not([class]),
.without-bg>h6:not([class]) {
    margin-top: 0;
    text-align: left
}

.without-bg__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.without-bg__list li:nth-child(n+2) {
    margin-top: 2.4rem
}

.without-bg__list li>div:last-child img {
    max-width: 100%;
    max-height: 100%;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
    border-radius: .8rem
}

.without-bg__list img:not([class]) {
    display: initial;
    max-width: 8rem;
    max-height: 8rem;
    margin: 0 0 1.6rem;
    border-radius: 50%
}

.without-bg__list h2:not([class]),
.without-bg__list h3:not([class]),
.without-bg__list h4:not([class]),
.without-bg__list h5:not([class]),
.without-bg__list h6:not([class]) {
    margin: 0 0 1.2rem;
    font-weight: 700;
    font-size: 2rem
}

.without-bg__list p:not([class]) {
    margin: 0
}

[dir=rtl] .without-bg {
    text-align: right
}

[dir=rtl] .without-bg>h2:not([class]),
[dir=rtl] .without-bg>h3:not([class]),
[dir=rtl] .without-bg>h4:not([class]),
[dir=rtl] .without-bg>h5:not([class]),
[dir=rtl] .without-bg>h6:not([class]) {
    text-align: right
}

[dir=rtl] .without-bg__list li>div:first-child,
[dir=rtl] .without-bg ul li>div:first-child {
    margin-right: 0;
    margin-left: 4rem
}

[dir=rtl] .without-bg__list li,
[dir=rtl] .without-bg ul li {
    padding-right: 0;
    padding-left: 6rem
}

.mini-review {
    margin: 1.6rem 0 .8rem;
    padding: .6rem 1.2rem 1.2rem;
    background: #fff;
    border-radius: 1.4rem;
    border: .1rem solid #e8e4e4
}

.mini-review>div>h2:not([class]),
.mini-review>div>h3:not([class]),
.mini-review>div>h4:not([class]),
.mini-review>div>h5:not([class]),
.mini-review>div>h6:not([class]),
.mini-review>div>p:not([class]) {
    margin: 0 0 .8rem
}

.mini-review>div>p:not([class]) {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.mini-review>div .table-wrapper {
    margin: inherit;
    width: auto;
    padding: inherit;
    overflow-x: inherit
}

.mini-review>div table {
    margin-bottom: 1.6rem;
    min-width: 30rem
}

.mini-review>div table thead {
    background: #eff3fc
}

.mini-review>div table tbody tr:first-child {
    background-color: #fff
}

.mini-review>div table tbody tr:first-child td:last-child {
    border-radius: 0 0 1.6rem
}

.mini-review>div table td,
.mini-review>div table th {
    padding: 1.2rem 1.4rem
}

.mini-review>div table td:first-child,
.mini-review>div table th:first-child {
    padding: 1.2rem 1.4rem
}

.mini-review>div table tbody td {
    border: 1px solid #eff3fc
}

.mini-review>div table tbody td:first-child {
    border-radius: 0 0 0 1.7rem
}

.mini-review div:nth-child(2)>div img {
    display: block;
    width: 100%;
    border-radius: 1.4rem;
    margin: auto auto 1.6rem
}

.mini-review__content a:not([class]) {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem .5rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: none;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%);
    cursor: pointer
}

.mini-review--reverse {
    flex-direction: row-reverse;
}

.mini-review--reverse .mini-review__content {
    order: 1
}

.mini-review--reverse .mini-review__image {
    order: 2
}

.mini-review__content a:not([class]):hover {
    background: linear-gradient(to bottom, #ff8126 0%, #ffb23e 100%)
}

.with-bg>h2:not([class]),
.with-bg>h3:not([class]),
.with-bg>h4:not([class]),
.with-bg>h5:not([class]),
.with-bg>h6:not([class]) {
    margin-top: 0
}

.with-bg>ul:not([class]) {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.with-bg>ul:not([class]) li,
.with-bg>ul:not([class]) li:not([class]) {
    display: block;
    padding: 3rem 1.6rem 2.4rem;
    border-radius: 1.6rem;
    background: #ffffff;
    border: .1rem solid #e8e4e4
}

.with-bg>ul:not([class]) li>*:first-child,
.with-bg>ul:not([class]) li:not([class])>*:first-child {
    padding-top: 0;
    padding-left: 0
}

.with-bg>ul:not([class]) li>*:first-child:before,
.with-bg>ul:not([class]) li:not([class])>*:first-child:before {
    content: none;
    display: none
}

.with-bg>ul:not([class]) li:nth-child(n+2),
.with-bg>ul:not([class]) li:not([class]):nth-child(n+2) {
    margin-top: .8rem
}

.with-bg>ul:not([class]) li>div,
.with-bg>ul:not([class]) li:not([class])>div {
    display: flex;
    margin: 0 0 2rem;
    padding: 0 0 0 .5rem
}

.with-bg>ul:not([class]) li>div img,
.with-bg>ul:not([class]) li>div img:not([class]),
.with-bg>ul:not([class]) li:not([class])>div img,
.with-bg>ul:not([class]) li:not([class])>div img:not([class]) {
    flex-shrink: 0;
    max-width: 3.5rem;
    max-height: 3.5rem;
    margin: 0 1.8rem 0 0;
    width: auto;
    height: auto
}

.with-bg>ul:not([class]) li>div img[src$=".svg"],
.with-bg>ul:not([class]) li>div img[src*=".svg"],
.with-bg>ul:not([class]) li>div img:not([class])[src$=".svg"],
.with-bg>ul:not([class]) li>div img:not([class])[src*=".svg"],
.with-bg>ul:not([class]) li:not([class])>div img[src$=".svg"],
.with-bg>ul:not([class]) li:not([class])>div img[src*=".svg"],
.with-bg>ul:not([class]) li:not([class])>div img:not([class])[src$=".svg"],
.with-bg>ul:not([class]) li:not([class])>div img:not([class])[src*=".svg"] {
    width: 3.5rem
}

.with-bg>ul:not([class]) li>div>h2:not([class]),
.with-bg>ul:not([class]) li>div>h3:not([class]),
.with-bg>ul:not([class]) li>div>h4:not([class]),
.with-bg>ul:not([class]) li>div>h5:not([class]),
.with-bg>ul:not([class]) li>div>h6:not([class]),
.with-bg>ul:not([class]) li:not([class])>div>h2:not([class]),
.with-bg>ul:not([class]) li:not([class])>div>h3:not([class]),
.with-bg>ul:not([class]) li:not([class])>div>h4:not([class]),
.with-bg>ul:not([class]) li:not([class])>div>h5:not([class]),
.with-bg>ul:not([class]) li:not([class])>div>h6:not([class]) {
    margin: 0;
    padding: .3rem 0 0;
    font-weight: 700;
    font-size: 2rem
}

.with-bg>ul:not([class]) li>p,
.with-bg>ul:not([class]) li:not([class])>p {
    margin: 0
}

.with-bg>ul:not([class]) li ul,
.with-bg>ul:not([class]) li:not([class]) ul {
    margin: 1rem 0
}

.with-bg>ul:not([class]) li li,
.with-bg>ul:not([class]) li:not([class]) li {
    padding: 0;
    border: none;
    border-radius: 0
}

.with-bg.js-editor-block ul li:before {
    display: none
}

[dir=rtl] .with-bg>ul:not([class]) li>div img,
[dir=rtl] .with-bg>ul:not([class]) li>div img:not([class]),
[dir=rtl] .with-bg>ul:not([class]) li:not([class])>div img,
[dir=rtl] .with-bg>ul:not([class]) li:not([class])>div img:not([class]) {
    margin-right: 0;
    margin-left: 2.8rem
}

.two-col {
    text-align: center
}

.two-col>h2:not([class]),
.two-col>h3:not([class]),
.two-col>h4:not([class]),
.two-col>h5:not([class]),
.two-col>h6:not([class]) {
    margin-top: 0;
    text-align: left
}

.two-col ul:not([class]) {
    position: relative;
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.two-col ul:not([class]) li {
    display: block;
    flex-shrink: 0;
    max-width: 33rem;
    width: 100%;
    margin: 0 auto;
    border: .1rem solid #f4f7ff;
    padding: .6rem 1.6rem 2.4rem;
    border-radius: 1.6rem;
    background: linear-gradient(to bottom, #f4f7ff 0%, #f4f7ff 4.6rem, #ffffff 4.6rem)
}

.two-col ul:not([class]) li:nth-child(n+2) {
    margin-top: 0
}

.two-col ul:not([class]) li:before {
    display: none
}

.two-col ul:not([class]) li__picture,
.two-col ul:not([class]) li>div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    padding: .8rem;
    background: #ffffff;
    border-radius: 50%;
    border: .1rem solid #ffede0;
    overflow: hidden;
    width: 7.2rem;
    height: 7.2rem
}

.two-col ul:not([class]) li__title,
.two-col ul:not([class]) li h2:not([class]),
.two-col ul:not([class]) li h3:not([class]),
.two-col ul:not([class]) li h4:not([class]),
.two-col ul:not([class]) li h5:not([class]),
.two-col ul:not([class]) li h6:not([class]) {
    margin: 0 0 .8rem;
    font-weight: 700;
    font-size: 1.6rem
}

.two-col ul:not([class]) li__text {
    margin: 0
}

[dir=rtl] .two-col>h2:not([class]),
[dir=rtl] .two-col>h3:not([class]),
[dir=rtl] .two-col>h4:not([class]),
[dir=rtl] .two-col>h5:not([class]),
[dir=rtl] .two-col>h6:not([class]) {
    text-align: right
}

.stepper h2,
.stepper h2:not([class]) {
    margin: 0 0 1.6rem
}

.stepper__list,
.stepper ol:not([class]) {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: stepper
}

.stepper__list li:not([class]),
.stepper ol:not([class]) li:not([class]) {
    display: block;
    position: relative;
    margin: 0 0 1.6rem;
    padding: 0 0 0 3.6rem;
    counter-increment: stepper
}

.stepper__list li:not([class]):before,
.stepper ol:not([class]) li:not([class]):before {
    position: absolute;
    content: "";
    height: auto
}

.stepper__list li:not([class]):after,
.stepper ol:not([class]) li:not([class]):after {
    position: absolute;
    content: counter(stepper);
    top: 0;
    left: 0;
    border-radius: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 700;
    color: #ff3a3a;
    border: .1rem solid #ff3a3a;
    width: 2.4rem;
    height: 2.4rem
}

.stepper__list li:not([class]):not(:last-child):before,
.stepper ol:not([class]) li:not([class]):not(:last-child):before {
    top: 2rem;
    bottom: -1.6rem;
    left: 1.2rem;
    width: 0;
    border-left: .1rem dotted #b7bfd8;
    opacity: .7
}

.stepper__list li:not([class]):last-child,
.stepper ol:not([class]) li:not([class]):last-child {
    margin-bottom: 0
}

.stepper__list li:not([class]):last-child:before,
.stepper ol:not([class]) li:not([class]):last-child:before {
    display: block;
    z-index: 1;
    top: 1.1rem;
    left: .7rem;
    border-bottom: .2rem solid #ffffff;
    border-left: .2rem solid #ffffff;
    transform-origin: center;
    transform: translateY(-50%) rotate(-45deg);
    border-radius: 0 0 0 .2rem;
    background: transparent;
    width: 1rem;
    height: .6rem
}

.stepper__list li:not([class]):last-child:after,
.stepper ol:not([class]) li:not([class]):last-child:after {
    content: "";
    background: #00b75f;
    border: none
}

.stepper__list li:not([class]) h3:not([class]),
.stepper ol:not([class]) li:not([class]) h3:not([class]) {
    margin: 0 0 .8rem;
    font-size: 1.6rem
}

.stepper__list li:not([class]) p:not([class]),
.stepper ol:not([class]) li:not([class]) p:not([class]) {
    margin: 0
}

.stepper__list li:not([class])>h2:first-child,
.stepper__list li:not([class])>h3:first-child,
.stepper__list li:not([class])>h4:first-child,
.stepper__list li:not([class])>h5:first-child,
.stepper__list li:not([class])>h6:first-child,
.stepper__list li:not([class])>p:first-child,
.stepper ol:not([class]) li:not([class])>h2:first-child,
.stepper ol:not([class]) li:not([class])>h3:first-child,
.stepper ol:not([class]) li:not([class])>h4:first-child,
.stepper ol:not([class]) li:not([class])>h5:first-child,
.stepper ol:not([class]) li:not([class])>h6:first-child,
.stepper ol:not([class]) li:not([class])>p:first-child {
    padding-top: 0;
    padding-left: 0
}

.stepper__list li:not([class])>h2:first-child:before,
.stepper__list li:not([class])>h3:first-child:before,
.stepper__list li:not([class])>h4:first-child:before,
.stepper__list li:not([class])>h5:first-child:before,
.stepper__list li:not([class])>h6:first-child:before,
.stepper__list li:not([class])>p:first-child:before,
.stepper ol:not([class]) li:not([class])>h2:first-child:before,
.stepper ol:not([class]) li:not([class])>h3:first-child:before,
.stepper ol:not([class]) li:not([class])>h4:first-child:before,
.stepper ol:not([class]) li:not([class])>h5:first-child:before,
.stepper ol:not([class]) li:not([class])>h6:first-child:before,
.stepper ol:not([class]) li:not([class])>p:first-child:before {
    content: none;
    display: none
}

[dir=rtl] .stepper__list li:not([class]),
[dir=rtl] .stepper ol:not([class]) li:not([class]) {
    padding-right: 3.6rem;
    padding-left: 0
}

[dir=rtl] .stepper__list li:not([class]):not(:last-child):before,
[dir=rtl] .stepper ol:not([class]) li:not([class]):not(:last-child):before {
    right: 1.2rem;
    left: auto
}

[dir=rtl] .stepper__list li:not([class]):after,
[dir=rtl] .stepper ol:not([class]) li:not([class]):after {
    right: 0;
    left: auto;
    margin-right: 0
}

[dir=rtl] .stepper__list li:not([class]):last-child:before,
[dir=rtl] .stepper ol:not([class]) li:not([class]):last-child:before {
    right: .7rem;
    left: auto
}

.faq {
    counter-reset: faq
}

.faq>h2:not([class]),
.faq>h3:not([class]),
.faq>h4:not([class]),
.faq>h5:not([class]),
.faq>h6:not([class]) {
    margin-top: 0
}

.faq__title {
    margin: 0 0 1.2rem
}

.faq__card {
    position: relative;
    padding: 2.4rem 1.6rem;
    background: #ffffff;
    border-radius: 1.6rem;
    counter-increment: faq
}

.faq__card:nth-child(n+2) {
    margin-top: .8rem
}

.faq__input {
    display: none;
}

.faq__input:checked~.faq__label:after {
    content: "-"
}

.faq__input:checked~.faq__body {
    max-height: 100vh;
    padding-top: 1.2rem;
    opacity: 1
}

.faq__label {
    position: relative;
    display: block;
    padding: 0 3rem 0 0;
    font-size: 1.6rem;
    font-weight: 700;
    cursor: pointer
}

.faq__label:before {
    content: counter(faq) ". "
}

.faq__label:after {
    content: "+";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    right: 0;
    color: #ff3a3a;
    font-weight: 700;
    background: #e8e4e4;
    border-radius: .8rem;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem
}

.faq__body {
    max-height: 0;
    margin: 0;
    opacity: 0;
    transition: max-height .2s, opacity .15s, padding .15s
}

[dir=rtl] .faq__label {
    padding-left: 3rem;
    padding-right: 0
}

[dir=rtl] .faq__label:after {
    right: auto;
    left: 0
}

.similars {
    margin: 2.4rem 0 0
}

@media (max-width: 991px) {
    .similars .tns-controls {
        display: none
    }
}

@media (min-width: 992px) {

    .similars .js-similars-scroll li,
    .similars .js-similars-scroll .similars__item {
        max-width: 21.6rem
    }
}

@media (min-width: 992px) {
    .similars .js-similars-scroll .similars__list {
        gap: 1.6rem
    }
}

.similars__title {
    margin: 0 0 1.6rem;
    font-size: 1.8rem
}

@media (max-width: 991px) {
    .similars__wrap {
        overflow-x: auto;
        padding-bottom: .8rem
    }
}

@media (min-width: 992px) {
    .similars__wrap.js-similars-scroll {
        padding-bottom: .8rem
    }
}

.similars__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

@media (max-width: 991px) {
    .similars__list {
        gap: 1.6rem
    }
}

.similars__list li {
    flex-shrink: 0;
    width: 100%
}

@media (max-width: 991px) {
    .similars__list li {
        max-width: 21.6rem
    }
}

.similars__item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 23rem;
    height: 100%;
    padding: 0 0 1rem;
    border-radius: 1.6rem;
    border: .1rem solid #e1e8f6;
    background: #ffffff;
    overflow: hidden
}

.similars__img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.2rem;
    overflow: hidden;
    width: 100%;
    height: 14.5rem
}

.similars__img-wrap--without-img {
    background: #2b2c43
}

.similars__img {
    width: auto;
    height: auto
}

.similars__img--of-cover {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.similars__img:not(.similars__img--of-cover) {
    max-width: 95%;
    max-height: 95%
}

.similars__link {
    display: block;
    margin: auto 0;
    padding: 0 .7rem;
    color: inherit;
    font-size: 2rem;
    font-weight: 700;
    text-decoration: none
}

.similars__link:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.socials {
    display: flex;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

.socials:hover a {
    opacity: .6
}

.socials li:not(:first-child) {
    margin-left: 1.2rem
}

.socials a {
    display: block;
    transition: opacity .2s
}

.socials a:hover {
    opacity: 1
}

.socials svg {
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem
}

[dir=rtl] .socials li:not(:first-child) {
    margin-right: 1.2rem;
    margin-left: 0
}

[dir=rtl] .footer__body-socials .socials {
    margin-right: 1.2rem;
    margin-left: 0
}

.footer {
    position: relative;
    color: #000000;
    background: #d6cd49
}

.footer:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 120rem;
    z-index: -1;
    background: linear-gradient(to top, #e8e4e4 0%, #e8e4e4 65%, #ffffff 95%)
}

.footer a {
    color: inherit
}

.footer .logo {
    max-width: 18rem;
    height: 4.7rem;
    margin-right: auto
}

.footer .logo__img[src$=".svg"] {
    height: auto
}

.footer__head {
    padding: 1.2rem 1.5rem;
    border-bottom: .1rem solid rgba(255, 255, 255, .1)
}

.footer__head .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0
}

@media screen and (max-width: 767px) {
    .footer__head-nav {
        display: none
    }
}

.footer__nav a {
    text-decoration: none
}

.footer__nav .container {
    padding: 0
}

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

.footer__nav-item {
    border-bottom: .1rem solid rgba(255, 255, 255, .1)
}

.footer__nav-item a {
    transition: color .2s
}

.footer__nav-item a:hover {
    color: #ff3a3a
}

.footer__nav-button {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 2.3rem 4.6rem 2.3rem 3.2rem;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background .2s
}

.footer__nav-button:before {
    content: "";
    position: absolute;
    top: 2.7rem;
    right: 3.4rem;
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    border-left: .8rem solid #ffb23e;
    transition: border-color .2s, transform .2s;
    transform-origin: center;
    width: 0;
    height: 0
}

.footer__nav-button:hover {
    background: rgb(33.0318181818, 33.8, 51.4681818182)
}

.footer__nav-button:disabled {
    cursor: default
}

.footer__nav-button:disabled:before {
    display: none
}

.footer__nav-button:disabled:hover {
    background: none
}

.footer__nav-button a,
.footer__nav-button span {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700
}

.footer__nav-button.active:before {
    transform: rotate(90deg)
}

.footer__nav-button.active+.footer__nav-subnav {
    display: block
}

.footer__nav-subnav {
    display: none;
    margin: 0;
    padding: 0 0 2.5rem 3.2rem;
    list-style: none;
    cursor: default
}

.footer__nav-subnav li:nth-child(n+2) {
    margin-top: .5rem
}

.footer__nav-subnav a {
    color: #9fa9c6
}

.footer__body {
    padding: 2.5rem 1.5rem 4rem;
    border-bottom: .1rem solid rgba(255, 255, 255, .1)
}

.footer__body .container {
    padding: 0
}

.footer__body-text {
    margin: 0 0 2.4rem;
    font-size: 1.6rem;
    color: #b50e0e
}

.footer__body-imgs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 2.4rem
}

.footer__body-imgs a {
    line-height: 1
}

.footer__body-imgs>img,
.footer__body-imgs>a {
    margin-right: .8rem
}

.footer__body-imgs img {
    max-height: 4rem;
    height: auto;
    width: auto;
    max-width: 8rem;
    margin-bottom: .5rem
}

.footer__body-imgs img[src$=".svg"],
.footer__body-imgs img[src*=".svg"] {
    width: 100%
}

.footer__body-imgs .trustpilot-widget {
    margin-bottom: .5rem
}

.footer__body-help {
    margin: 0 0 .5rem;
    font-size: 1.2rem;
    text-decoration: underline
}

.footer__body-gpwa-text {
    padding-left: 10px
}

.footer__body-phone {
    margin: 0 0 1rem
}

.footer__body-phone img {
    margin-right: .5rem;
    width: 1rem;
    height: 1rem
}

.footer__body-phone a {
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .footer__body-socials {
        display: none
    }
}

.footer__body-desc {
    margin: 0;
    font-size: 1rem;
    color: #131313
}

.footer__bottom {
    padding: 2rem 0 0;
    font-size: 1.2rem
}

.footer__bottom .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.footer__bottom-left {
    margin-bottom: 2.5rem;
    padding-right: .5rem
}

.footer__bottom-left ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.footer__bottom-left li {
    padding: 0 .5rem
}

.footer__bottom-right {
    margin-bottom: 2.5rem
}

[dir=rtl] .footer .logo {
    margin-right: 0;
    margin-left: auto
}

[dir=rtl] .footer__nav-button {
    text-align: right
}

[dir=rtl] .footer__body-imgs>img,
[dir=rtl] .footer__body-imgs>a {
    margin-right: 0;
    margin-left: .8rem
}

[amp] .footer__body-imgs img {
    height: 100%
}

.cookies-modal {
    position: fixed;
    right: .5rem;
    bottom: .5rem;
    z-index: 100;
    width: 33.6rem;
    min-width: 33.6rem;
    max-width: 100%;
    padding: .6rem 3.5rem .6rem .6rem;
    background: #ffffff linear-gradient(143deg, #ffede0 20%, #ffffff 50%);
    box-shadow: 0 0 1.5rem #393b6b33;
    border-radius: 1.6rem
}

.cookies-modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    background: rgba(57, 59, 107, .1);
    border-radius: .8rem;
    border: none;
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem
}

.cookies-modal__close:before,
.cookies-modal__close:after {
    content: "";
    position: absolute;
    top: 50%;
    background: #ffffff;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: background .2s;
    width: 1.6rem;
    height: .2rem
}

.cookies-modal__close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.cookies-modal__close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.cookies-modal__close:hover:before,
.cookies-modal__close:hover:after {
    background: #ff3a3a
}

.cookies-modal__inner {
    display: flex;
    align-items: stretch
}

.cookies-modal__img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 7.5rem;
    margin-right: 1.6rem;
    background: #f6e0cf;
    border-radius: 1.4rem
}

.cookies-modal__img img {
    flex-shrink: 0;
    width: 5.4rem;
    height: 5.3rem
}

.cookies-modal__label {
    margin: 0 0 .2rem;
    padding: 0 .5rem 0 0;
    font-size: 1.6rem;
    font-weight: 700
}

.cookies-modal__text {
    margin: 0 0 .8rem;
    font-size: 1.2rem;
    color: #9fa9c6;
    line-height: 1.4
}

.cookies-modal__accept {
    min-width: 10rem;
    margin-right: .5rem;
    padding: 1.05rem .5rem;
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    background: #ff3a3a;
    border: none;
    border-radius: 1rem;
    transition: background .2s;
    cursor: pointer
}

.cookies-modal__accept:hover {
    background: #0d3fc0
}

.cookies-modal__link {
    text-decoration: none;
    font-weight: 700;
    color: #ff3a3a;
    white-space: nowrap
}

.cookies-modal__link:hover {
    text-decoration: underline
}

.cookies-modal.hidden {
    display: none
}

[dir=rtl] .cookies-modal {
    padding-right: .6rem;
    padding-left: 3.6rem;
    background: #ffffff linear-gradient(225deg, #ffede0 20%, #ffffff 50%)
}

[dir=rtl] .cookies-modal__close {
    right: auto;
    left: 1rem
}

[dir=rtl] .cookies-modal__close:before,
[dir=rtl] .cookies-modal__close:after {
    left: 50%
}

[dir=rtl] .cookies-modal__img {
    margin-right: 0;
    margin-left: 1.6rem
}

[dir=rtl] .cookies-modal__accept {
    margin-right: 0;
    margin-left: 3rem
}

.email-modal-open {
    overflow: hidden
}

#email-collector {
    align-items: flex-start;
    justify-content: center;
    padding: 12rem 1.2rem 1.5rem;
    overflow: auto
}

.email-modal {
    position: relative;
    width: 100%;
    max-width: 57.5rem;
    padding: 0 1.2rem 2rem;
    border: 4px solid #fff;
    background: linear-gradient(180deg, #ff3a3a 0%, #141345 100%);
    border-radius: 1.6rem
}

.email-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: rgba(59, 60, 89, .1);
    border-radius: .8rem;
    border: none;
    cursor: pointer
}

@media (max-width: 767px) {
    .email-modal__close {
        right: 10px
    }
}

.email-modal__close:before,
.email-modal__close:after {
    content: "";
    position: absolute;
    width: 65%;
    height: 2px;
    background: #fff;
    border-radius: 5px;
    transform: rotate(45deg)
}

.email-modal__close:after {
    transform: rotate(-45deg)
}

.email-modal__img {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    padding-right: 2rem;
    margin-top: -3rem
}

.email-modal__title {
    margin: .8rem 0;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.5
}

.email-modal__text {
    margin: 0 0 1.2rem;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.email-modal__text--success {
    margin-bottom: 2.8rem
}

.email-modal__input-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 1.6rem
}

.email-modal__input-wrapper--success:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.6rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTZBOCA4IDAgMSAxIDggMGE4IDggMCAwIDEgMCAxNloiIGZpbGw9IiMwMEI3NUYiLz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik02LjkyOCAxMC4zODggNC43NjIgOC4yMjFhLjMzMy4zMzMgMCAwIDEgMC0uNDcxbC40NzEtLjQ3MWMuMTMtLjEzLjM0MS0uMTMuNDcxIDBsMS40NiAxLjQ2IDMuMTI2LTMuMTI3Yy4xMy0uMTMuMzQyLS4xMy40NzIgMGwuNDcxLjQ3MWMuMTMuMTMuMTMuMzQyIDAgLjQ3Mkw3LjQgMTAuMzg4YS4zMzMuMzMzIDAgMCAxLS40NzIgMFoiIGZpbGw9IiNmZmYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjY2NCA0LjY2NykiIGQ9Ik0wIDBoNi42Njd2Ni42NjdIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.6rem
}

.email-modal__input-wrapper--success input {
    background: #e8e4e4
}

@media (max-width: 767px) {
    .email-modal__input-wrapper.error {
        margin-bottom: 20px
    }
}

.email-modal__input-wrapper.error .email-modal__input {
    border-color: #ff2a50
}

.email-modal__input-wrapper.error .error-text {
    display: flex
}

.email-modal__input {
    width: 100%;
    padding: 1.5rem 1.6rem;
    border: none;
    outline: none;
    border-radius: 1.4rem;
    border: .1rem solid transparent;
    font-size: 1.4rem;
    background: #fff
}

.email-modal__input::placeholder {
    color: #2b2c43
}

.email-modal .error-text {
    display: none;
    position: absolute;
    bottom: -1.7rem;
    left: .5rem;
    font-size: 1.2rem;
    color: #ff2a50
}

.email-modal__btn {
    display: block;
    width: 100%;
    padding: 1.5rem .5rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: none;
    background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%);
    cursor: pointer
}

.email-modal__btn:hover {
    background: linear-gradient(to bottom, #ff8126 0%, #ffb23e 100%)
}

.email-modal__checkbox-wrapper {
    display: block;
    margin-bottom: 1.6rem
}

.email-modal__checkbox-wrapper.error label {
    color: #ff2a50
}

.email-modal__checkbox-wrapper.error label:before {
    border-color: #ff2a50
}

.email-modal__checkbox-wrapper input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.email-modal__checkbox-wrapper label {
    position: relative;
    display: flex;
    align-items: flex-start;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #9fa9c6;
    cursor: pointer
}

@media (max-width: 767px) {
    .email-modal__checkbox-wrapper label {
        justify-content: center
    }
}

.email-modal__checkbox-wrapper label a {
    color: #3e74ff
}

.email-modal__checkbox-wrapper .email-modal__checkbox-check {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.email-modal__checkbox-wrapper .email-modal__checkbox-check:before {
    content: "";
    margin-top: .3rem;
    position: relative;
    display: inline-block;
    padding: .7rem;
    border: 1px solid #e1e8f6;
    background: #fff;
    border-radius: 4px;
    -webkit-appearance: none;
    vertical-align: middle;
    cursor: pointer
}

.email-modal__checkbox-wrapper input:checked+label .email-modal__checkbox-check:after {
    content: "";
    display: block;
    position: absolute;
    width: .4rem;
    height: .9rem;
    border: solid #3e74ff;
    border-width: 0 .2rem .2rem 0;
    transform: translatey(0) rotate(45deg)
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    display: flex;
    background: rgba(43, 44, 67, .6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

[dir=rtl] .email-modal__checkbox-wrapper .email-modal__checkbox-check {
    margin-right: 0;
    margin-left: 1rem
}

.email-wheel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    align-items: flex-start;
    justify-content: center;
    min-width: 36rem;
    padding: 8.4rem 1.6rem 4.6rem;
    background: rgba(43, 44, 67, .67);
    overflow: auto
}

.email-wheel__popup {
    position: relative;
    width: 100%;
    max-width: 35.8rem;
    text-align: center;
    color: #fff;
    background: url(/build/assets/bg_xs.png) top center/cover no-repeat, #205bf1 linear-gradient(180deg, #205bf1 0%, #181750 100%);
    border-radius: 1.6rem;
    border: .4rem solid #ffffff
}

.email-wheel__close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem
}

.email-wheel__close:before,
.email-wheel__close:after {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: .5rem;
    transform: rotate(45deg);
    width: 65%;
    height: .2rem
}

.email-wheel__close:after {
    transform: rotate(-45deg)
}

.email-wheel__main {
    padding: 4rem 1.4rem 1.3rem
}

.email-wheel__badge {
    position: relative;
    display: inline-block;
    min-width: 14rem;
    margin: 0 auto 1.6rem;
    padding: .4rem .5rem;
    font-size: 1.3rem;
    font-weight: 700;
    background: linear-gradient(90deg, #ffd850 0%, #ffd850 60.58%, #ffbf00 100%);
    border-radius: 5rem;
    box-shadow: 0 .4rem .4rem #0003
}

.email-wheel__badge:before {
    content: "";
    position: absolute;
    top: .3rem;
    right: .3rem;
    bottom: .3rem;
    left: .3rem;
    pointer-events: none;
    border-radius: inherit;
    border: .1rem solid #ffffff
}

.email-wheel__badge i {
    background: linear-gradient(90deg, #0d0b6a 0%, #2b4edc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.email-wheel__title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase
}

.email-wheel__wheel {
    position: relative;
    margin: 1.4rem auto 2.8rem;
    width: 20rem;
    height: 20.7rem
}

.email-wheel__list ul {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    font-size: .8rem;
    font-weight: 900;
    text-transform: uppercase;
    list-style: none;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    width: 18rem;
    height: 18rem
}

.email-wheel__list li {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    width: 5.8rem;
    line-height: 1.3;
    text-align: center;
    text-shadow: 0 0 .1rem rgb(0, 0, 0)
}

.email-wheel__list li:nth-child(1) {
    transform: translate(.5rem, 2rem) rotate(45deg)
}

.email-wheel__list li:nth-child(2) {
    transform: translate(-6rem, 2rem) rotate(135deg)
}

.email-wheel__list li:nth-child(3) {
    transform: translate(-6rem, -4.5rem) rotate(225deg)
}

.email-wheel__list li:nth-child(4) {
    transform: translate(.3rem, -4.2rem) rotate(315deg)
}

.email-wheel__diagram {
    position: absolute;
    bottom: .7rem;
    left: 50%;
    transform: translate(-50%);
    width: 18.6rem;
    height: 18.6rem
}

.email-wheel__diagram.active .email-wheel__diagram-svg {
    position: relative
}

.email-wheel__diagram.active .email-wheel__diagram-svg:before,
.email-wheel__diagram.active .email-wheel__diagram-svg:after {
    content: "";
    position: absolute;
    background: url(/build/assets/light.png) center/cover no-repeat;
    pointer-events: none;
    width: 4.8rem;
    height: 8.2rem
}

.email-wheel__diagram.active .email-wheel__diagram-svg:before {
    top: 0;
    left: 0;
    transform: translate(144%)
}

.email-wheel__diagram.active .email-wheel__diagram-svg:after {
    bottom: 0;
    right: 0;
    transform: translate(-35%, -63%) rotate(90deg)
}

.email-wheel__diagram.active .email-wheel__diagram-svg path:first-child {
    animation: fillPulse 1s ease-in-out infinite
}

.email-wheel__diagram-svg {
    width: inherit;
    height: inherit
}

.email-wheel__diagram-svg path {
    transition: fill .2s
}

.email-wheel__ring {
    position: relative;
    pointer-events: none;
    width: inherit;
    height: inherit
}

.email-wheel__lights {
    pointer-events: none
}

.email-wheel__lights img {
    position: absolute;
    top: 53.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .2s ease-in-out;
    width: 23.5rem;
    height: 22.5rem
}

.email-wheel__desc {
    margin: 0 0 2rem;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .email-wheel__fields {
        padding: 0 .6rem
    }
}

.email-wheel__input {
    width: 100%;
    min-height: 4.6rem;
    margin: 0 0 1.6rem;
    padding: .5rem 1.6rem;
    background: #ffffff;
    border: .1rem solid #e1e8f6;
    border-radius: 1.4rem;
    transition: border-color .2s
}

.email-wheel__input.error {
    border-color: #ff6369
}

.email-wheel__input::placeholder {
    color: #2e2a31
}

.email-wheel__input::-ms-input-placeholder {
    color: #2e2a31
}

.email-wheel__input:-moz-placeholder {
    color: #2e2a31
}

.email-wheel__input::-moz-placeholder {
    color: #2e2a31
}

.email-wheel__input::-webkit-input-placeholder {
    color: #2e2a31
}

.email-wheel__btn {
    width: 100%;
    min-height: 4.6rem;
    margin: 0 0 1.6rem;
    padding: .5rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(180deg, #ffb23e 0%, #ff8126 100%);
    border: none;
    border-radius: 1.4rem;
    cursor: pointer
}

.email-wheel__btn:hover {
    background: linear-gradient(0deg, #ffb23e 0%, #ff8126 100%)
}

.email-wheel__btn:disabled {
    cursor: default;
    background: #ffb23e
}

.email-wheel__btn:disabled span:first-child {
    display: none
}

.email-wheel__btn:disabled span:last-child {
    display: inline
}

.email-wheel__btn span:last-child {
    display: none
}

.email-wheel__checkbox {
    display: flex;
    gap: 0 .8rem;
    cursor: pointer
}

.email-wheel__checkbox input {
    display: none
}

.email-wheel__checkbox input:checked+.email-wheel__checkbox-box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #2b2c43;
    border-radius: .2rem;
    width: .9rem;
    height: .9rem
}

.email-wheel__checkbox.error .email-wheel__checkbox-box {
    border-color: #ff6369
}

.email-wheel__checkbox.error .email-wheel__text {
    color: #ff6369
}

.email-wheel__checkbox-box {
    position: relative;
    flex-shrink: 0;
    margin-top: .2rem;
    background: #ffffff;
    border: .1rem solid #e1e8f6;
    border-radius: .4rem;
    transition: border-color .2s;
    width: 1.6rem;
    height: 1.6rem
}

.email-wheel__text {
    line-height: 1.4;
    font-size: 1.2rem;
    text-align: left;
    color: #dddbea;
    transition: color .2s
}

.email-wheel__error {
    display: none;
    margin: .2rem 0 0;
    color: #ff6369;
    font-size: 1.2rem;
    text-align: left
}

.email-wheel__success {
    display: none;
    padding: 4rem 2rem 3rem
}

.email-wheel__success .email-wheel__btn {
    margin-bottom: 0
}

.email-wheel__congrats {
    margin: 0 0 2.7rem;
    font-weight: 700;
    font-size: 2rem
}

.email-wheel__success-img {
    display: block;
    margin: 0 0 5rem
}

.email-wheel__success-img img {
    display: block;
    width: 31.3rem;
    height: 24rem
}

.email-wheel__success-text>p {
    margin: 0 0 4rem;
    font-size: 1.8rem;
    color: #fff
}

.email-wheel__success-text>p>span {
    display: block
}

.email-wheel__success-text>p>span:first-child {
    margin-bottom: 2.4rem
}

.email-wheel__success-text>p>span:last-child {
    font-weight: 700;
    font-size: 2.5rem;
    background: linear-gradient(90deg, #ffd750 0%, #ffb027 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

@keyframes fillPulse {
    0% {
        fill: #e72a7b
    }

    25% {
        fill: #f662a2
    }

    50% {
        fill: #e72a7b
    }

    75% {
        fill: #f662a2
    }

    to {
        fill: #e72a7b
    }
}

.month-casino {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ff3a3a;
    padding: 1.2rem 1.6rem 2rem;
    z-index: 3
}

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

.month-casino__action-text {
    margin-bottom: .8rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    text-align: center;
    color: #fff
}

.month-casino__info {
    display: flex;
    align-items: center;
    background: rgba(159, 169, 198, .15);
    border-radius: 1rem;
    padding-right: 2rem;
    margin-right: .8rem
}

@media (max-width: 991px) {
    .month-casino__bonus .month-casino__action-text {
        display: none
    }
}

.month-casino__casino-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: .6rem .8rem;
    margin-right: 1.4rem;
    min-height: 3.2rem;
    background: #111;
    border-radius: .8rem;
    width: 6.4rem;
    height: 100%
}

.month-casino__casino-logo img {
    max-width: 100%;
    max-height: 3.2rem;
    margin: auto;
    flex-shrink: 0;
    width: auto;
    height: auto
}

.month-casino__rating {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -.7rem;
    right: -1.1rem;
    padding-top: .2rem;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.2rem;
    color: #fff;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY0NTQgMS40MDYxNkMxMi4wMzQ5IDAuNzY1Mjg1IDEyLjk2NTEgMC43NjUyODUgMTMuMzU0NiAxLjQwNjE2TDE2Ljc1MDEgNi45OTMzOUMxNi44ODkyIDcuMjIyMjIgMTcuMTE0MiA3LjM4NTcyIDE3LjM3NDggNy40NDcyN0wyMy43Mzc5IDguOTUwMDZDMjQuNDY3NyA5LjEyMjQzIDI0Ljc1NTIgMTAuMDA3MSAyNC4yNjYgMTAuNTc1NUwyMC4wMDE1IDE1LjUzMTRDMTkuODI2OCAxNS43MzQ0IDE5Ljc0MDkgMTUuOTk4OSAxOS43NjI5IDE2LjI2NThMMjAuMjk5OSAyMi43ODE4QzIwLjM2MTUgMjMuNTI5MiAxOS42MDkgMjQuMDc2IDE4LjkxNzIgMjMuNzg2NEwxMi44ODYxIDIxLjI2MjFDMTIuNjM5MSAyMS4xNTg3IDEyLjM2MDkgMjEuMTU4NyAxMi4xMTM5IDIxLjI2MjFMNi4wODI3OCAyMy43ODY0QzUuMzkwOTkgMjQuMDc2IDQuNjM4NDYgMjMuNTI5MiA0LjcwMDA2IDIyLjc4MThMNS4yMzcxMSAxNi4yNjU4QzUuMjU5MTEgMTUuOTk4OSA1LjE3MzE1IDE1LjczNDQgNC45OTg1IDE1LjUzMTRMMC43MzM5OTkgMTAuNTc1NUMwLjI0NDg0NyAxMC4wMDcxIDAuNTMyMjg2IDkuMTIyNDMgMS4yNjIxNSA4Ljk1MDA2TDcuNjI1MTkgNy40NDcyN0M3Ljg4NTggNy4zODU3MiA4LjExMDg0IDcuMjIyMjIgOC4yNDk5MSA2Ljk5MzM5TDExLjY0NTQgMS40MDYxNloiIGZpbGw9IiNGRkIzNDIiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 2.3rem;
    height: 2.3rem
}

.month-casino__bonus-text {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    margin: .4rem 0
}

.month-casino__btn {
    display: block;
    min-width: 8.8rem;
    padding: .9rem .5rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 1rem;
    border: none;
    letter-spacing: .02em;
    background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%);
    cursor: pointer
}

.month-casino__btn:hover {
    background: linear-gradient(to bottom, #ff8126 0%, #ffb23e 100%)
}

.month-casino__close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: rgba(159, 169, 198, .3);
    padding: 1rem;
    cursor: pointer;
    transform: translateY(-100%);
    width: 2.4rem;
    height: 2.4rem
}

.month-casino__close:before,
.month-casino__close:after {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    background: #2b2c43;
    border-radius: 5px;
    transform: rotate(45deg)
}

.month-casino__close:after {
    transform: rotate(-45deg)
}

[dir=rtl] .month-casino__casino-logo {
    margin-right: auto;
    margin-left: 0
}

.custom-select {
    position: relative
}

.custom-select__btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.4rem 3rem 1.4rem 4.4rem;
    font-size: 1.6rem;
    text-align: left;
    color: #2b2c43;
    white-space: nowrap;
    background: #e8e4e4;
    border: .1rem solid transparent;
    border-radius: 1.4rem;
    transition: .2s border-color;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.custom-select__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.7rem;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .7rem solid #9fa9c6;
    transform: translateY(-50%)
}

.custom-select__btn:hover {
    border-color: #ff3a3a
}

.custom-select__btn:focus {
    outline: none
}

.custom-select__btn svg {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    stroke: #9fa9c6;
    transform: translateY(-50%);
    transition: .2s stroke;
    width: 1.8rem;
    height: 1.6rem
}

.custom-select__btn span {
    text-overflow: ellipsis
}

.custom-select__btn.active {
    border-color: #ff3a3a
}

.custom-select__btn.active+.custom-select__dropdown {
    display: block
}

.custom-select__btn.selected {
    font-weight: 700
}

.custom-select__btn.selected svg {
    stroke: #ff3a3a
}

.custom-select__btn--sort svg {
    stroke: none;
    fill: #9fa9c6
}

.custom-select__btn--sort.selected svg {
    stroke: none;
    fill: #ff3a3a
}

.custom-select__dropdown {
    z-index: 1;
    position: absolute;
    top: 100%;
    width: 100%;
    display: none;
    max-height: 35rem;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    color: #2b2c43;
    list-style: none;
    text-align: left;
    background: #ffffff;
    border-radius: 1.6rem;
    border: .1rem solid #e8e4e4;
    box-shadow: 0 .1rem .8rem #3f415f26;
    overflow: hidden;
    transform: translateY(.4rem);
    overflow-y: auto
}

.custom-select__dropdown input {
    display: none
}

.custom-select__dropdown input:checked+label:not([class]) svg:last-child {
    opacity: 1
}

.custom-select__dropdown label:not([class]) {
    position: relative;
    display: block;
    width: 100%;
    padding: .7rem 3.2rem .7rem 1.5rem;
    transition: .2s background;
    cursor: pointer
}

.custom-select__dropdown label:not([class]):hover {
    background: #e8e4e4
}

.custom-select__dropdown label:not([class]) svg:first-child {
    display: inline-block;
    margin: 0 .7rem 0 0;
    width: 1.3rem;
    height: 1.2rem
}

.custom-select__dropdown label:not([class]) svg:last-child {
    position: absolute;
    top: 50%;
    right: 1.2rem;
    transform: translateY(-50%);
    opacity: 0;
    transition: .1s opacity;
    width: 1.6rem;
    height: 1.6rem
}

.custom-select__clear {
    display: block;
    width: 100%;
    text-align: center;
    padding: .9rem .5rem;
    border: none;
    color: #ff3a3a;
    font-size: inherit;
    background: none;
    transition: .2s color, .2s background;
    cursor: pointer
}

.custom-select__clear:hover {
    color: #0d3fc0;
    background: #e8e4e4
}

.filters-fields {
    margin: 0 auto 1.6rem;
    background: #ffffff;
    border-radius: 1.6rem
}

.filters-fields__button {
    display: flex;
    align-items: baseline;
    justify-content: center;
    width: 100%;
    padding: 1.5rem .5rem;
    color: #ff3a3a;
    font-size: 1.6rem;
    font-weight: 700;
    background: #ffffff;
    border-radius: inherit;
    border: none;
    cursor: pointer;
    transition: color .2s
}

.filters-fields__button:hover {
    color: #0d3fc0
}

.filters-fields__button svg {
    flex-shrink: 0;
    margin-right: .8rem;
    width: 1.9rem;
    height: 1.1rem
}

.filters-fields__inner {
    padding: 0 1.6rem 1.6rem
}

.filters-fields__input {
    position: relative
}

.filters-fields__input svg {
    position: absolute;
    top: 50%;
    left: 1.8rem;
    stroke: #9fa9c6;
    transform: translateY(-50%);
    transition: .2s stroke;
    width: 1.4rem;
    height: 1.4rem
}

.filters-fields__input input {
    display: block;
    width: 100%;
    padding: 1.4rem 2rem 1.4rem 4.4rem;
    font-size: 1.6rem;
    background: #e8e4e4;
    border: .1rem solid transparent;
    border-radius: 1.4rem;
    transition: .2s border-color
}

.filters-fields__input input:hover {
    border-color: #ff3a3a
}

.filters-fields__input input:focus {
    border-color: #ff3a3a;
    outline: none
}

.filters-fields__input input::placeholder {
    color: #2b2c43
}

.filters-fields__input input::-ms-input-placeholder {
    color: #2b2c43
}

.filters-fields__input input:-moz-placeholder {
    color: #2b2c43
}

.filters-fields__input input::-moz-placeholder {
    color: #2b2c43
}

.filters-fields__input input::-webkit-input-placeholder {
    color: #2b2c43
}

.filters-fields__input input.active+svg {
    stroke: #ff3a3a
}

@media (max-width: 991px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__inner:not(.active) {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__item:nth-child(n+2) {
        margin-top: .8rem
    }
}

@media (max-width: 1199px) {
    .filters-fields--reviews .filters-fields__inner:not(.active) {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .filters-fields--reviews .filters-fields__item:nth-child(n+2) {
        margin-top: .8rem
    }
}

.slots-modal {
    position: relative;
    padding: 2.4rem 0 1.5rem
}

.slots-modal:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: -1.5rem;
    bottom: 0;
    left: -1.5rem;
    background: #e8e4e4
}

.slots-modal .main-btn {
    margin-top: auto;
    text-decoration: none
}

.slots-modal__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 0 0 1.6rem
}

.slots-modal__title {
    margin: 0;
    font-size: 2rem
}

.slots-modal__clear {
    flex-shrink: 0;
    margin: 0 0 0 .5rem;
    padding: 0;
    font-size: 1.4rem;
    color: #2b4ee3;
    font-weight: 700;
    border: none;
    background: none;
    cursor: pointer
}

.slots-modal__clear:hover {
    text-decoration: underline
}

.slots-modal__clear.hidden {
    display: none
}

.slots-modal__cards {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem
}

.slots-modal__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 33.6rem;
    margin: 0 auto;
    padding: .6rem .6rem 1.6rem;
    text-align: center;
    background: #ffffff;
    border-radius: 1.6rem
}

.slots-modal__card .light-btn {
    margin-top: .8rem;
    margin-bottom: 1.2rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    text-decoration: none;
    line-height: 1;
    transition: .1s background, .1s color
}

.slots-modal__card.hidden,
.slots-modal__card.hidden-search,
.slots-modal__card.hidden-filters {
    display: none
}

.slots-modal__img-wrap {
    flex-shrink: 0;
    width: 100%;
    height: 18rem;
    margin: 0 0 1.2rem;
    border-radius: 1.4rem;
    background: #e8e4e4;
    overflow: hidden
}

.slots-modal__card-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slots-modal__inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (max-width: 991px) {
    .slots-modal__inner {
        padding: 0 1rem
    }
}

.slots-modal__card-name {
    margin: 0 0 1.2rem;
    font-size: 1.6rem;
    font-weight: 700
}

.slots-modal__table-wrap {
    width: 100%;
    overflow-x: auto
}

.slots-modal__table-wrap table {
    min-width: 100%;
    margin-bottom: .8rem;
    border-radius: 1.4rem
}

.slots-modal__table-wrap table tr:first-child {
    background: #ffffff
}

.slots-modal__table-wrap table tr:first-child td:last-child {
    border-radius: 0 1.6rem 0 0
}

.slots-modal__table-wrap table tr:last-child {
    background: #ffffff
}

.slots-modal__table-wrap table tr:last-child td:last-child {
    border-radius: 0 0 1.6rem
}

.slots-modal__table-wrap table td:first-child {
    width: 10rem;
    padding-right: 1rem;
    padding-left: 1.6rem;
    font-size: 1rem;
    background: #eff3fc;
    font-weight: 600
}

.slots-modal__table-wrap table td:not(:first-child) {
    padding-right: 1.6rem;
    padding-left: 1.2rem;
    text-align: right
}

.slots-modal__table-wrap:not(.active) table {
    display: none
}

.slots-modal__collapse-btn {
    position: relative;
    margin: .4rem auto 0;
    padding: 0;
    font-size: 1.4rem;
    color: #2b2c43;
    font-family: DM Sans, sans-serif;
    border: none;
    background: none;
    cursor: pointer;
    transition: .2s color
}

.slots-modal__collapse-btn:after {
    content: "";
    display: block;
    margin: 0 auto;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .7rem solid #9fa9c6;
    transform-origin: center;
    width: 0;
    height: 0
}

.slots-modal__collapse-btn:hover {
    color: #ff3a3a
}

.slots-modal__collapse-btn:not(.active):after {
    transform: rotate(180deg)
}

.slots-modal__collapse-btn:not(.active) span:last-child {
    display: none
}

.slots-modal__collapse-btn span {
    display: block;
    margin: 0 auto .5rem
}

.slots-modal__collapse-btn.active:after {
    transform: rotate(0)
}

.slots-modal__collapse-btn.active span:first-child {
    display: none
}

.slots-modal__more {
    display: block;
    width: 100%;
    max-width: 33.6rem;
    margin: 1.6rem auto 0;
    padding: 1.4rem .5rem;
    color: #ff3a3a;
    font-size: 1.6rem;
    font-weight: 700;
    background: none;
    text-transform: uppercase;
    border-radius: 1.4rem;
    border: .1rem solid #ff3a3a;
    transition: background .2s;
    cursor: pointer
}

.slots-modal__more:hover {
    color: #fff;
    background: #ff3a3a
}

.slots-modal__more.hidden {
    display: none
}

.slots-modal__not-found {
    padding: 4.6rem 1.5rem 4rem;
    text-align: center;
    background: #f5f8fe;
    border-radius: 1.4rem
}

.slots-modal__not-found svg {
    width: 4.9rem;
    height: 4.9rem
}

.slots-modal__not-found.hidden {
    display: none
}

.slots-modal__not-found-text {
    margin: 1rem 0 0;
    font-weight: 700
}

@media screen and (min-width: 992px) {
    .header {
        height: 6.4rem
    }
}

@media screen and (min-width: 992px) {
    .header .logo {
        order: 1;
        margin: 0 .8rem 0 0
    }
}

@media screen and (min-width: 992px) {
    .header .logo__img {
        max-height: 5.2rem
    }
}

@media screen and (min-width: 992px) {
    .header .header-nav {
        order: 2;
        margin: 0 auto
    }
}

@media screen and (min-width: 992px) {
    .header .header-search {
        order: 3
    }
}

@media screen and (min-width: 992px) {
    .header .header-lang {
        order: 4
    }
}

@media screen and (min-width: 992px) {
    .header .promo-link {
        order: 3
    }
}

@media screen and (min-width: 992px) {
    .header .promo-link+.header-nav {
        order: 2
    }
}

@media screen and (min-width: 992px) {
    .header .promo-link+.header-search {
        order: 4
    }
}

@media screen and (min-width: 992px) {
    .header .promo-link+.header-lang {
        order: 5
    }
}

@media screen and (min-width: 992px) {
    .promo-link {
        width: auto;
        height: 4.8rem;
        padding: .5rem .2rem .5rem 0;
        font-weight: 500;
        background: none
    }
}

.promo-link:hover {
    background: #2b4ee3
}

@media screen and (min-width: 992px) {
    .promo-link:hover {
        background: #e8e4e4
    }
}

@media screen and (min-width: 992px) {
    .promo-link span {
        position: relative
    }
}

@media screen and (min-width: 992px) {
    .promo-link span:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background: #00d92f;
        width: 100%;
        height: .1rem
    }
}

@media screen and (min-width: 992px) {
    .promo-link-alt {
        order: 3;
        min-width: 4.8rem;
        height: 4.8rem
    }
}

@media screen and (min-width: 1200px) {
    .promo-link-alt {
        justify-content: flex-start;
        min-width: 21.5rem;
        padding: .5rem 1rem .5rem 1.7rem
    }
}

.promo-link-alt:hover {
    color: #fff;
    background: #2b4ee3
}

@media screen and (min-width: 1200px) {
    .promo-link-alt svg {
        margin-right: .8rem
    }
}

@media screen and (min-width: 992px) {
    .header-nav__toggle {
        display: none
    }
}

.header-nav__toggle:hover {
    background: #2b4ee3
}

.header-nav__toggle:hover svg {
    fill: #fff
}

@media screen and (min-width: 992px) {
    .header-nav__nav {
        position: static;
        display: flex;
        flex-wrap: wrap;
        overflow: initial
    }
}

@media screen and (min-width: 992px) {
    .header-nav__nav.active {
        display: flex
    }
}

@media screen and (min-width: 992px) {
    .header-nav__item {
        position: relative;
        border: none
    }
}

@media screen and (min-width: 992px) {

    .header-nav__item:hover a:after,
    .header-nav__item:hover span:after {
        transform: rotate(180deg)
    }
}

@media screen and (min-width: 992px) {
    .header-nav__item:hover .header-nav__subnav {
        z-index: 1;
        position: absolute;
        display: block;
        min-width: 15rem;
        max-width: 22rem;
        padding: 1.6rem 1rem;
        background: #ffffff;
        border-radius: 0 0 .6rem .6rem
    }
}

@media screen and (min-width: 992px) {
    .header-nav__button {
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .header-nav__button:before {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .header-nav__button:hover {
        background: none;
        cursor: default
    }
}

.header-nav__button:disabled a:after,
.header-nav__button:disabled span:after {
    content: none;
    display: none
}

@media screen and (min-width: 992px) {

    .header-nav__button a,
    .header-nav__button span {
        display: block;
        padding: 1.6rem .8rem;
        font-size: 1.4rem;
        font-weight: 500;
        border-radius: .8rem;
        transition: background .2s
    }
}

@media screen and (min-width: 1200px) {

    .header-nav__button a,
    .header-nav__button span {
        padding: 1.6rem 2rem
    }
}

@media screen and (min-width: 992px) {

    .header-nav__button a:after,
    .header-nav__button span:after {
        content: "";
        display: inline-block;
        margin-left: .4rem;
        margin-bottom: .1rem;
        border-top: .6rem solid #ff3a3a;
        border-left: .4rem solid transparent;
        border-right: .4rem solid transparent;
        transform-origin: center center;
        transition: transform .2s;
        width: 0;
        height: 0
    }
}

@media screen and (min-width: 992px) {

    .header-nav__button a:hover,
    .header-nav__button span:hover {
        color: #2b2c43;
        background: #e8e4e4
    }
}

@media screen and (min-width: 992px) {
    .header-nav__button.active+.header-nav__subnav {
        display: none
    }
}

@media screen and (min-width: 992px) {

    .header-nav--with-promo .header-nav__button a,
    .header-nav--with-promo .header-nav__button span {
        padding-right: .3rem;
        padding-left: .3rem
    }
}

@media screen and (min-width: 1200px) {

    .header-nav--with-promo .header-nav__button a,
    .header-nav--with-promo .header-nav__button span {
        padding-right: 1.8rem;
        padding-left: 1.8rem
    }
}

@media screen and (min-width: 1200px) {

    .header-nav--easter .header-nav__button a,
    .header-nav--easter .header-nav__button span {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .header-lang__button {
        margin-left: .8rem;
        width: 4.8rem;
        height: 4.8rem
    }
}

.header-lang__button:hover {
    background: #2b4ee3
}

@media screen and (min-width: 992px) {
    .header-lang__list {
        position: absolute;
        top: 7.2rem;
        right: 1.5rem;
        bottom: auto;
        max-height: 70rem;
        padding: .8rem;
        border-radius: 1.6rem;
        box-shadow: 0 0 1rem #393b6b1a
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .header-lang__list {
        left: 1.5rem
    }
}

@media screen and (min-width: 992px) {
    .header-search__button {
        margin-left: .8rem;
        width: 4.8rem;
        height: 4.8rem
    }
}

.header-search__button:hover {
    background: #2b4ee3
}

.header-search__button:hover svg {
    stroke: #fff
}

@media screen and (min-width: 992px) {
    .header-search__inner {
        position: absolute;
        top: 7.2rem;
        right: 1.5rem;
        bottom: auto;
        left: 1.5rem;
        width: auto;
        border-radius: 1.6rem;
        box-shadow: 0 0 1rem #393b6b1a
    }
}

@media screen and (min-width: 992px) {
    .header-search__field {
        margin: 0 9.5rem
    }
}

@media screen and (min-width: 992px) {
    .header-search__res {
        margin-top: 2rem;
        font-size: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .header-search__res ul {
        margin: 0 9.5rem
    }
}

@media screen and (min-width: 992px) {
    .header-search__res a {
        padding: .8rem 1.6rem;
        border-radius: 1.4rem
    }
}

@media screen and (min-width: 992px) {
    .header-search__res p {
        margin: 0 11.2rem
    }
}

@media screen and (min-width: 992px) {
    .intro {
        padding: 1rem 0 4.5rem;
        min-height: 38rem
    }
}

@media screen and (min-width: 992px) {
    .intro__inner {
        display: flex;
        padding: 0 0 3rem
    }
}

@media screen and (min-width: 992px) {
    .intro__left {
        width: 48.5%;
        flex-shrink: 0;
        padding-top: 6rem
    }
}

@media screen and (min-width: 992px) {
    .intro__title {
        margin-bottom: 1.8rem;
        font-size: 4rem
    }
}

@media screen and (max-width: 991px) {
    .intro__picture {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .intro__picture {
        width: 100%;
        max-width: 42.2rem;
        max-height: 24.1rem;
        margin-left: auto
    }
}

@media screen and (min-width: 992px) {
    .intro__picture img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto
    }
}

@media screen and (min-width: 992px) {
    .intro__collapse:not(.active) .intro__collapse-inner {
        height: 2rem
    }
}

@media screen and (min-width: 992px) {
    .intro__collapse-inner {
        font-size: 1.6rem
    }
}

[dir=rtl] .intro__picture {
    margin-right: auto;
    margin-left: 0
}

@media screen and (min-width: 992px) {
    .intro-author {
        margin-bottom: 0;
        padding-top: .4rem;
        padding-bottom: .4rem
    }
}

@media screen and (min-width: 992px) {
    .intro-author__img {
        width: 3.2rem;
        height: 3.2rem
    }
}

@media screen and (min-width: 992px) {
    .top {
        position: relative;
        background: none
    }
}

@media screen and (min-width: 992px) {
    .top:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: -25rem;
        z-index: -1;
        left: 0;
        background: #f9f483ff
    }
}

@media screen and (min-width: 992px) {
    .top__title {
        font-size: 2.4rem
    }
}

@media screen and (min-width: 576px) {
    .top__list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 1rem
    }
}

@media screen and (min-width: 992px) {
    .top__list {
        gap: 0;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .top__list:before {
        top: -4.5rem;
        width: 57.2rem;
        height: 16rem
    }
}

@media screen and (min-width: 992px) {
    .top__list li {
        padding: 0 .2rem
    }
}

.top__list--skeleton {
    width: 100%
}

.top__list--skeleton .top__item {
    position: relative;
    min-height: 40rem;
    border-radius: 1.6rem;
    animation: changeBackgroundColor 2s ease-in-out infinite
}

@media screen and (min-width: 992px) {
    .top__item {
        display: flex;
        max-width: 100%;
        margin: 0 0 .8rem
    }
}

@media screen and (min-width: 992px) {

    .top__item--second[class],
    .top__item--third[class] {
        padding-top: 1.8rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--first {
        order: 2
    }
}

@media screen and (min-width: 992px) {
    .top__item--first .top__badge {
        left: 4.5rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--first .top__head-btn {
        background: #e37d7d;
        height: 19.8rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--second {
        order: 1
    }
}

@media screen and (min-width: 992px) {
    .top__item--third {
        order: 3
    }
}

@media screen and (min-width: 992px) {
    .top__card {
        width: 100%
    }
}

@media screen and (min-width: 992px) {
    .top__head {
        margin-bottom: 1.1rem
    }
}

@media screen and (min-width: 992px) {
    .top__head:before {
        font-size: 1.4rem;
        width: 2.4rem;
        height: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .top__badge {
        left: 3.8rem;
        min-height: 2.4rem;
        font-size: 1.4rem
    }
}

@media screen and (min-width: 992px) {
    .top__head-btn {
        height: 18rem;
        background: #e37d7d
    }
}

@media screen and (min-width: 992px) {
    .top__img {
        max-height: 15rem
    }
}

@media screen and (min-width: 992px) {
    .top__body {
        padding: 0 1rem
    }
}

@media screen and (min-width: 992px) {
    .top__left-head {
        margin-bottom: 1.1rem
    }
}

@media screen and (min-width: 992px) {
    .top__info {
        margin: 0 0 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .top__info-label {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .top__payments {
        margin: 0 0 1.6rem
    }
}

@media screen and (min-width: 992px) {

    .top__payments-list img,
    .top__more-payments img {
        max-width: 4rem;
        max-height: 2.6rem
    }
}

.top__payments-btn:hover+.top__more-payments {
    display: flex
}

@media screen and (min-width: 992px) {

    .top__btns button,
    .top__btns .referral-btn {
        margin-bottom: 1.4rem;
        padding-top: 1.9rem;
        padding-bottom: 1.9rem
    }
}

@media screen and (min-width: 992px) {
    .top__load-more {
        position: relative;
        max-width: 22.8rem;
        padding-top: 1.9rem;
        padding-bottom: 1.9rem
    }
}

@media screen and (min-width: 992px) {
    .top--alt .top__left-rating {
        display: block
    }
}

@media screen and (min-width: 992px) {

    .top:not(.top--alt) .top__item--first,
    .top:not(.top--alt) .top__item--second,
    .top:not(.top--alt) .top__item--third {
        width: 32%;
        margin: 0 0 2.4rem
    }

    .top:not(.top--alt) .top__item--first .top__card,
    .top:not(.top--alt) .top__item--first .top__body,
    .top:not(.top--alt) .top__item--first .top__right,
    .top:not(.top--alt) .top__item--second .top__card,
    .top:not(.top--alt) .top__item--second .top__body,
    .top:not(.top--alt) .top__item--second .top__right,
    .top:not(.top--alt) .top__item--third .top__card,
    .top:not(.top--alt) .top__item--third .top__body,
    .top:not(.top--alt) .top__item--third .top__right {
        display: flex;
        flex-direction: column
    }

    .top:not(.top--alt) .top__item--first .top__head,
    .top:not(.top--alt) .top__item--first .top__body,
    .top:not(.top--alt) .top__item--first .top__left,
    .top:not(.top--alt) .top__item--first .top__right,
    .top:not(.top--alt) .top__item--first .top__info,
    .top:not(.top--alt) .top__item--first .top__payments,
    .top:not(.top--alt) .top__item--first .top__btns,
    .top:not(.top--alt) .top__item--second .top__head,
    .top:not(.top--alt) .top__item--second .top__body,
    .top:not(.top--alt) .top__item--second .top__left,
    .top:not(.top--alt) .top__item--second .top__right,
    .top:not(.top--alt) .top__item--second .top__info,
    .top:not(.top--alt) .top__item--second .top__payments,
    .top:not(.top--alt) .top__item--second .top__btns,
    .top:not(.top--alt) .top__item--third .top__head,
    .top:not(.top--alt) .top__item--third .top__body,
    .top:not(.top--alt) .top__item--third .top__left,
    .top:not(.top--alt) .top__item--third .top__right,
    .top:not(.top--alt) .top__item--third .top__info,
    .top:not(.top--alt) .top__item--third .top__payments,
    .top:not(.top--alt) .top__item--third .top__btns {
        width: 100%;
        flex-shrink: 0
    }

    .top:not(.top--alt) .top__item--first .top__body,
    .top:not(.top--alt) .top__item--first .top__right,
    .top:not(.top--alt) .top__item--second .top__body,
    .top:not(.top--alt) .top__item--second .top__right,
    .top:not(.top--alt) .top__item--third .top__body,
    .top:not(.top--alt) .top__item--third .top__right {
        flex-grow: 1
    }

    .top:not(.top--alt) .top__item--first .top__btns,
    .top:not(.top--alt) .top__item--second .top__btns,
    .top:not(.top--alt) .top__item--third .top__btns {
        margin-top: auto
    }
}

.top:not(.top--alt) .top__list--skeleton .top__item {
    width: 32%
}

@media screen and (min-width: 992px) {
    .top__item--other {
        width: 100%;
        order: 4
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__card {
        display: flex;
        padding-bottom: .8rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__head {
        display: flex;
        flex-shrink: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__head-btn {
        height: 100%
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__head-btn {
        width: 28rem
    }
}

@media screen and (min-width: 1200px) {
    .top__item--other .top__head-btn {
        width: 35.5rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__body {
        position: relative;
        display: flex;
        width: 100%;
        padding: 0 0 5.7rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__left {
        display: flex;
        flex-direction: column;
        max-width: 36.8rem;
        width: 100%;
        margin: 0 2rem 0 1rem
    }
}

@media screen and (min-width: 1200px) {
    .top__item--other .top__left {
        margin: 0 5.6rem 0 2.7rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__left>* {
        width: 100%;
        flex-shrink: 0
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__left-head {
        display: flex;
        margin-top: 1.6rem;
        margin-bottom: 1.8rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__subtitle {
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__left-rating {
        flex-shrink: 0;
        display: flex;
        margin-top: .2rem;
        margin-left: .8rem;
        font-size: 1.6rem;
        font-weight: 500
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__left-rating svg {
        flex-shrink: 0;
        align-items: center;
        margin-right: .4rem;
        width: 2.1rem;
        height: 2.1rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__rating {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__bonus {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.7rem;
        padding-right: 3rem;
        padding-left: 3rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__right {
        flex-shrink: 0;
        width: 28rem;
        margin-top: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__payments {
        position: absolute;
        bottom: 1.8rem;
        left: 1rem;
        right: 30rem;
        max-width: 36.8rem;
        margin: 0
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__payments {
        left: 2.7rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__bonus-label {
        position: relative;
        display: inline-block;
        padding-left: 2.8rem
    }
}

@media screen and (min-width: 992px) {
    .top__item--other .top__bonus-label:before {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .top__badge {
        right: 3.8rem
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .top__item--first .top__badge {
        right: 4.5rem;
        left: auto
    }
}

@keyframes changeBackgroundColor {
    0% {
        background-color: #fff
    }

    50% {
        background-color: #fff9
    }

    to {
        background-color: #fff
    }
}

@media (min-width: 992px) {
    .affiliate-disclosure__content {
        margin-top: .5rem;
        margin-bottom: .8rem;
        padding-left: .6rem
    }
}

@media (min-width: 992px) {
    .affiliate-disclosure__content-title {
        margin-bottom: .11rem;
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {
    .affiliate-disclosure__description {
        left: 0
    }
}

@media (min-width: 992px) {
    .affiliate-disclosure__description:before {
        left: .8rem
    }
}

@media screen and (min-width: 992px) {
    .editor-content {
        overflow: hidden;
        font-size: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .editor-content .container>*:first-child {
        margin-top: 0
    }
}

@media screen and (min-width: 992px) {
    .editor-content .container>*:first-child:not([class]) {
        padding-top: 0
    }
}

@media screen and (min-width: 992px) {

    .editor-content ul:not([class]),
    .editor-content ol:not([class]) {
        margin-bottom: 3.2rem
    }
}

@media screen and (min-width: 992px) {

    .editor-content ul:not([class]) li,
    .editor-content ol:not([class]) li {
        min-height: 2.8rem;
        padding-top: 0;
        padding-left: 4.4rem
    }
}

@media screen and (min-width: 992px) {

    .editor-content ul:not([class]) li:before,
    .editor-content ol:not([class]) li:before {
        background-size: 1.2rem .9rem;
        width: 2.8rem;
        height: 2.8rem
    }
}

@media screen and (min-width: 992px) {

    .editor-content ul:not([class]) li h2:first-child,
    .editor-content ul:not([class]) li h3:first-child,
    .editor-content ul:not([class]) li h4:first-child,
    .editor-content ul:not([class]) li h5:first-child,
    .editor-content ul:not([class]) li h6:first-child,
    .editor-content ul:not([class]) li p:first-child,
    .editor-content ol:not([class]) li h2:first-child,
    .editor-content ol:not([class]) li h3:first-child,
    .editor-content ol:not([class]) li h4:first-child,
    .editor-content ol:not([class]) li h5:first-child,
    .editor-content ol:not([class]) li h6:first-child,
    .editor-content ol:not([class]) li p:first-child {
        margin-bottom: 1.2rem
    }
}

@media screen and (min-width: 992px) {

    .editor-content ul:not([class]) li>h2:first-child,
    .editor-content ul:not([class]) li>h3:first-child,
    .editor-content ul:not([class]) li>h4:first-child,
    .editor-content ul:not([class]) li>h5:first-child,
    .editor-content ul:not([class]) li>h6:first-child,
    .editor-content ul:not([class]) li>p:first-child,
    .editor-content ol:not([class]) li>h2:first-child,
    .editor-content ol:not([class]) li>h3:first-child,
    .editor-content ol:not([class]) li>h4:first-child,
    .editor-content ol:not([class]) li>h5:first-child,
    .editor-content ol:not([class]) li>h6:first-child,
    .editor-content ol:not([class]) li>p:first-child {
        margin-bottom: 1.2rem
    }
}

@media screen and (min-width: 992px) {

    .editor-content ul:not([class]) li>h2:first-child:not(:last-child),
    .editor-content ul:not([class]) li>h3:first-child:not(:last-child),
    .editor-content ul:not([class]) li>h4:first-child:not(:last-child),
    .editor-content ul:not([class]) li>h5:first-child:not(:last-child),
    .editor-content ul:not([class]) li>h6:first-child:not(:last-child),
    .editor-content ul:not([class]) li>p:first-child:not(:last-child),
    .editor-content ol:not([class]) li>h2:first-child:not(:last-child),
    .editor-content ol:not([class]) li>h3:first-child:not(:last-child),
    .editor-content ol:not([class]) li>h4:first-child:not(:last-child),
    .editor-content ol:not([class]) li>h5:first-child:not(:last-child),
    .editor-content ol:not([class]) li>h6:first-child:not(:last-child),
    .editor-content ol:not([class]) li>p:first-child:not(:last-child) {
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {
    .editor-content ol:not([class]) li:before {
        font-size: 1.2rem;
        font-weight: 900
    }
}

@media screen and (min-width: 992px) {
    .editor-content h2:not([class]) {
        font-size: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .editor-content h3:not([class]) {
        font-size: 2.2rem
    }
}

@media screen and (min-width: 992px) {

    .editor-content h4:not([class]),
    .editor-content h5:not([class]),
    .editor-content h6:not([class]) {
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {
    .editor-content img:not([class]) {
        margin: 2.5rem 0
    }
}

@media screen and (min-width: 992px) {
    .editor-content__easter-bg {
        top: 0;
        height: 180rem
    }
}

@media screen and (min-width: 992px) {

    [dir=rtl] .editor-content ul:not([class]) li,
    [dir=rtl] .editor-content ol:not([class]) li {
        padding-right: 4.4rem
    }
}

@media screen and (min-width: 992px) {

    .table th,
    .table td,
    table:not([class]) th,
    table:not([class]) td,
    table:not(.casino-info__overall-rating-table) th,
    table:not(.casino-info__overall-rating-table) td {
        padding: 1.6rem 2rem
    }
}

@media screen and (min-width: 992px) {

    .table th,
    table:not([class]) th,
    table:not(.casino-info__overall-rating-table) th {
        font-size: 1.4rem
    }
}

@media screen and (min-width: 992px) {

    .table td,
    table:not([class]) td,
    table:not(.casino-info__overall-rating-table) td {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 992px) {

    .table td:first-child,
    table:not([class]) td:first-child,
    table:not(.casino-info__overall-rating-table) td:first-child {
        padding-left: 3rem
    }
}

@media screen and (min-width: 992px) {
    .table--with-btn td {
        padding-top: 1.7rem;
        padding-bottom: 1.7rem
    }
}

@media screen and (min-width: 992px) {
    .table--with-btn td:last-child {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .property-table {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 2.4rem;
        background: none
    }
}

@media screen and (min-width: 992px) {
    .property-table:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: -10rem;
        left: 0;
        background: linear-gradient(to bottom, #e8e4e4 80%, white 100%)
    }
}

@media screen and (min-width: 992px) {
    .property-table table td {
        padding: 1rem 4rem;
        font-size: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .property-table table td:first-child {
        min-width: 23rem;
        padding-right: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .property-table table td:first-child {
        padding-left: 6.5rem
    }
}

@media screen and (min-width: 992px) {
    .gradient-bg {
        margin: 3.2rem 0;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .gradient-bg:before {
        content: none;
        display: none
    }
}

@media screen and (min-width: 992px) {
    .gradient-bg:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list {
        margin: 3.2rem 0;
        padding: 4rem 0 2rem
    }
}

@media screen and (min-width: 576px) {
    .bonuses-list:before {
        background-image: url(/build/assets/bonuses-bg_sm.webp)
    }
}

@media screen and (min-width: 768px) {
    .bonuses-list:before {
        background-image: url(/build/assets/bonuses-bg_md.webp)
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list:before {
        right: auto;
        left: 50%;
        width: 200rem;
        background-image: url(/build/assets/bonuses-bg_lg.webp);
        transform: translate(-50%)
    }
}

@media screen and (min-width: 1200px) {
    .bonuses-list:before {
        background-image: url(/build/assets/bonuses-bg_xl.webp)
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: -30rem;
        right: auto;
        bottom: -30rem;
        left: 50%;
        width: 200rem;
        background: linear-gradient(to bottom, #ffffff 0%, #e8e4e4 10%, #e8e4e4 90%, #ffffff 100%);
        transform: translate(-50%)
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__title {
        font-size: 2.4rem
    }
}

@media screen and (min-width: 576px) {
    .bonuses-list__list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 2%
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__list {
        gap: 0;
        justify-content: space-between
    }
}

@media screen and (min-width: 576px) {
    .bonuses-list__item {
        flex-shrink: 0;
        width: 49%;
        transition: .2s border-color
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__item {
        width: 24%;
        margin: 0 0 2rem;
        padding: 1.6rem 1rem 2.4rem
    }
}

@media screen and (min-width: 1200px) {
    .bonuses-list__item {
        padding: 1.6rem 1.6rem 2.4rem
    }
}

@media screen and (min-width: 576px) {
    .bonuses-list__item:hover {
        border-color: #ffb23e
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__item--top .bonuses-list__inner {
        padding-left: 1.2rem;
        text-align: center
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__item--top .bonuses-list__badge-img {
        top: 0;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -1.6rem);
        width: 4.8rem;
        height: 5.2rem
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__picture {
        position: static;
        margin: 0 auto 1.6rem;
        transform: none;
        width: 8rem;
        height: 8rem
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__img {
        max-width: 7.4rem;
        max-height: 7.4rem
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__subtitle {
        margin-bottom: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__inner {
        margin-bottom: 1.5rem;
        padding: 4rem 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__button {
        background: linear-gradient(to bottom, #ffb23e 0%, #ff8126 100%)
    }
}

@media screen and (min-width: 992px) {
    .bonuses-list__button:hover {
        background: none
    }
}

.best-providers {
    margin-bottom: 4rem
}

@media (min-width: 768px) {
    .best-providers__inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .8rem 2rem
    }
}

@media (min-width: 768px) {
    .best-providers__items {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .best-providers__load-more {
        max-width: 22.8rem;
        margin-top: 1.8rem;
        padding: 1.8rem .5rem;
        color: #fff;
        background: #ff3a3a
    }
}

@media (min-width: 768px) {
    .best-providers__load-more:hover {
        background: #0d3fc0
    }
}

@media screen and (min-width: 992px) {
    .brick {
        margin-top: 3.2rem
    }
}

@media screen and (min-width: 768px) {
    .brick__list {
        gap: 2rem 2%
    }
}

@media screen and (min-width: 768px) {
    .brick__list li {
        max-width: 32%;
        margin: 0
    }
}

@media screen and (min-width: 992px) {
    .brick__list li {
        padding: 2.4rem 3.2rem
    }
}

@media screen and (min-width: 992px) {

    .brick__list h2:not([class]),
    .brick__list h3:not([class]),
    .brick__list h4:not([class]),
    .brick__list h5:not([class]),
    .brick__list h6:not([class]) {
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {
    .pros-cons {
        margin: 1.6rem 0;
        display: flex;
    }

    .pros-cons__col {
        flex-shrink: 0;
        width: 50%;
        padding-right: 6rem
    }
}

@media screen and (min-width: 1200px) {
    .pros-cons__col {
        padding-right: 9.7rem
    }
}

@media screen and (min-width: 992px) {

    .pros-cons__col>h2:not([class]),
    .pros-cons__col>h3:not([class]),
    .pros-cons__col>h4:not([class]),
    .pros-cons__col>h5:not([class]),
    .pros-cons__col>h6:not([class]) {
        margin: 0 0 1.6rem;
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {
    .pros-cons__list li>*:not([class]):first-child {
        margin: 0 0 1.5rem;
        padding: .2rem 0 0 4.4rem
    }
}

@media screen and (min-width: 992px) {
    .pros-cons__list li>*:not([class]):first-child:before {
        width: 2.8rem;
        height: 2.8rem
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .pros-cons__list li>*:not([class]):first-child {
        padding-right: 4.4rem
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .pros-cons__col {
        padding-right: 0;
        padding-left: 6rem
    }
}

@media screen and (min-width: 1200px) {
    [dir=rtl] .pros-cons__col {
        padding-left: 9.7rem
    }
}

@media screen and (min-width: 768px) {
    .without-bg {
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .without-bg {
        margin: 4rem 0
    }
}

@media screen and (min-width: 768px) {

    .without-bg__list li,
    .without-bg ul li {
        display: flex;
        padding-right: 6rem
    }
}

@media screen and (min-width: 992px) {

    .without-bg__list li,
    .without-bg ul li {
        padding-right: 8rem
    }
}

@media screen and (min-width: 1200px) {

    .without-bg__list li,
    .without-bg ul li {
        padding-right: 12rem
    }
}

@media screen and (min-width: 768px) {

    .without-bg__list li>div:first-child,
    .without-bg ul li>div:first-child {
        flex-shrink: 0;
        width: 8.7rem;
        margin-right: 4rem
    }
}

@media screen and (min-width: 992px) {

    .without-bg__list li>div:first-child,
    .without-bg ul li>div:first-child {
        width: 9.6rem;
        margin-right: 5.8rem
    }
}

@media screen and (min-width: 768px) {

    .without-bg__list img:not([class]),
    .without-bg ul img:not([class]) {
        flex-shrink: 0;
        max-width: 8.7rem;
        max-height: 8.7rem;
        margin: 0;
        width: auto;
        height: auto
    }
}

@media screen and (min-width: 992px) {

    .without-bg__list img:not([class]),
    .without-bg ul img:not([class]) {
        max-width: 9.6rem;
        max-height: 9.6rem
    }
}

@media screen and (min-width: 992px) {

    .without-bg__list h2:not([class]),
    .without-bg__list h3:not([class]),
    .without-bg__list h4:not([class]),
    .without-bg__list h5:not([class]),
    .without-bg__list h6:not([class]),
    .without-bg ul h2:not([class]),
    .without-bg ul h3:not([class]),
    .without-bg ul h4:not([class]),
    .without-bg ul h5:not([class]),
    .without-bg ul h6:not([class]) {
        font-size: 2rem;
        margin-bottom: 1.6rem
    }
}

@media screen and (min-width: 992px) {

    [dir=rtl] .without-bg__list li,
    [dir=rtl] .without-bg ul li {
        padding-left: 8rem
    }
}

@media screen and (min-width: 1200px) {

    [dir=rtl] .without-bg__list li,
    [dir=rtl] .without-bg ul li {
        padding-left: 12rem
    }
}

@media (min-width: 576px) {
    .mini-review .mini-review__content {
        margin: auto;
    }

    .mini-review .mini-review__content>a {
        margin-top: auto;
        padding: 1.5rem 2rem;
    }

    .mini-review>div>h2:not([class]),
    .mini-review>div>h3:not([class]),
    .mini-review>div>h4:not([class]),
    .mini-review>div>h5:not([class]),
    .mini-review>div>h6:not([class]) {
        margin-bottom: 1.2rem;
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.mini-review .mini-review__content>ul {
    display: block;
}

.mini-review .mini-review__image>ul {
    display: none;
}

@media (min-width: 768px) {
    .mini-review {
        display: grid;
        gap: 0 3.2rem;
        padding: 3.2rem;
        margin-bottom: 2rem
    }

    .mini-review {
        grid-template-columns: 46% 1fr;
    }

    .mini-review--reverse {
        grid-template-columns: 1fr 46%;
    }

    .mini-review .mini-review__content>ul {
        display: none;
    }

    .mini-review .mini-review__image>ul {
        display: block;
    }
}

@media (min-width: 992px) {
    .mini-review>div {
        display: flex;
        flex-direction: column;
    }

    .mini-review>div>* {
        flex-shrink: 0;
        width: 100%;
    }
}

@media (min-width: 576px) {
    .mini-review>div>p:not([class]) {
        margin-bottom: 2rem;
    }
}

@media (min-width: 992px) {

    .mini-review>div table,
    .mini-review>div .table-wrapper {
        margin-top: auto
    }
}

@media (min-width: 768px) {
    .mini-review>div table {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .with-bg__item {
        padding: 3rem 2.4rem 2.4rem
    }
}

@media screen and (min-width: 768px) {
    .two-col ul:not([class]) {
        gap: 2rem 2%
    }
}

@media screen and (min-width: 768px) {
    .two-col ul:not([class]) li {
        max-width: 49%;
        margin: 0
    }
}

@media screen and (min-width: 992px) {
    .two-col ul:not([class]) li {
        padding: 2rem 4rem 2.4rem;
        background: linear-gradient(to bottom, #f4f7ff 0%, #f4f7ff 6.4rem, #ffffff 6.4rem)
    }
}

@media screen and (min-width: 992px) {
    .two-col ul:not([class]) li>div {
        margin-bottom: 1.2rem;
        width: 8rem;
        height: 8rem
    }
}

@media screen and (min-width: 992px) {

    .two-col ul:not([class]) li__img,
    .two-col ul:not([class]) li img {
        max-width: 4.5rem;
        max-height: 4.5rem
    }
}

@media screen and (min-width: 992px) {

    .two-col ul:not([class]) li__title,
    .two-col ul:not([class]) li h2:not([class]),
    .two-col ul:not([class]) li h3:not([class]),
    .two-col ul:not([class]) li h4:not([class]),
    .two-col ul:not([class]) li h5:not([class]),
    .two-col ul:not([class]) li h6:not([class]) {
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {

    .stepper__list li:not([class]),
    .stepper ol:not([class]) li:not([class]) {
        padding-left: 4.3rem
    }
}

@media screen and (min-width: 992px) {

    .stepper__list li:not([class]):after,
    .stepper ol:not([class]) li:not([class]):after {
        font-size: 1.2rem;
        width: 2.8rem;
        height: 2.8rem
    }
}

@media screen and (min-width: 992px) {

    .stepper__list li:not([class]):not(:last-child):before,
    .stepper ol:not([class]) li:not([class]):not(:last-child):before {
        left: 1.4rem
    }
}

@media screen and (min-width: 992px) {

    .stepper__list li:not([class]):last-child:before,
    .stepper ol:not([class]) li:not([class]):last-child:before {
        top: 1.3rem;
        left: .9rem
    }
}

@media screen and (min-width: 992px) {

    .stepper__list li:not([class]) h3:not([class]),
    .stepper__list li:not([class]) h4:not([class]),
    .stepper__list li:not([class]) h5:not([class]),
    .stepper__list li:not([class]) h6:not([class]),
    .stepper ol:not([class]) li:not([class]) h3:not([class]),
    .stepper ol:not([class]) li:not([class]) h4:not([class]),
    .stepper ol:not([class]) li:not([class]) h5:not([class]),
    .stepper ol:not([class]) li:not([class]) h6:not([class]) {
        margin-bottom: 1.2rem;
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {

    [dir=rtl] .stepper__list li:not([class]),
    [dir=rtl] .stepper ol:not([class]) li:not([class]) {
        padding-right: 4.3rem
    }
}

@media screen and (min-width: 992px) {

    [dir=rtl] .stepper__list li:not([class]):not(:last-child):before,
    [dir=rtl] .stepper ol:not([class]) li:not([class]):not(:last-child):before {
        right: 1.4rem
    }
}

@media screen and (min-width: 992px) {

    [dir=rtl] .stepper__list li:not([class]):last-child:before,
    [dir=rtl] .stepper ol:not([class]) li:not([class]):last-child:before {
        right: .9rem
    }
}

@media screen and (min-width: 992px) {
    .faq__title {
        margin-bottom: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .faq__card {
        padding: 3.2rem
    }
}

@media screen and (min-width: 992px) {
    .faq__input:checked~.faq__body {
        padding-top: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .faq__label {
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {
    .faq__label:after {
        width: 4rem;
        height: 4rem
    }
}

.tns-outer {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tns-autowidth {
    display: inline-block
}

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

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

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

.tns-ovh {
    overflow: hidden
}

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

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

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

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

.tns-vpfix {
    white-space: nowrap
}

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

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

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

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

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

@media (min-width: 992px) {
    .similars {
        margin-top: 3.2rem
    }
}

@media (min-width: 992px) {
    .similars .tns-controls {
        position: relative
    }
}

@media (min-width: 992px) {
    .similars .tns-controls button {
        z-index: 1;
        position: absolute;
        top: 9.5rem;
        border-radius: .8rem;
        border: none;
        background: #ffffff;
        cursor: pointer;
        width: 4rem;
        height: 4rem
    }
}

@media (min-width: 992px) {
    .similars .tns-controls button:before {
        content: "";
        position: absolute;
        top: 50%;
        border-left: .3rem solid #ff3a3a;
        border-bottom: .3rem solid #ff3a3a;
        width: .8rem;
        height: .8rem
    }
}

@media (min-width: 992px) {
    .similars .tns-controls button:first-child {
        left: -.8rem;
        transform: translate(-100%)
    }
}

@media (min-width: 1301px) {
    .similars .tns-controls button:first-child {
        left: -2rem
    }
}

@media (min-width: 992px) {
    .similars .tns-controls button:first-child:before {
        left: 56%;
        transform: translate(-50%, -50%) rotate(45deg)
    }
}

@media (min-width: 992px) {
    .similars .tns-controls button:last-child {
        right: -.8rem;
        transform: translate(100%)
    }
}

@media (min-width: 1301px) {
    .similars .tns-controls button:last-child {
        right: -2rem
    }
}

@media (min-width: 992px) {
    .similars .tns-controls button:last-child:before {
        left: 44%;
        transform: translate(-50%, -50%) rotate(-135deg)
    }
}

@media (min-width: 992px) {
    .similars .tns-controls button:disabled {
        display: none
    }
}

@media (min-width: 992px) {
    .similars .tns-liveregion {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .similars .tns-outer {
        max-width: 90% !important;
        margin: 0 auto;
        padding: .1rem !important
    }
}

@media (min-width: 992px) {
    .similars .tns-inner {
        padding-bottom: .1rem
    }
}

@media (min-width: 992px) {
    .similars__title {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    [amp] .similars__list {
        gap: 1.6rem
    }
}

@media (min-width: 992px) {

    [amp] .similars__list li,
    [amp] .similars__item {
        max-width: 21.6rem
    }
}

@media screen and (min-width: 992px) {
    .footer .logo__img {
        max-height: 5rem
    }
}

@media screen and (min-width: 992px) {
    .footer__head {
        padding: 0;
        border: none
    }
}

@media screen and (min-width: 992px) {
    .footer__head .container {
        position: relative;
        padding: 1.8rem 1.5rem 2.5rem
    }
}

@media screen and (min-width: 992px) {
    .footer__head .container:before {
        content: "";
        position: absolute;
        left: 1.5rem;
        bottom: 0;
        right: 1.5rem;
        border-bottom: .3rem solid rgba(255, 255, 255, .1)
    }
}

@media screen and (min-width: 768px) {
    .footer__head-nav {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0 0 0 1rem;
        font-size: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .footer__head-nav {
        font-size: 1.4rem
    }
}

@media screen and (min-width: 768px) {
    .footer__head-nav li:not(:last-child) {
        margin-right: 1rem
    }
}

@media screen and (min-width: 992px) {
    .footer__head-nav li:not(:last-child) {
        margin-right: 3rem
    }
}

@media screen and (min-width: 1200px) {
    .footer__head-nav li:not(:last-child) {
        margin-right: 5rem
    }
}

@media screen and (min-width: 768px) {
    .footer__head-nav a {
        text-decoration: none;
        font-weight: 500;
        transition: color .2s
    }
}

@media screen and (min-width: 768px) {
    .footer__head-nav a:hover {
        color: #ff3a3a
    }
}

@media screen and (min-width: 992px) {
    .footer__nav {
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .footer__nav .container {
        position: relative;
        padding: 3.2rem 1.5rem 3.8rem
    }
}

@media screen and (min-width: 992px) {
    .footer__nav .container:before {
        content: "";
        position: absolute;
        left: 1.5rem;
        bottom: 0;
        right: 1.5rem;
        border-bottom: .3rem solid rgba(255, 255, 255, .1)
    }
}

@media screen and (min-width: 992px) {
    .footer__nav-list {
        column-count: 4;
        column-gap: 1rem
    }
}

@media screen and (min-width: 992px) {
    .footer__nav-item {
        margin-bottom: 2rem;
        border: none
    }
}

@media screen and (min-width: 992px) {
    .footer__nav-button {
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .footer__nav-button:before {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .footer__nav-button:hover {
        background: none;
        cursor: default
    }
}

@media screen and (min-width: 992px) {
    .footer__nav-subnav {
        display: block;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .footer__nav-subnav li {
        margin-top: .5rem
    }
}

@media screen and (min-width: 992px) {
    .footer__body {
        padding: 0;
        border: none
    }
}

@media screen and (min-width: 768px) {
    .footer__body .container {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .footer__body .container {
        position: relative;
        padding: 1.5rem 1.5rem 2.5rem
    }
}

@media screen and (min-width: 992px) {
    .footer__body .container:before {
        content: "";
        position: absolute;
        left: 1.5rem;
        bottom: 0;
        right: 1.5rem;
        border-bottom: .3rem solid rgba(255, 255, 255, .1)
    }
}

@media screen and (min-width: 768px) {
    .footer__body-top {
        width: 100%;
        padding-right: 1.5rem
    }
}

@media screen and (min-width: 992px) {
    .footer__body-text {
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 992px) {
    .footer__body-help {
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 768px) {
    .footer__body-phone {
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .footer__body-bottom {
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        width: 58%
    }
}

@media screen and (min-width: 768px) {
    .footer__body-socials {
        display: flex;
        align-items: center;
        margin: 0 0 2rem auto
    }
}

@media screen and (min-width: 768px) {
    .footer__body-socials .socials {
        margin-left: 1.2rem
    }
}

@media screen and (min-width: 768px) {
    .footer__body-desc {
        width: 100%
    }
}

@media screen and (min-width: 992px) {
    .footer__body-desc {
        font-size: 1.4rem
    }
}

@media screen and (min-width: 992px) {
    .footer--without-bg:before {
        content: none;
        display: none
    }
}

@media screen and (min-width: 768px) {
    [dir=rtl] .footer__head-nav {
        padding-right: 1rem;
        padding-left: 0
    }
}

@media screen and (min-width: 768px) {
    [dir=rtl] .footer__head-nav li:not(:last-child) {
        margin-right: 0;
        margin-left: 1rem
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .footer__head-nav li:not(:last-child) {
        margin-left: 3rem
    }
}

@media screen and (min-width: 1200px) {
    [dir=rtl] .footer__head-nav li:not(:last-child) {
        margin-right: 5rem
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal {
        right: 1rem;
        bottom: 1rem;
        width: 50.3rem;
        padding-right: 6rem
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal__close {
        top: 1.6rem;
        right: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal__img {
        width: 10.8rem
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal__img img {
        width: 8.4rem;
        height: 8.3rem
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal__info {
        padding: 1rem 0
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal__label {
        margin-bottom: .8rem;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal__text {
        font-size: 1.4rem
    }
}

@media screen and (min-width: 992px) {
    .cookies-modal__accept {
        min-width: 10.2rem;
        margin-right: 3rem
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .cookies-modal {
        padding-left: 6rem
    }
}

@media screen and (min-width: 992px) {
    [dir=rtl] .cookies-modal__close {
        left: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    #email-collector {
        align-items: center;
        padding-top: 0
    }
}

@media screen and (min-width: 992px) {
    .email-modal {
        padding: 0 6.8rem 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .email-modal__img {
        padding-right: 7rem
    }
}

@media screen and (min-width: 992px) {
    .email-modal__title {
        font-size: 2.4rem;
        line-height: 1.3
    }
}

@media screen and (min-width: 992px) {
    .email-modal__text {
        margin-bottom: .8rem;
        font-size: 1.6rem;
        line-height: 1.5
    }
}

@media screen and (min-width: 992px) {
    .email-modal__text--success {
        margin-bottom: 3.2rem
    }
}

@media screen and (min-width: 992px) {

    .email-modal__input-wrapper,
    .email-modal__checkbox-wrapper {
        margin-bottom: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__popup {
        max-width: 93.2rem;
        min-height: 56rem;
        background: url(/build/assets/bg_lg.png) bottom right/cover no-repeat, #205bf1 linear-gradient(180deg, #205bf1 0%, #181750 100%)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__main {
        padding-right: 7rem;
        padding-bottom: 5.4rem;
        padding-left: 7rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__badge {
        min-width: 19.6rem;
        margin-bottom: 2.2rem;
        padding-top: .8rem;
        padding-bottom: .8rem;
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__title {
        margin-bottom: 5.5rem;
        font-size: 2.8rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__wheel {
        position: absolute;
        right: 9.6rem;
        bottom: 7rem;
        margin: 0;
        width: 29.6rem;
        height: 30.6rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__list ul {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__list li {
        min-height: 3.1rem;
        width: 8rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__list li:nth-child(1) {
        transform: translate(.6rem, 3.3rem) rotate(45deg)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__list li:nth-child(2) {
        transform: translate(-8.6rem, 3rem) rotate(135deg)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__list li:nth-child(3) {
        transform: translate(-9.1rem, -7rem) rotate(225deg)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__list li:nth-child(4) {
        transform: translate(1rem, -6.7rem) rotate(315deg)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__diagram {
        width: 27.5rem;
        height: 27.5rem
    }
}

@media screen and (min-width: 992px) {

    .email-wheel__diagram.active .email-wheel__diagram-svg:before,
    .email-wheel__diagram.active .email-wheel__diagram-svg:after {
        width: 7.4rem;
        height: 10.8rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__diagram.active .email-wheel__diagram-svg:before {
        transform: translate(136%, 17%)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__diagram.active .email-wheel__diagram-svg:after {
        transform: translate(-52%, -76%) rotate(90deg)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__lights img {
        width: 34.8rem;
        height: 33.4rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__form {
        flex-shrink: 0;
        width: 36rem;
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__desc {
        margin-bottom: 2.3rem;
        font-size: 1.8rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__input {
        margin-bottom: 2rem;
        font-size: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__text {
        font-size: 1.4rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__success {
        padding: 5.2rem 7rem 8rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__congrats {
        margin-bottom: 6.4rem;
        font-size: 2.8rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__success-img {
        position: absolute;
        right: 3.4rem;
        bottom: 8rem;
        margin-bottom: 0;
        pointer-events: none
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__success-img img {
        width: 45.7rem;
        height: 35rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__success-text {
        position: relative;
        max-width: 39.6rem;
        padding: 3rem 1.9rem 2.4rem;
        background: rgba(255, 255, 255, .1);
        border-radius: 1.6rem;
        border: .1rem solid rgba(255, 255, 255, .3)
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__success-text>p {
        margin-bottom: 3.6rem
    }
}

@media screen and (min-width: 992px) {
    .email-wheel__success-text>p>span:first-child {
        margin-top: 0;
        margin-bottom: 3.2rem
    }
}

@media (min-width: 992px) {
    .month-casino {
        padding: .8rem 1.6rem
    }
}

@media (min-width: 992px) {
    .month-casino>.month-casino__action-text {
        display: none
    }
}

@media (min-width: 992px) {
    .month-casino__inner {
        width: 100%;
        max-width: 114.4rem;
        margin: 0 auto
    }
}

@media (min-width: 992px) {
    .month-casino__info {
        flex-grow: 1;
        background: transparent;
        border-radius: 0;
        margin-right: 0;
        padding-right: .5rem
    }
}

@media (min-width: 992px) {
    .month-casino__bonus {
        display: flex;
        align-items: center;
        padding: .8rem;
        border-radius: .8rem;
        background: rgba(159, 169, 198, .15)
    }
}

@media (min-width: 992px) {
    .month-casino__action-text {
        width: 55%;
        margin: 0;
        padding-right: 1rem;
        font-size: 1.6rem;
        line-height: 2rem;
        text-align: left
    }
}

@media (min-width: 992px) {
    .month-casino__casino-logo {
        flex-shrink: 0;
        margin-right: 0;
        margin-left: auto;
        width: 8rem;
        height: 4rem
    }
}

@media (min-width: 992px) {
    .month-casino__casino-logo img {
        max-height: 100%
    }
}

@media (min-width: 992px) {
    .month-casino__bonus {
        position: relative;
        width: 40rem
    }
}

@media (min-width: 992px) {
    .month-casino__bonus:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 52%;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDkgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTguNjE3MiA5LjQzNzQ0QzguODQ4MiA5Ljc3NjkxIDguODQ4MiAxMC4yMjMxIDguNjE3MiAxMC41NjI2TDIuNTc2NzUgMTkuNDM5N0MyLjAyMjkgMjAuMjUzNyAwLjc1IDE5Ljg2MTcgMC43NSAxOC44NzcyTDAuNzUwMDAxIDEuMTIyODRDMC43NTAwMDEgMC4xMzgzMjMgMi4wMjI5IC0wLjI1MzY3NiAyLjU3Njc1IDAuNTYwMjc3TDguNjE3MiA5LjQzNzQ0WiIgZmlsbD0iI0U0RUFGOSIvPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        transform: translateY(-50%);
        width: 1.8rem;
        height: 2rem
    }
}

@media (min-width: 992px) {
    .month-casino__bonus-text {
        width: 100%;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.2rem;
        margin: .4rem 0
    }
}

@media (min-width: 992px) {
    .month-casino__btn {
        min-width: 25.5rem;
        padding: 1.5rem 1rem;
        font-size: 1.6rem;
        border-radius: 1.4rem
    }
}

@media (min-width: 1225px) {
    .month-casino__close {
        position: absolute;
        top: 50%;
        right: .5rem;
        transform: translateY(-50%);
        width: 2.4rem;
        height: 2.4rem;
        background: rgba(255, 255, 255, .3);
        padding: 1rem;
        border-radius: 1rem
    }
}

@media (min-width: 1300px) {
    .month-casino__close {
        right: 2%
    }
}

@media (min-width: 1440px) {
    .month-casino__close {
        right: 5%
    }
}

@media (min-width: 1700px) {
    .month-casino__close {
        right: 8%
    }
}

@media (min-width: 1225px) {

    .month-casino__close:before,
    .month-casino__close:after {
        width: 60%;
        background: #fff
    }
}

@media screen and (min-width: 992px) {
    .custom-select__btn {
        padding-left: 3.6rem;
        padding-right: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .custom-select__btn:after {
        right: 1.3rem
    }
}

@media screen and (min-width: 992px) {
    .custom-select__btn svg {
        left: 1.1rem
    }
}

@media screen and (min-width: 992px) {
    .custom-select__dropdown {
        font-size: 1.4rem;
        transform: translateY(.2rem)
    }
}

@media screen and (min-width: 992px) {
    .custom-select__dropdown label:not([class]) {
        padding-top: .85rem;
        padding-right: 2.8rem;
        padding-bottom: .8rem
    }
}

@media screen and (min-width: 992px) {
    .custom-select__dropdown label:not([class]) svg:last-child {
        right: 1rem
    }
}

@media screen and (min-width: 992px) {
    .custom-select__clear {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) {
        margin-bottom: 2.4rem;
        border: .1rem solid #e8e4e4
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__button {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__inner {
        display: flex;
        align-items: flex-start;
        gap: 0 1.2rem;
        padding: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__item {
        flex-grow: 1;
        flex-shrink: 0
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__item:first-child {
        width: 10.8rem;
        flex-grow: 0
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__item:last-child {
        width: 21.6rem;
        flex-grow: 0
    }
}

@media screen and (min-width: 992px) {

    .filters-fields:not(.filters-fields--reviews) .filters-fields__item:nth-child(2),
    .filters-fields:not(.filters-fields--reviews) .filters-fields__item:nth-child(3),
    .filters-fields:not(.filters-fields--reviews) .filters-fields__item:nth-child(4) {
        max-width: 26rem;
        flex-grow: 1
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__input svg {
        left: 1.4rem
    }
}

@media screen and (min-width: 992px) {
    .filters-fields:not(.filters-fields--reviews) .filters-fields__input input {
        padding-left: 4rem
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews {
        margin-bottom: 2.4rem;
        border: .1rem solid #e8e4e4
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__button {
        display: none
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__inner {
        display: flex;
        align-items: flex-start;
        gap: 0 1.2rem;
        padding: 1.6rem
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__item {
        flex-grow: 1;
        flex-shrink: 0
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__item:first-child {
        width: 10.8rem;
        flex-grow: 0
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__item:last-child {
        width: 21.6rem;
        flex-grow: 0
    }
}

@media screen and (min-width: 1200px) {

    .filters-fields--reviews .filters-fields__item:nth-child(2),
    .filters-fields--reviews .filters-fields__item:nth-child(3),
    .filters-fields--reviews .filters-fields__item:nth-child(4) {
        max-width: 26rem;
        flex-grow: 1
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__input svg {
        left: 1.4rem
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__input input {
        padding-left: 4rem
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews {
        margin-bottom: 1.6rem
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__inner {
        gap: 0 .5rem
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__item:nth-child(2) {
        max-width: 15rem;
        flex-grow: 0
    }
}

@media screen and (min-width: 1200px) {

    .filters-fields--reviews .filters-fields__item:nth-child(3),
    .filters-fields--reviews .filters-fields__item:nth-child(4),
    .filters-fields--reviews .filters-fields__item:nth-child(5) {
        max-width: 23rem;
        flex-grow: 1
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__item:last-child {
        max-width: 15rem
    }
}

@media screen and (min-width: 1200px) {
    .filters-fields--reviews .filters-fields__item:last-child {
        max-width: 16rem
    }
}

@media (min-width: 992px) {
    .slots-modal {
        padding: 2rem 0
    }
}

@media (min-width: 992px) {
    .slots-modal:before {
        display: none;
        background: none
    }
}

@media (min-width: 992px) {
    .slots-modal .main-btn {
        padding-top: 1.9rem;
        padding-bottom: 1.9rem
    }
}

@media (min-width: 992px) {
    .slots-modal .light-btn {
        margin-bottom: 1.4rem;
        padding-top: 1.8rem;
        padding-bottom: 1.8rem
    }
}

@media (min-width: 992px) {
    .slots-modal__title {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .slots-modal__cards {
        gap: 2rem
    }
}

@media (min-width: 576px) {
    .slots-modal__card {
        position: relative
    }
}

@media (min-width: 992px) {
    .slots-modal__card {
        max-width: 27rem;
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 2rem;
        border: .1rem solid #e8e4e4
    }
}

@media (min-width: 992px) {
    .slots-modal__card-name {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .slots-modal__table-wrap table {
        margin-bottom: 3rem
    }
}

@media (min-width: 992px) {
    .slots-modal__table-wrap table td:first-child {
        width: 11.5rem;
        padding: 1rem 1rem 1rem 2rem;
        font-size: 1.2rem
    }
}

@media (min-width: 992px) {
    .slots-modal__table-wrap table td:not(:first-child) {
        padding: 1rem 1.2rem;
        font-size: 1.2rem
    }
}

@media (min-width: 576px) {
    .slots-modal__table-wrap.active {
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        width: auto;
        padding: 0 1.6rem 1.6rem;
        background: #fff;
        border-radius: 0 0 1.6rem 1.6rem
    }
}

@media (min-width: 992px) {
    .slots-modal__table-wrap.active {
        right: -.1rem;
        left: -.1rem;
        padding-top: 1.5rem;
        padding-right: .6rem;
        padding-left: .6rem;
        border: .1rem solid #e8e4e4;
        border-top: none
    }
}

@media (min-width: 768px) {
    .slots-modal__more {
        max-width: 22.8rem;
        margin-top: 2.4rem;
        padding: 1.8rem .5rem;
        color: #fff;
        background: #ff3a3a
    }
}

@media (min-width: 768px) {
    .slots-modal__more:hover {
        background: #0d3fc0
    }
}