.front-cont {
    background-image: url(/images/sites/top300/icons/laptop.png)
}

.game-block-window-alternative-poster-img {
    background-image: url(/images/sites/top300/icons/game-bg.png)
}

.masonry-grid__item-link.dark, .masonry-grid__item-top.dark {
    background-image: url(/images/sites/top300/icons/game_b.png)
}

@media (max-width: 1279px) {
    .front-cont {
        background-image: url(/images/sites/top300/icons/laptop_lg.png)
    }
}

@media (max-width: 1023px) {
    .front-slider-list__element {
        background-image: url(/images/sites/top300/icons/tablet.png)
    }
}

@media (max-width: 767px) {
    .front-slider-list__element {
        background-image: url(/images/sites/top300/icons/mobile.png)
    }
}

.alert:before {
    background: url(/images/sites/top300/icons/round-error.svg) 50% 50% no-repeat;
    background-size: contain
}

.alert-modal_error:before {
    mask: url(/images/sites/top300/icons/round-error.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-error.svg)
}

.alert-modal_check:before {
    background: url(/images/sites/top300/icons/round-check_green_sm.svg);
    background-position: 50% 50%
}

.alert-modal_error_accent:before {
    mask: url(/images/sites/top300/icons/round-error_outline_accent.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-error_outline_accent.svg)
}

.alert-modal_error_blue:before {
    mask: url(/images/sites/top300/icons/round-error_outline_blue.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-error_outline_blue.svg)
}

.alert-modal_report:before {
    mask: url(/images/sites/top300/icons/round-report_problem.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-report_problem.svg)
}

.article-rating:before {
    mask: url(/images/sites/top300/icons/round-star.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-star.svg)
}

.article-rating:hover:before {
    mask: url(/images/sites/top300/icons/rating-round-star_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/rating-round-star_primary.svg)
}

.article-comments:before {
    mask: url(/images/sites/top300/icons/round-chat_bubble_outline.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-chat_bubble_outline.svg)
}

.article-comments:hover:before {
    mask: url(/images/sites/top300/icons/round-chat_bubble_outline_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-chat_bubble_outline_primary.svg)
}

.filter-droplist__element ul li a:before, .fixedbar_filter-box .filter-list .button_menu:before {
    mask: url(/images/sites/top300/icons/round-check.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-check.svg)
}

.fixedbar_filter-box .filter-list .button_menu:after {
    mask: url(/images/sites/top300/icons/round-more_horiz.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-more_horiz.svg)
}

.fixedbar_filter-box .filter-list .button_menu:hover:before {
    mask: url(/images/sites/top300/icons/round-check_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-check_primary.svg)
}

.fixedbar_filter-box .filter-list .button_menu:hover:after {
    mask: url(/images/sites/top300/icons/round-more_horiz_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-more_horiz_primary.svg)
}

.fixedbar_filter-box .filter-list .button_menu.inverse:before {
    mask: url(/images/sites/top300/icons/round-check_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-check_primary.svg)
}

.fixedbar_filter-box .filter-list .button_menu.inverse:after {
    mask: url(/images/sites/top300/icons/round-more_horiz_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-more_horiz_primary.svg)
}

.fixedbar_filter-box .filter-list .button_menu.inverse:hover:before {
    mask: url(/images/sites/top300/icons/round-check_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-check_primary.svg)
}

.fixedbar_filter-box .filter-list .button_menu.inverse:hover:after {
    mask: url(/images/sites/top300/icons/round-more_horiz_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-more_horiz_primary.svg)
}

.news-list__item-unfold {
    mask: url(/images/sites/top300/icons/round-unfold_more.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-unfold_more.svg)
}

.news-list__item.folded.unfolded .news-list__item-unfold {
    mask: url(/images/sites/top300/icons/round-unfold_less.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-unfold_less.svg)
}

.reviews-head-write:before {
    mask: url(/images/sites/top300/icons/round-chat_bubble_outline_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-chat_bubble_outline_primary.svg)
}

.reviews-head-write:hover:before {
    mask: url(/images/sites/top300/icons/round-chat_bubble_outline_brown.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-chat_bubble_outline_brown.svg)
}

.strategy:before {
    mask: url(/images/sites/top300/icons/round-star_primary.svg);
    -webkit-mask: url(/images/sites/top300/icons/round-star_primary.svg)
}

@media (max-width: 1024px) {
    .alert-modal_error:before {
        mask: url(/images/sites/top300/icons/round-error_sm.svg);
        -webkit-mask: url(/images/sites/top300/icons/round-error_sm.svg)
    }

    .alert-modal_error_accent:before {
        mask: url(/images/sites/top300/icons/round-error_outline_accent_sm.svg);
        -webkit-mask: url(/images/sites/top300/icons/round-error_outline_accent_sm.svg)
    }

    .alert-modal_error_blue:before {
        mask: url(/images/sites/top300/icons/round-error_outline_blue_sm.svg);
        -webkit-mask: url(/images/sites/top300/icons/round-error_outline_blue_sm.svg)
    }

    .alert-modal_check:before {
        mask: url(/images/sites/top300/icons/round-check_green_sm.svg);
        -webkit-mask: url(/images/sites/top300/icons/round-check_green_sm.svg)
    }

    .alert-modal_report:before {
        mask: url(/images/sites/top300/icons/round-report_problem_sm.svg);
        -webkit-mask: url(/images/sites/top300/icons/round-report_problem_sm.svg)
    }

    .reviews-head-write:hover:before {
        mask: url(/images/sites/top300/icons/round-chat_bubble_outline_primary.svg);
        -webkit-mask: url(/images/sites/top300/icons/round-chat_bubble_outline_primary.svg)
    }
}

.popup-page-empty {
    background-image: url(/images/sites/top300/preloader.svg)
}

* {
    outline: none !important
}

a, abbr, acronym, address, applet, big, blockquote, body, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, menu, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

:focus {
    outline: 0
}

:root {
    --rating_star_filled: #ffa838;
    --rating_star_normal: $ grey
}

ol, ul {
    list-style: none
}

table {
    border-spacing: 0
}

caption, td, th {
    text-align: left;
    font-weight: 400
}

blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

a {
    text-decoration: none;
    cursor: pointer
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button, input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html {
    min-height: 100%;
    height: 100%;
    position: relative
}

html.html_overflow {
    overflow: hidden
}

* {
    box-sizing: border-box
}

body {
    width: 100%;
    min-width: 360px;
    position: relative;
    font: 14px/22px Montserrat, sans-serif;
    color: var(--grey);
    letter-spacing: 0;
    background-color: var(--body);
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}

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

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

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

.block {
    background: #fff;
    color: #383838;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 #eedede
}

.block.violet-bg {
    background: #2e294e;
    color: #fff
}

.block.violet-bg a {
    color: #ff5451
}

.fixedbar-container, .footer-content, .header-content, .wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

@media (max-width: 767px) {
    .fixedbar-container, .footer-content, .header-content, .wrapper {
        padding: 0 10px
    }
}

button {
    border: 0
}

.button, .text-block .button, a.button_brown-bg.inverse, button.button_brown-bg.inverse {
    line-height: 38px;
    height: 40px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    background: none;
    color: #383838;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    position: relative;
    min-width: 40px;
    padding: 0 15px;
    vertical-align: middle
}

.button:hover, .text-block .button:hover, a.button_brown-bg.inverse:hover, button.button_brown-bg.inverse:hover {
    color: #ff5451;
    border-color: #ff5451;
    text-decoration: none
}

.button-white, .text-block .button-white {
    border-color: #fff;
    color: #fff
}

.button-white:hover, .text-block .button-white:hover {
    color: #fff;
    border-radius: #ff5451;
    background: #ff5451
}

.button-white-fill, .text-block .button-white-fill {
    border-color: #fff;
    background: #fff;
    color: #383838
}

.button-white-fill:hover, .text-block .button-white-fill:hover {
    color: #fff;
    border-radius: #ff5451;
    background: #ff5451
}

.button-red, .filter-list .button.button_menu.show-top.button-red, .filter-list a.button.button_menu.show-top.button_brown-bg, .filter-list a.button_menu.show-top.button_brown-bg.inverse, .filter-list button.button.button_menu.show-top.button_brown-bg, .filter-list button.button_menu.show-top.button_brown-bg.inverse, .text-block .button-red, a.button_brown-bg, button.button_brown-bg {
    background: #ff5451;
    color: #fff;
    border-color: #ff5451
}

.button-red:hover, .filter-list .button.button_menu.show-top.button-red:hover, .filter-list a.button.button_menu.show-top.button_brown-bg:hover, .filter-list a.button_menu.show-top.button_brown-bg.inverse:hover, .filter-list button.button.button_menu.show-top.button_brown-bg:hover, .filter-list button.button_menu.show-top.button_brown-bg.inverse:hover, .text-block .button-red:hover, a.button_brown-bg:hover, button.button_brown-bg:hover {
    background: #fb6562;
    box-shadow: 0 0 18px 0 rgba(255, 84, 81, .47);
    color: #fff
}

.button-light-grey, .text-block .button-light-grey {
    background: #ececec;
    color: #383838;
    border-color: #ececec
}

.button-light-grey:hover, .text-block .button-light-grey:hover {
    color: #fff;
    border-radius: #ff5451;
    background: #ff5451
}

.button-grey, .text-block .button-grey {
    background: #6a7e96;
    border-color: #6a7e96;
    color: #fff
}

.button-grey:hover, .text-block .button-grey:hover {
    color: #fff;
    border-color: #ff5451;
    background: #ff5451
}

.button-grey.disabled, .button-grey.selected, .text-block .button-grey.disabled, .text-block .button-grey.selected {
    cursor: default
}

.button-grey.disabled:hover, .button-grey.selected:hover, .text-block .button-grey.disabled:hover, .text-block .button-grey.selected:hover {
    cursor: default;
    background: #6a7e96;
    border-color: #6a7e96;
    color: #fff
}

.button-black, .text-block .button-black {
    border-color: #3f3e3e;
    background: #3f3e3e;
    color: #fff
}

.button-black:hover, .text-block .button-black:hover {
    border-color: #595555;
    background: #595555;
    color: #fff
}

.button-violet, .text-block .button-violet {
    border-color: #3b355f;
    background: #3b355f;
    color: #fff
}

.button-violet:hover, .text-block .button-violet:hover {
    background: #484275;
    border-color: #484275;
    color: #fff
}

.button-play, .text-block .button-play {
    border-color: #fff;
    color: #fff
}

.button-play:hover, .text-block .button-play:hover {
    background: #dfdfdf;
    border-color: #dfdfdf;
    color: rgba(37, 33, 60, .86)
}

.button-arrow-with-text:after, .text-block .button-arrow-with-text:after {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    width: 11px;
    height: 9px;
    background: url(/images/sites/top300/icons/arrow-btn.svg) no-repeat 50% 50%;
    background-size: contain
}

.button-text-arrow, .text-block .button-text-arrow {
    padding: 0 35px
}

.button-text-arrow:after, .text-block .button-text-arrow:after {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    width: 14px;
    height: 13px;
    background: url(/images/sites/top300/icons/arrow-btn.svg) no-repeat 50% 50%;
    background-size: contain
}

.button-text-arrow.arrow-grey:after, .text-block .button-text-arrow.arrow-grey:after {
    background: url(/images/sites/top300/icons/arrow-grey.svg) no-repeat 50% 50%
}

.button-text-arrow.arrow-grey:hover:after, .text-block .button-text-arrow.arrow-grey:hover:after {
    background: url(/images/sites/top300/icons/arrow-grey-hover.svg) no-repeat 50% 50%
}

.button-text-arrow-inverse, .text-block .button-text-arrow-inverse {
    padding: 0 35px
}

.button-text-arrow-inverse:after, .text-block .button-text-arrow-inverse:after {
    display: block;
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -6px;
    width: 14px;
    height: 13px;
    background: url(/images/sites/top300/icons/arrow-btn.svg) no-repeat 50% 50%;
    background-size: contain;
    transform: rotate(180deg)
}

.button-arrow-inverse:after, .button-arrow:after, .text-block .button-arrow-inverse:after, .text-block .button-arrow:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: -6px auto 0;
    top: 50%;
    width: 14px;
    height: 13px;
    background: url(/images/sites/top300/icons/arrow-btn.svg) no-repeat 50% 50%;
    background-size: contain
}

.button-arrow-inverse:after, .text-block .button-arrow-inverse:after {
    transform: rotate(180deg)
}

.buttons {
    margin-bottom: 48px
}

@media (max-width: 1023px) {
    .buttons {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .buttons {
        margin-bottom: 32px
    }
}

.buttons-dark-bg, .buttons-light-bg {
    padding-right: 42%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

@media (max-width: 1023px) {
    .buttons-dark-bg, .buttons-light-bg {
        margin: 0 -24px;
        padding-right: 52%
    }
}

@media (max-width: 767px) {
    .buttons-dark-bg, .buttons-light-bg {
        margin: 0 -16px;
        padding-right: 0
    }
}

.buttons-dark-bg .button, .buttons-dark-bg a.button_brown-bg.inverse, .buttons-dark-bg button.button_brown-bg.inverse, .buttons-light-bg .button, .buttons-light-bg a.button_brown-bg.inverse, .buttons-light-bg button.button_brown-bg.inverse {
    flex-grow: 0;
    flex-shrink: 0;
    display: block;
    margin: 0 40px 32px
}

@media (max-width: 1279px) {
    .buttons-dark-bg .button, .buttons-dark-bg a.button_brown-bg.inverse, .buttons-dark-bg button.button_brown-bg.inverse, .buttons-light-bg .button, .buttons-light-bg a.button_brown-bg.inverse, .buttons-light-bg button.button_brown-bg.inverse {
        margin: 0 32px 32px
    }
}

@media (max-width: 1023px) {
    .buttons-dark-bg .button, .buttons-dark-bg a.button_brown-bg.inverse, .buttons-dark-bg button.button_brown-bg.inverse, .buttons-light-bg .button, .buttons-light-bg a.button_brown-bg.inverse, .buttons-light-bg button.button_brown-bg.inverse {
        margin: 0 24px 24px
    }
}

@media (max-width: 767px) {
    .buttons-dark-bg .button, .buttons-dark-bg a.button_brown-bg.inverse, .buttons-dark-bg button.button_brown-bg.inverse, .buttons-light-bg .button, .buttons-light-bg a.button_brown-bg.inverse, .buttons-light-bg button.button_brown-bg.inverse {
        margin: 0 16px 24px
    }
}

.buttons-light-bg {
    margin-bottom: 8px
}

.buttons-dark-bg {
    padding-top: 40px;
    padding-bottom: 16px;
    background-color: var(--backgounds_color)
}

@media (max-width: 1023px) {
    .buttons-dark-bg {
        padding-top: 32px
    }
}

a.button.inverse, a.inverse.button_brown-bg, button.button.inverse, button.inverse.button_brown-bg {
    background-color: var(--primary);
    color: var(--white_color)
}

a.button.inverse:hover, a.inverse.button_brown-bg:hover, button.button.inverse:hover, button.inverse.button_brown-bg:hover {
    background-color: transparent;
    color: var(--primary)
}

@media (max-width: 1023px) {
    a.button.inverse:hover, a.inverse.button_brown-bg:hover, button.button.inverse:hover, button.inverse.button_brown-bg:hover {
        background-color: var(--primary);
        color: var(--white_color)
    }
}

a.button_light-bg, button.button_light-bg {
    background-color: var(--primary_light);
    border-color: transparent
}

a.button_light-bg:hover, button.button_light-bg:hover {
    background-color: var(--primary);
    color: var(--white_color)
}

@media (max-width: 1023px) {
    a.button_light-bg:hover, button.button_light-bg:hover {
        background-color: var(--primary_light);
        color: var(--primary)
    }
}

a.button_light-bg.inverse, button.button_light-bg.inverse {
    background-color: var(--primary);
    color: var(--white_color)
}

a.button_light-bg.inverse:hover, button.button_light-bg.inverse:hover {
    background-color: var(--primary_light);
    color: var(--primary)
}

@media (max-width: 1023px) {
    a.button_light-bg.inverse:hover, button.button_light-bg.inverse:hover {
        background-color: var(--primary);
        color: var(--white_color)
    }
}

a.button_primary-bg, button.button_primary-bg {
    background-color: var(--primary);
    color: var(--white_color);
    border-color: transparent
}

a.button_primary-bg:hover, button.button_primary-bg:hover {
    background-color: var(--brown)
}

@media (max-width: 1023px) {
    a.button_primary-bg:hover, button.button_primary-bg:hover {
        background-color: var(--primary);
        color: var(--white_color)
    }
}

a.button_primary-bg.inverse, button.button_primary-bg.inverse {
    background-color: var(--brown);
    color: var(--white_color)
}

a.button_primary-bg.inverse:hover, button.button_primary-bg.inverse:hover {
    background-color: var(--primary);
    color: var(--white_color)
}

@media (max-width: 1023px) {
    a.button_primary-bg.inverse:hover, button.button_primary-bg.inverse:hover {
        background-color: var(--brown)
    }
}

a.button_white-bd, button.button_white-bd {
    border-color: var(--white_color);
    color: var(--white_color)
}

a.button_white-bd:hover, button.button_white-bd:hover {
    background-color: var(--white_color);
    color: var(--dark)
}

@media (max-width: 1023px) {
    a.button_white-bd:hover, button.button_white-bd:hover {
        background-color: transparent;
        color: var(--white_color)
    }
}

a.button_white-bd.inverse, button.button_white-bd.inverse {
    background-color: var(--white_color);
    color: var(--dark)
}

a.button_white-bd.inverse:hover, button.button_white-bd.inverse:hover {
    background-color: transparent;
    color: var(--white_color)
}

a.button_white-light, button.button_white-light {
    background-color: var(--white_light);
    border-color: transparent;
    color: var(--white_color)
}

a.button_white-light.inverse, a.button_white-light:hover, button.button_white-light.inverse, button.button_white-light:hover {
    background-color: var(--white_color);
    color: var(--dark)
}

a.button_white-light.inverse:hover, button.button_white-light.inverse:hover {
    background-color: var(--white_light);
    color: var(--white_color)
}

a.button_accent-bg, button.button_accent-bg {
    background-color: var(--accent);
    border-color: transparent;
    color: var(--brown)
}

a.button_accent-bg:hover, button.button_accent-bg:hover {
    background-color: var(--brown);
    color: var(--white_color)
}

.button_menu, a.button_menu {
    height: 40px;
    padding: 0 16px;
    border: none;
    position: relative;
    border-radius: 20px;
    background-color: #fff;
    font-size: 14px;
    line-height: 40px;
    color: #383838;
    box-shadow: 0 0 5px 0 #eedede;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, padding .15s ease-in-out;
    display: flex;
    align-items: center
}

.button_menu:hover, a.button_menu:hover {
    background-color: #ff5451;
    color: #fff
}

.button_menu.button_menu_chip:after, a.button_menu.button_menu_chip:after {
    transition: background .15s ease-in-out, opacity .15s ease-in-out;
    content: "";
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 5px;
    background: url(/images/sites/top300/icons/arrow-breadcrumbs.svg) no-repeat 50% 50%;
    background-size: contain
}

.button_menu.button_menu_chip:hover:after, a.button_menu.button_menu_chip:hover:after {
    background: url(/images/sites/top300/icons/arrow-breadcrumbs-white.svg) no-repeat 50% 50%
}

.button_menu.inverse, a.button_menu.inverse {
    background-color: #ff5451;
    color: #fff
}

.button_menu.inverse.button_menu_chip:after, .button_menu.inverse.button_menu_chip:hover:after, a.button_menu.inverse.button_menu_chip:after, a.button_menu.inverse.button_menu_chip:hover:after {
    background: url(/images/sites/top300/icons/arrow-breadcrumbs-white.svg) no-repeat 50% 50%
}

.button_menu.inverse:hover, a.button_menu.inverse:hover {
    background-color: #ff5451;
    color: #fff
}

.button_menu_check, a.button_menu_check {
    padding-left: 42px
}

a.button_grey-bg, button.button_grey-bg {
    background-color: var(--grey);
    color: var(--dark);
    border-color: transparent
}

a.button_grey-bg:hover, button.button_grey-bg:hover {
    background-color: var(--brown);
    color: var(--white_color)
}

@media (max-width: 1023px) {
    a.button_grey-bg:hover, button.button_grey-bg:hover {
        background-color: var(--grey);
        color: var(--dark)
    }
}

a.button_arrow, button.button_arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: transparent;
    padding: 0;
    border: 0;
    position: relative
}

a.button_arrow:before, button.button_arrow:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

a.button_arrow:hover, button.button_arrow:hover {
    background-color: transparent
}

.z1000 {
    z-index: 1000 !important
}

.label {
    font: 600 10px/26px Montserrat, sans-serif;
    color: #fff;
    padding: 0 16px;
    background: #4cb14d;
    border-radius: 14px;
    display: inline-block
}

.label.label-primary {
    background: #4e9bed
}

.label.label-danger {
    background: #ff5451
}

.wrapper {
    padding-top: 20px;
    padding-bottom: 42px;
    position: relative;
    z-index: 100;
    opacity: 1;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    transition-delay: .9s
}

@media (max-width: 1169px) {
    .wrapper {
        overflow: hidden
    }

    .wrapper.no-overflow {
        overflow: visible
    }
}

@media (max-width: 1023px) {
    .wrapper_main {
        padding-top: 0
    }
}

.wrapper > :last-child {
    margin-bottom: 0
}

.wrapper .title-page {
    margin-bottom: 40px;
    color: #383838;
    position: relative;
    text-align: left
}

@media (max-width: 1279px) {
    .wrapper .title-page {
        font-size: 34px;
        line-height: 40px
    }
}

@media (max-width: 1023px) {
    .wrapper .title-page {
        margin-bottom: 32px
    }
}

@media (max-width: 767px) {
    .wrapper .title-page {
        margin-bottom: 24px
    }
}

.wrapper .title-page_main {
    padding: 8px 78px 0
}

@media (max-width: 1279px) {
    .wrapper .title-page_main {
        padding: 8px 72px 0;
        margin-bottom: 32px
    }
}

@media (max-width: 767px) {
    .wrapper .title-page_main {
        padding: 16px 50px 0;
        margin-bottom: 24px
    }
}

.wrapper .title-page .game-rating {
    display: inline-block;
    margin-left: 18px;
    cursor: pointer;
    position: absolute;
    bottom: 22px;
    color: var(--dark);
    text-decoration: none
}

@media (max-width: 1279px) {
    .wrapper .title-page .game-rating {
        height: 32px;
        margin-left: 12px;
        bottom: 10px
    }

    .wrapper .title-page .game-rating:before {
        background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Estar_sm_icon_1%3C/title%3E%3Cpath d='M10.001 12.857l2.91 2.03a.586.586 0 0 0 .91-.635l-1.112-3.277 2.873-1.961a.565.565 0 0 0-.343-1.032h-3.523l-1.147-3.424a.599.599 0 0 0-1.123 0l-1.16 3.424H4.764a.565.565 0 0 0-.343 1.032l2.874 1.961-1.112 3.277a.587.587 0 0 0 .91.635z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px
    }
}

@media (max-width: 767px) {
    .wrapper .title-page .game-rating {
        margin-left: 8px
    }
}

.wrapper .topbg {
    display: none;
    width: 100%;
    height: 70px;
    background-color: var(--backgounds_color);
    position: absolute;
    top: 0;
    right: 0;
    z-index: auto
}

.how-we-found, .text-block .how-we-found {
    font-size: 16px;
    margin-bottom: 44px
}

.how-we-found ul, .text-block .how-we-found ul {
    display: flex;
    margin: 0 -15px
}

.how-we-found ul li, .text-block .how-we-found ul li {
    width: 33.3%;
    margin: 0 15px
}

.how-we-found ul li:before, .text-block .how-we-found ul li:before {
    position: static;
    left: auto;
    top: auto;
    border-radius: 0;
    display: block;
    content: "";
    height: 39px;
    width: 45px;
    margin-bottom: 14px
}

.how-we-found ul li:first-child:before, .text-block .how-we-found ul li:first-child:before {
    background: url(/images/sites/top300/icons/star-red.svg) 0 0 no-repeat;
    background-size: auto 100%
}

.how-we-found ul li:nth-child(2):before, .text-block .how-we-found ul li:nth-child(2):before {
    background: url(/images/sites/top300/icons/royal-crown.svg) 0 0 no-repeat;
    background-size: auto 100%
}

.how-we-found ul li:nth-child(3):before, .text-block .how-we-found ul li:nth-child(3):before {
    background: url(/images/sites/top300/icons/like.svg) 0 0 no-repeat;
    background-size: auto 100%
}

.how-we-found ul li .title, .text-block .how-we-found ul li .title {
    font-weight: 700;
    margin-bottom: 8px
}

@media (max-width: 1169px) {
    .how-we-found, .text-block .how-we-found {
        margin-bottom: 30px
    }

    .how-we-found ul, .text-block .how-we-found ul {
        display: block;
        margin: 0
    }

    .how-we-found ul li, .text-block .how-we-found ul li {
        width: 100%;
        margin: 0
    }

    .how-we-found ul li + li, .text-block .how-we-found ul li + li {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .how-we-found, .text-block .how-we-found {
        font-size: 14px
    }
}

.all-games-head-sort-drop ul, .all-games-head-sort-drop ul li, .filter-droplist__element ul, .filter-droplist__element ul li, .fixedbar-menu ul, .fixedbar-menu ul li, .footer-foot-links ul, .footer-foot-links ul li, .footer-nav > ul, .footer-nav > ul li, .header-nav-subnav ul, .header-nav-subnav ul li, .header-nav > ul, .header-nav > ul > li, .header-search-links ul, .header-search-links ul li, .header-secondnav-subnav ul, .header-secondnav-subnav ul li, .header-secondnav > ul, .header-secondnav > ul > li, .masonry-grid__item-list ul, .masonry-grid__item-list ul li, ul > li {
    list-style: outside none none;
    padding: 0;
    margin: 0
}

p {
    margin-bottom: 16px
}

p small {
    font-size: .8em
}

button, input[type=button], input[type=submit] {
    height: 40px;
    cursor: pointer;
    font: 14px Lato, sans-serif
}

button, input, textarea {
    font-family: Lato, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button::-moz-focus-inner {
    border: 0 !important
}

ol {
    display: table;
    table-layout: fixed;
    margin-top: -18px;
    margin-bottom: 48px;
    counter-reset: list;
    list-style-type: none
}

@media (max-width: 1023px) {
    ol {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    ol {
        margin-bottom: 32px
    }
}

ol > li {
    display: table-row;
    padding-bottom: 20px
}

ol > li:before {
    display: table-cell;
    border-top: 20px solid transparent;
    counter-increment: list;
    content: counter(list) ".";
    font-weight: 700;
    padding-right: 6px;
    text-align: right
}

ol > li > blockquote, ol > li > div, ol > li > dl, ol > li > footer, ol > li > form, ol > li > h1, ol > li > h2, ol > li > h3, ol > li > h4, ol > li > h5, ol > li > h6, ol > li > header, ol > li > p, ol > li > table, ol > li > ul {
    margin-top: 20px;
    margin-bottom: 0
}

ol > li ol {
    display: table;
    margin: 0;
    padding: 0
}

ol > li ol > li:before {
    content: counters(list, ".") "."
}

ol > li ol > li .table-wrap {
    width: 902px;
    margin: 20px 0 0
}

@media (max-width: 1279px) {
    ol > li ol > li .table-wrap {
        width: 909px
    }
}

@media (max-width: 1023px) {
    ol > li ol > li .table-wrap {
        width: calc(100vw - 124px)
    }
}

@media (max-width: 767px) {
    ol > li ol > li .table-wrap {
        width: calc(100vw - 108px)
    }
}

ol > li ol > li ol > li .table-wrap {
    width: 851px;
    margin: 20px 0 0
}

@media (max-width: 1279px) {
    ol > li ol > li ol > li .table-wrap {
        width: 858px
    }
}

@media (max-width: 1023px) {
    ol > li ol > li ol > li .table-wrap {
        width: calc(100vw - 185px)
    }
}

@media (max-width: 767px) {
    ol > li ol > li ol > li .table-wrap {
        width: calc(100vw - 159px)
    }
}

ol > li .table-wrap {
    width: 938px;
    margin: 20px 0 0
}

@media (max-width: 1279px) {
    ol > li .table-wrap {
        width: 945px
    }
}

@media (max-width: 1023px) {
    ol > li .table-wrap {
        width: calc(100vw - 88px)
    }
}

@media (max-width: 767px) {
    ol > li .table-wrap {
        width: calc(100vw - 72px)
    }
}

ol > li .table-cont {
    padding: 0
}

@media (max-width: 1023px) {
    ul ul {
        margin: 20px 0 0
    }
}

ul.marker_arrow > li:before, ul.marker_bookmark > li:before, ul.marker_check > li:before {
    content: "";
    background-color: var(--primary);
    display: inline-block;
    width: 24px;
    height: 24px
}

input:focus, textarea:focus {
    outline: none
}

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    padding: 0 12px 0 15px;
    line-height: 40px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    background: #fff
}

input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8e8e93;
    text-overflow: ellipsis;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

input[type=email]:-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]:-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]:-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]:-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]:-moz-placeholder, input[type=url]::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #8e8e93;
    text-overflow: ellipsis;
    opacity: 1;
    -moz-transition: opacity .15s;
    transition: opacity .15s
}

input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8e8e93;
    text-overflow: ellipsis;
    opacity: 1;
    -ms-transition: opacity .15s;
    transition: opacity .15s
}

input[type=email].hover, input[type=email]:hover, input[type=password].hover, input[type=password]:hover, input[type=search].hover, input[type=search]:hover, input[type=tel].hover, input[type=tel]:hover, input[type=text].hover, input[type=text]:hover, input[type=url].hover, input[type=url]:hover, textarea.hover, textarea:hover {
    border-color: var(--dark_light_3)
}

input[type=email].focus, input[type=email]:focus, input[type=password].focus, input[type=password]:focus, input[type=search].focus, input[type=search]:focus, input[type=tel].focus, input[type=tel]:focus, input[type=text].focus, input[type=text]:focus, input[type=url].focus, input[type=url]:focus, textarea.focus, textarea:focus {
    outline: none
}

input[type=email].focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=password].focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=search].focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=tel].focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=text].focus::-webkit-input-placeholder, input[type=text]:focus::-webkit-input-placeholder, input[type=url].focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, textarea.focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

input[type=email].focus:-moz-placeholder, input[type=email].focus::-moz-placeholder, input[type=email]:focus:-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=password].focus:-moz-placeholder, input[type=password].focus::-moz-placeholder, input[type=password]:focus:-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=search].focus:-moz-placeholder, input[type=search].focus::-moz-placeholder, input[type=search]:focus:-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=tel].focus:-moz-placeholder, input[type=tel].focus::-moz-placeholder, input[type=tel]:focus:-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=text].focus:-moz-placeholder, input[type=text].focus::-moz-placeholder, input[type=text]:focus:-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=url].focus:-moz-placeholder, input[type=url].focus::-moz-placeholder, input[type=url]:focus:-moz-placeholder, input[type=url]:focus::-moz-placeholder, textarea.focus:-moz-placeholder, textarea.focus::-moz-placeholder, textarea:focus:-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0
}

input[type=email].focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=password].focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=search].focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=tel].focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=text].focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, input[type=url].focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, textarea.focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0
}

.input.error input[type=email], .input.error input[type=password], .input.error input[type=search], .input.error input[type=tel], .input.error input[type=text], .input.error input[type=url], .input.error textarea, input[type=email].error, input[type=password].error, input[type=search].error, input[type=tel].error, input[type=text].error, input[type=url].error, textarea.error {
    border-color: var(--primary);
    color: var(--primary)
}

.input.error:after, .input.success:after {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: calc(50% - 9px)
}

.input.error.input-text-area:after, .input.success.input-text-area:after {
    top: 21px
}

@media (max-width: 1023px) {
    .input.error.input-text-area:after, .input.success.input-text-area:after {
        top: 18px
    }
}

.input.error:after {
    background: url(/images/sites/top300/icons/round-error_outline.svg) 50% 50% no-repeat;
    background-size: contain
}

.input.error input[type=email], .input.error input[type=password], .input.error input[type=search], .input.error input[type=tel], .input.error input[type=text], .input.error input[type=url], .input.error textarea {
    padding-right: 38px
}

.input.success:after {
    background: url(/images/sites/top300/icons/check-message.svg) 50% 50% no-repeat;
    background-size: contain
}

.input.success input[type=email], .input.success input[type=password], .input.success input[type=search], .input.success input[type=tel], .input.success input[type=text], .input.success input[type=url], .input.success textarea {
    border-color: #4caf50;
    padding-right: 38px
}

.input.error input[type=email]::-webkit-input-placeholder, .input.error input[type=password]::-webkit-input-placeholder, .input.error input[type=search]::-webkit-input-placeholder, .input.error input[type=tel]::-webkit-input-placeholder, .input.error input[type=text]::-webkit-input-placeholder, .input.error input[type=url]::-webkit-input-placeholder, .input.error textarea::-webkit-input-placeholder, input[type=email].error::-webkit-input-placeholder, input[type=password].error::-webkit-input-placeholder, input[type=search].error::-webkit-input-placeholder, input[type=tel].error::-webkit-input-placeholder, input[type=text].error::-webkit-input-placeholder, input[type=url].error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder {
    color: var(--primary)
}

.input.error input[type=email]:-moz-placeholder, .input.error input[type=email]::-moz-placeholder, .input.error input[type=password]:-moz-placeholder, .input.error input[type=password]::-moz-placeholder, .input.error input[type=search]:-moz-placeholder, .input.error input[type=search]::-moz-placeholder, .input.error input[type=tel]:-moz-placeholder, .input.error input[type=tel]::-moz-placeholder, .input.error input[type=text]:-moz-placeholder, .input.error input[type=text]::-moz-placeholder, .input.error input[type=url]:-moz-placeholder, .input.error input[type=url]::-moz-placeholder, .input.error textarea:-moz-placeholder, .input.error textarea::-moz-placeholder, input[type=email].error:-moz-placeholder, input[type=email].error::-moz-placeholder, input[type=password].error:-moz-placeholder, input[type=password].error::-moz-placeholder, input[type=search].error:-moz-placeholder, input[type=search].error::-moz-placeholder, input[type=tel].error:-moz-placeholder, input[type=tel].error::-moz-placeholder, input[type=text].error:-moz-placeholder, input[type=text].error::-moz-placeholder, input[type=url].error:-moz-placeholder, input[type=url].error::-moz-placeholder, textarea.error:-moz-placeholder, textarea.error::-moz-placeholder {
    color: var(--primary)
}

.input.error input[type=email]:-ms-input-placeholder, .input.error input[type=password]:-ms-input-placeholder, .input.error input[type=search]:-ms-input-placeholder, .input.error input[type=tel]:-ms-input-placeholder, .input.error input[type=text]:-ms-input-placeholder, .input.error input[type=url]:-ms-input-placeholder, .input.error textarea:-ms-input-placeholder, input[type=email].error:-ms-input-placeholder, input[type=password].error:-ms-input-placeholder, input[type=search].error:-ms-input-placeholder, input[type=tel].error:-ms-input-placeholder, input[type=text].error:-ms-input-placeholder, input[type=url].error:-ms-input-placeholder, textarea.error:-ms-input-placeholder {
    color: var(--primary)
}

textarea {
    padding: 16px 18px;
    line-height: 24px;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    background: #fff;
    display: block;
    width: 100%;
    height: 110px;
    resize: none;
    overflow: auto
}

@media (max-width: 1023px) {
    textarea {
        height: 104px;
        padding: 12px
    }
}

input::-ms-clear {
    display: none
}

dl {
    margin-bottom: 20px
}

dt {
    margin-bottom: 5px
}

dd {
    margin-bottom: 15px
}

blockquote {
    margin: 32px 0;
    padding-left: 24px;
    border-left: 4px solid var(--primary);
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .5px
}

@media (max-width: 1023px) {
    blockquote {
        width: calc(100% + 24px);
        margin: 32px 0 32px -24px
    }
}

@media (max-width: 767px) {
    blockquote {
        width: calc(100% + 16px);
        margin: 34px 0 32px -16px;
        padding-left: 20px
    }
}

blockquote > :last-child {
    margin-bottom: 0
}

table {
    width: auto;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 2px
}

table td, table th {
    width: 138px;
    padding: 14px 15px;
    border-right: 0;
    border-bottom: 0;
    text-align: left;
    vertical-align: top;
    border-radius: 12px;
    font-weight: 400
}

table th {
    background-color: var(--brown);
    color: var(--grey)
}

.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    box-sizing: content-box;
    direction: ltr
}

.jq-ry-container[readonly=readonly] {
    cursor: default
}

.jq-ry-container > .jq-ry-group-wrapper {
    position: relative;
    width: 100%
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
    width: 100%
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: border-box;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element, .scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow, .scroll-element .scroll-bar {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 20
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 6px;
    top: 0;
    width: 6px
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
    height: auto;
    top: 8px;
    bottom: 8px
}

.scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track {
    border-radius: 3px
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: transparent
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background: rgba(0, 0, 0, .12);
    transition: background easy-out .15s
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .scrollbar-inner > .scroll-element:hover .scroll-bar {
    background: rgba(0, 0, 0, .5)
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-outer > .scroll-element {
    background-color: #fff
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #eee
}

.scrollbar-outer > .scroll-element .scroll-bar, .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #d9d9d9
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px
}

.scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
    display: none
}

.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6c6e71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-radius: 7px;
    transition: opacity .2s linear
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-light > .scroll-element {
    background-color: #fff
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    border-radius: 10px
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==");
    background: linear-gradient(90deg, #dbdbdb 0, #e8e8e8);
    border-radius: 10px
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==");
    background: linear-gradient(90deg, #fefefe 0, #f5f5f5);
    border: 1px solid #dbdbdb;
    border-radius: 10px
}

.scrollbar-light > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
    left: 0;
    min-height: 10px;
    width: 10px
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-rail > .scroll-element {
    background-color: #fff
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, .3)
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, .5)
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6)
}

.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}

.scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: .3;
    border-radius: 12px
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #ccc;
    opacity: 0;
    border-radius: 12px;
    transition: opacity .2s
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;
    border-radius: 7px
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    transition: height .2s
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    transition: width .2s
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    border-radius: 12px
}

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer {
    height: 20px;
    min-height: 7px
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer {
    min-width: 7px;
    width: 20px
}

.scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-chrome > .scroll-element {
    background-color: #fff
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    border-radius: 2px
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e
}

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.body_show .footer, .body_show .wrapper {
    opacity: 1
}

.body_show .wrapper {
    transform: translateY(0)
}

.body_overflow {
    overflow: hidden
}

.body_fixedbar .fixedbar {
    transform: translateY(0);
    box-shadow: var(--light_shadow)
}

@media (max-width: 1023px) {
    .body_fixedbar.body_curtain_menu .cover {
        display: none
    }
}

.play {
    display: inline-block;
    width: 56px;
    height: 56px;
    background-color: var(--white_color);
    border-radius: 50%;
    box-shadow: 0 8px 16px var(--black_light_2);
    position: relative;
    border: none;
    text-decoration: none;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (max-width: 1023px) {
    .play {
        width: 48px;
        height: 48px
    }
}

.play:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23453536'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    transition: background .15s ease-in-out
}

.play:hover {
    background-color: var(--primary);
    box-shadow: var(--button_shadow)
}

.play:hover:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

@media (max-width: 1023px) {
    .play:hover {
        background-color: var(--white_color);
        box-shadow: 0 8px 16px var(--black_light_2)
    }

    .play:hover:before {
        background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23453536'/%3E%3C/svg%3E") no-repeat 50% 50%;
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px
    }
}

.cover {
    bottom: 0;
    left: 0;
    background-color: var(--black_light_4);
    z-index: 680;
    display: none;
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.cover, .fixedbar {
    position: fixed;
    top: 0;
    right: 0
}

.fixedbar {
    width: 100%;
    z-index: 650;
    background-color: var(--white_color);
    transform: translateY(-100%);
    transition: transform .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (max-width: 1023px) {
    .fixedbar {
        background-color: var(--backgounds_color);
        box-shadow: none
    }
}

.fixedbar-container {
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 1023px) {
    .fixedbar-container {
        padding-top: 8px;
        padding-bottom: 8px;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .fixedbar-container {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.fixedbar-container > .button_primary-bg {
    flex-grow: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 24px;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 32px
}

@media (max-width: 1023px) {
    .fixedbar-container > .button_primary-bg {
        margin: 0 24px
    }
}

.fixedbar-container .header-secondnav-btn {
    margin-right: 48px
}

@media (max-width: 767px) {
    .fixedbar-container .header-secondnav-btn {
        margin-right: 24px
    }
}

.fixedbar-menu {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 20px
}

@media (max-width: 1023px) {
    .fixedbar-menu {
        display: none
    }
}

.fixedbar-menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.fixedbar-menu ul li {
    margin-right: 24px;
    font-size: 14px;
    line-height: 20px
}

.fixedbar-menu ul li:before {
    display: none
}

.fixedbar-menu ul li a {
    color: var(--dark);
    text-decoration: none
}

.fixedbar-menu ul li.active a, .fixedbar-menu ul li a:hover {
    color: var(--primary)
}

.fixedbar-box {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 1023px) {
    .fixedbar-box {
        display: flex
    }
}

.fixedbar-box .header-search-icon {
    margin: 0
}

@media (max-width: 767px) {
    .fixedbar-box .header-search-icon {
        display: none
    }
}

@media (max-width: 1023px) {
    .fixedbar_filter {
        background-color: var(--white_color)
    }
}

.fixedbar_filter .fixedbar-container {
    align-items: flex-start
}

@media (max-width: 1023px) {
    .fixedbar_filter .fixedbar-container {
        align-items: center;
        height: 70px
    }
}

@media (max-width: 767px) {
    .fixedbar_filter .fixedbar-container {
        padding: 8px 16px
    }
}

.fixedbar_filter-box {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    min-width: 0;
    padding-top: 2px
}

@media (max-width: 1023px) {
    .fixedbar_filter-box {
        padding-top: 0
    }
}

.fixedbar_filter-box .filter {
    margin: -8px 0;
    position: relative;
    z-index: 10
}

@media (max-width: 1023px) {
    .fixedbar_filter-box .filter {
        height: 32px;
        margin: 0 -8px 0 -24px
    }
}

@media (max-width: 767px) {
    .fixedbar_filter-box .filter {
        margin: 0 -8px 0 -16px
    }
}

.fixedbar_filter-box .filter:before {
    content: "";
    width: 24px;
    background: linear-gradient(90deg, transparent, var(--white_color));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none
}

@media (max-width: 1023px) {
    .fixedbar_filter-box .filter:before {
        display: block
    }
}

@media (max-width: 767px) {
    .fixedbar_filter-box .filter:before {
        width: 16px
    }
}

.fixedbar_filter-box .filter-list .button_menu {
    background-color: #fff;
    color: #383838
}

@media (max-width: 1023px) {
    .fixedbar_filter-box .filter-list .button_menu {
        height: 32px;
        line-height: 32px
    }
}

.fixedbar_filter-box .filter-list .button_menu:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--dark)
}

.fixedbar_filter-box .filter-list .button_menu:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #383838
}

.fixedbar_filter-box .filter-list .button_menu:hover {
    background-color: #ff5451;
    color: #fff
}

.fixedbar_filter-box .filter-list .button_menu:hover:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--primary)
}

.fixedbar_filter-box .filter-list .button_menu:hover:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff
}

.fixedbar_filter-box .filter-list .button_menu.inverse {
    background-color: var(--primary_light_1);
    color: var(--primary)
}

.fixedbar_filter-box .filter-list .button_menu.inverse:after, .fixedbar_filter-box .filter-list .button_menu.inverse:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--primary)
}

.fixedbar_filter-box .filter-list .button_menu.inverse:hover {
    background-color: var(--primary_light_1);
    color: var(--primary)
}

.fixedbar_filter-box .filter-list .button_menu.inverse:hover:after, .fixedbar_filter-box .filter-list .button_menu.inverse:hover:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--primary)
}

@media (max-width: 1023px) {
    .fixedbar_filter-box .filter-list .button_arrow {
        display: none
    }
}

.fixedbar_filter-box .filter-list .button_arrow:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

@media (max-width: 1023px) {
    .fixedbar_tags {
        background-color: var(--white_color)
    }
}

.fixedbar_tags .fixedbar-container {
    align-items: flex-start
}

@media (max-width: 1023px) {
    .fixedbar_tags .fixedbar-container {
        align-items: center
    }
}

@media (max-width: 767px) {
    .fixedbar_tags .fixedbar-container {
        padding: 8px 16px
    }
}

.fixedbar_tags-box {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    min-width: 0;
    padding-top: 2px
}

@media (max-width: 1023px) {
    .fixedbar_tags-box {
        padding-top: 0
    }
}

.fixedbar_tags-box .tags {
    margin: -8px 0;
    position: relative;
    z-index: 10
}

@media (max-width: 1023px) {
    .fixedbar_tags-box .tags {
        height: 32px;
        margin: 0 -8px 0 -24px
    }
}

@media (max-width: 767px) {
    .fixedbar_tags-box .tags {
        margin: 0 -8 p 0
    }
}

.fixedbar_tags-box .tags:before {
    content: "";
    width: 24px;
    background: linear-gradient(90deg, transparent, var(--white_color));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none
}

@media (max-width: 1023px) {
    .fixedbar_tags-box .tags:before {
        display: block
    }
}

@media (max-width: 767px) {
    .fixedbar_tags-box .tags:before {
        width: 16px
    }
}

@media (max-width: 1023px) {
    .fixedbar_tags-box .tags-list .button, .fixedbar_tags-box .tags-list a.button_brown-bg.inverse, .fixedbar_tags-box .tags-list button.button_brown-bg.inverse {
        height: 32px;
        line-height: 28px
    }
}

.front {
    margin-bottom: 48px
}

@media (max-width: 1279px) {
    .front {
        margin-bottom: 40px
    }
}

@media (max-width: 1023px) {
    .front {
        margin: 0 -24px 40px
    }
}

@media (max-width: 767px) {
    .front {
        margin: 0 -16px 32px
    }
}

.front-cont {
    height: 426px;
    margin-bottom: 8px;
    padding: 23px 144px 58px;
    box-sizing: border-box;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 1279px) {
    .front-cont {
        height: 379px;
        margin-bottom: 16px;
        padding: 20px 75px 52px
    }
}

@media (max-width: 1023px) {
    .front-cont {
        height: auto;
        padding: 0;
        background: none
    }
}

@media (max-width: 767px) {
    .front-cont {
        margin-bottom: 24px
    }
}

.front-slider {
    width: 100%;
    overflow: hidden;
    position: relative
}

.front-slider-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.front-slider-list__element {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    height: 345px;
    box-sizing: border-box;
    position: relative;
    z-index: 10
}

@media (max-width: 1279px) {
    .front-slider-list__element {
        height: 307px
    }
}

@media (max-width: 1023px) {
    .front-slider-list__element {
        width: 596px;
        height: 781px;
        padding: 32px 29px
    }
}

@media (max-width: 767px) {
    .front-slider-list__element {
        width: 186px;
        height: 372px;
        padding: 20px 15px 18px
    }
}

.front-slider-list__element.swiper-slide-active {
    z-index: 20
}

.front-slider-list__element-screen {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-position: 50% 50%;
    background-size: cover
}

.front-slider-list__element-screen.desktop {
    display: block
}

@media (max-width: 1023px) {
    .front-slider-list__element-screen.desktop {
        display: none
    }
}

.front-slider-list__element-screen.tablet {
    display: none
}

@media (max-width: 1023px) {
    .front-slider-list__element-screen.tablet {
        display: block
    }
}

@media (max-width: 767px) {
    .front-slider-list__element-screen.tablet {
        display: none
    }
}

.front-slider-list__element-screen.mobile {
    display: none
}

@media (max-width: 767px) {
    .front-slider-list__element-screen.mobile {
        display: block
    }
}

.front-slider-list__element-screen_video {
    width: 100%;
    position: relative;
    overflow: hidden
}

.front-slider-list__element-screen_video iframe, .front-slider-list__element-screen_video video {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 0 \0
) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0 \0
) and (min-resolution: 72dpi) {
    .front-slider-list__element-screen_video iframe, .front-slider-list__element-screen_video video {
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%)
    }
}

.front-slider-list__element-screen_video-poster {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0
}

.front-slider-list__element-screen_video-play {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0
}

.front-slider-list__element-screen_video-play .play {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.front-slider-list__element-screen_video-play:hover .play {
    background-color: var(--primary);
    box-shadow: var(--button_shadow)
}

.front-slider-list__element-screen_video-play:hover .play:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

@media (max-width: 1023px) {
    .front-slider-list__element-screen_video-play:hover .play {
        background-color: var(--white_color);
        box-shadow: 0 8px 16px var(--black_light_2)
    }

    .front-slider-list__element-screen_video-play:hover .play:before {
        background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23453536'/%3E%3C/svg%3E") no-repeat 50% 50%;
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px
    }
}

.front-slider-list__element-screen_video.playing .front-slider-list__element-screen_video-poster {
    display: none
}

.front-thumb {
    height: 318px;
    position: absolute;
    top: 29px;
    left: -12px;
    overflow: hidden
}

@media (max-width: 1279px) {
    .front-thumb {
        height: 256px;
        top: 55px;
        left: -16px
    }
}

@media (max-width: 1023px) {
    .front-thumb {
        display: none
    }
}

.front-thumb-list {
    width: 80px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 1279px) {
    .front-thumb-list {
        width: 64px
    }
}

.front-thumb-list__item {
    flex-grow: 0;
    flex-shrink: 0;
    width: 62px;
    height: 62px;
    padding: 3px;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 18px;
    position: relative;
    transition: border-color .15s ease-in-out
}

@media (max-width: 1279px) {
    .front-thumb-list__item {
        width: 46px;
        height: 46px
    }
}

.front-thumb-list__item-cont {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    z-index: 10;
    box-shadow: var(--dark_shadow)
}

.front-thumb-list__item:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    transition: border-color .15s ease-in-out
}

.front-thumb-list__item.active:before, .front-thumb-list__item:hover:before {
    border-color: var(--accent)
}

.front-thumb-list__item_video .front-thumb-list__item-cont {
    background: var(--primary);
    background-clip: content-box;
    box-shadow: var(--button_shadow)
}

.front-thumb-list__item_video .front-thumb-list__item-cont:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.front-btn {
    text-align: center
}

.front-btn .button, .front-btn a.button_brown-bg.inverse, .front-btn button.button_brown-bg.inverse {
    vertical-align: top
}

.front-btn .button_primary-bg {
    box-shadow: var(--button_shadow)
}

.front-btn .button_primary-bg:hover {
    box-shadow: none
}

@media (max-width: 1023px) {
    .front-btn .button_primary-bg:hover {
        box-shadow: var(--button_shadow)
    }
}

.description {
    margin-bottom: 48px
}

@media (max-width: 1023px) {
    .description {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .description {
        margin-bottom: 32px
    }
}

.description-tx {
    margin-bottom: 48px
}

@media (max-width: 1279px) {
    .description-tx {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .description-tx {
        margin-bottom: 32px
    }
}

.description-tx > :last-child {
    margin-bottom: 0
}

.description-features {
    width: 100%;
    margin-bottom: 48px;
    overflow: hidden
}

@media (max-width: 1279px) {
    .description-features {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .description-features {
        margin-bottom: 32px
    }
}

.description-features-list {
    width: calc(100% + 24px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

@media (max-width: 1023px) {
    .description-features-list {
        width: calc(100% + 20px)
    }
}

@media (max-width: 767px) {
    .description-features-list {
        width: 100%;
        flex-direction: column
    }
}

.description-features-list__el {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(25% - 24px);
    margin-right: 24px;
    text-align: center
}

@media (max-width: 1279px) {
    .description-features-list__el {
        padding-bottom: 10px
    }
}

@media (max-width: 1023px) {
    .description-features-list__el {
        width: calc(25% - 20px);
        margin-right: 20px;
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .description-features-list__el {
        width: 100%;
        margin: 0 0 24px;
        text-align: left;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch
    }

    .description-features-list__el:last-child {
        margin: 0
    }
}

.description-features-list__el-icon {
    height: 64px;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .description-features-list__el-icon {
        flex-grow: 0;
        flex-shrink: 0;
        width: 48px;
        height: auto;
        margin: 0 24px 0 0
    }
}

.description-features-list__el-icon img {
    display: block;
    max-width: 100%;
    height: 64px;
    margin: 0 auto;
    background-color: var(--primary)
}

@media (max-width: 767px) {
    .description-features-list__el-icon img {
        width: 100%;
        height: auto
    }
}

.description-features-list__el-icon img.no_bg {
    background: none
}

.description-features-list__el-txt {
    font-size: 12px;
    line-height: 16px;
    color: var(--dark_light_2)
}

@media (max-width: 767px) {
    .description-features-list__el-txt {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch
    }
}

.description-features-list__el-txt h5 {
    margin-bottom: 8px
}

.description-features-list__el-txt > * {
    flex-grow: 0;
    flex-shrink: 0
}

.description-features-list__el-txt > :last-child {
    margin-bottom: 0
}

.description-clipped {
    margin-bottom: 48px
}

@media (max-width: 1023px) {
    .description-clipped {
        margin-bottom: 40px
    }
}

.description-clipped-txt {
    max-height: 196px;
    overflow: hidden;
    margin-bottom: 8px;
    position: relative
}

@media (max-width: 1279px) {
    .description-clipped-txt {
        max-height: 236px
    }
}

@media (max-width: 1023px) {
    .description-clipped-txt {
        max-height: 216px
    }
}

.description-clipped-txt-content {
    font-size: 14px;
    line-height: 20px
}

.description-clipped-txt-content > :last-child {
    margin-bottom: 0
}

.description-clipped-txt-cover {
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg, var(--white_light_4), var(--white_light_5));
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.description-clipped-btn {
    text-align: center
}

.description-clipped.half .description-clipped-btn, .description-clipped.half .description-clipped-txt-cover {
    display: none
}

.description > :last-child {
    margin-bottom: 0
}

.text {
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1279px) {
    .text {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .text {
        margin-bottom: 32px
    }
}

.text p {
    margin-bottom: 24px
}

.text > :last-child {
    margin-bottom: 0
}

.popular, .random-games-slider {
    margin: 48px 0
}

.popular .games .games-list + a.button.button_light-bg, .popular .games .games-list + a.button_light-bg.button_brown-bg.inverse, .random-games-slider .games .games-list + a.button.button_light-bg, .random-games-slider .games .games-list + a.button_light-bg.button_brown-bg.inverse {
    margin: 20px auto 0;
    max-width: 300px;
    width: 100%;
    display: block
}

@media (max-width: 1279px) {
    .popular, .random-games-slider {
        margin: 40px 0
    }
}

@media (max-width: 767px) {
    .popular, .random-games-slider {
        margin: 32px 0
    }
}

.popular-head, .random-head {
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline
}

@media (max-width: 767px) {
    .popular-head, .random-head {
        margin-bottom: 32px
    }
}

.popular-head .h101, .random-head .h101 {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    margin: 0
}

@media (max-width: 1279px) {
    .popular-head .h101, .random-head .h101 {
        font-size: 24px;
        line-height: 29px
    }
}

.popular-head-info {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 24px;
    color: var(--dark_light_2)
}

@media (max-width: 767px) {
    .popular-head-info {
        display: none
    }
}

.rating {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

.rating-stars {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.rating-txt {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rating-message, .rating-txt {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.input {
    padding-bottom: 20px;
    position: relative
}

.input-error-message {
    position: relative;
    margin-bottom: -20px;
    margin-left: 16px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal;
    color: var(--primary);
    display: none
}

@media (max-width: 1279px) {
    .input-error-message {
        margin-left: 12px
    }
}

.input.error .input-error-message, .input input {
    display: block
}

.input input {
    width: 100%
}

.breadcrumbs {
    margin: 10px auto 30px;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #7a7a7a;
    text-align: left
}

.breadcrumbs span {
    margin-right: 6px;
    vertical-align: top
}

.breadcrumbs span:before {
    content: "";
    background: url(/images/sites/top300/icons/arrow-breadcrumbs.svg) 50% 50% no-repeat;
    margin-right: 6px;
    width: 10px;
    height: 6px;
    display: inline-block;
    transform: rotate(-90deg);
    vertical-align: middle
}

.breadcrumbs span:first-child {
    font-size: 0;
    vertical-align: middle
}

.breadcrumbs span:first-child.compare-breadcrumb {
    font: 400 14px/18px Montserrat, sans-serif;
    vertical-align: middle
}

.breadcrumbs span:first-child:before {
    display: none
}

.breadcrumbs span:first-child a:before {
    content: "";
    display: inline-block;
    background: url(/images/sites/top300/icons/home.svg) 50% 50% no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -2px
}

.breadcrumbs span:last-child {
    font-weight: 600;
    color: #383838
}

.breadcrumbs a {
    color: #383838;
    text-decoration: none
}

.breadcrumbs a:hover {
    color: #383838
}

.notification {
    width: 312px;
    padding: 12px 36px 12px 12px;
    box-sizing: border-box;
    background-color: var(--accent);
    border-radius: 16px;
    cursor: pointer;
    position: fixed;
    right: 16px;
    bottom: 0;
    z-index: 670;
    transform: translateY(100%);
    transition: transform .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (max-width: 767px) {
    .notification {
        width: auto;
        padding: 12px 34px 12px 10px;
        right: 16px;
        left: 16px;
        transform: translateY(100%)
    }
}

.notification:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) scaleX(-1)
}

@media (max-width: 767px) {
    .notification:before {
        right: 10px
    }
}

.notification_show {
    transform: translateY(-16px);
    box-shadow: var(--notification_shadow)
}

@media (max-width: 767px) {
    .notification_show {
        transform: translateY(-16px)
    }
}

.modal {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 408px;
    padding: 32px;
    background-color: var(--white_color);
    box-sizing: border-box;
    box-shadow: var(--dark_shadow);
    border-radius: 18px;
    opacity: 0;
    pointer-events: auto;
    transition: opacity .15s ease-in-out
}

@media (max-width: 767px) {
    .modal {
        padding: 16px
    }
}

.modal-head {
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

@media (max-width: 767px) {
    .modal-head {
        margin-bottom: 16px
    }
}

.modal-head h4 {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    margin: 0
}

.modal-close {
    flex-grow: 0;
    flex-shrink: 0;
    background: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 16px;
    border: none
}

@media (max-width: 767px) {
    .modal-close {
        margin-left: 8px
    }
}

.modal-content {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .modal-content {
        margin-bottom: 16px
    }
}

.modal-content > :last-child {
    margin-bottom: 0
}

.modal-foot .button, .modal-foot a.button_brown-bg.inverse, .modal-foot button.button_brown-bg.inverse {
    height: 36px;
    margin-right: 16px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 32px
}

.popup-wr {
    min-width: 320px;
    max-height: 100vh;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    z-index: 990;
    overflow: auto;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    transition: background .15s ease-out
}

@media (max-width: 1023px) {
    .popup-wr {
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .popup-wr {
        padding: 0 16px
    }
}

.popup-wr.popup-wr_open {
    display: flex;
    background-color: var(--black_light_4)
}

.popup-wr.popup-wr_open .modal, .popup-wr.popup-wr_open .popup-close {
    opacity: 1
}

.popup-close {
    width: 48px;
    height: 48px;
    border: none;
    position: absolute;
    top: 24px;
    right: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--dark_light_2);
    opacity: 0;
    transition: opacity .15s ease-in-out;
    transition-delay: .2s
}

@media (max-width: 1023px) {
    .popup-close {
        width: 32px;
        height: 32px;
        top: 16px;
        right: 16px
    }
}

.popup-close:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eclose_icon%3C/title%3E%3Cpath d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.997.997 0 0 0 5.7 7.11L10.59 12 5.7 16.89a.997.997 0 0 0 1.41 1.41L12 13.41l4.89 4.89a.997.997 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1.002 1.002 0 0 0 0-1.4z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    transition: opacity .15s ease-in-out
}

.popup-close:hover:before {
    opacity: .5
}

.popup-centered {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 80px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    pointer-events: none
}

.popup-centered_overflow {
    overflow: hidden
}

.popup-centered_video {
    flex-grow: 1;
    flex-shrink: 0;
    width: 960px;
    padding: 80px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    pointer-events: none
}

@media (max-width: 1023px) {
    .popup-centered_video {
        width: calc(100% + 48px);
        margin: 0 -24px
    }
}

@media (max-width: 1023px) and (max-width: 767px) {
    .popup-centered_video {
        width: calc(100% + 32px);
        margin: 0 -24px;
        padding: 0;
        justify-content: center
    }
}

.popup-centered_video .game-description-video {
    width: 100%;
    max-width: none;
    margin: 0;
    pointer-events: auto
}

@media (max-width: 1023px) {
    .popup-centered_video .game-description-video, .popup-centered_video .game-description-video-cont {
        border-radius: 0
    }
}

.popup-centered_video .game-description-video-cont.playing .game-description-video-play {
    display: none
}

.popup-centered_page {
    padding-bottom: 0;
    transform: translateX(-168px)
}

.popup-game {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 670;
    background: var(--backgounds_color);
    visibility: hidden;
    transform: scale(0);
    transition: transform .15s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch
}

@media screen and (orientation: landscape) {
    .popup-game {
        flex-direction: row
    }
}

.popup-game-panel {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    padding: 0 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767px) {
    .popup-game-panel {
        height: 48px;
        padding: 0 16px
    }
}

@media screen and (orientation: landscape) {
    .popup-game-panel {
        height: 100%;
        width: 56px;
        flex-direction: column;
        padding: 24px 0
    }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
    .popup-game-panel {
        width: 48px;
        padding: 16px 0
    }
}

.popup-game-panel > * {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    order: 20
}

.popup-game-panel .button, .popup-game-panel a.button_brown-bg.inverse, .popup-game-panel button.button_brown-bg.inverse {
    flex-grow: 0;
    flex-shrink: 0;
    height: 36px;
    padding: 0 12px;
    line-height: 32px;
    white-space: nowrap
}

@media screen and (orientation: landscape) {
    .popup-game-panel .button, .popup-game-panel a.button_brown-bg.inverse, .popup-game-panel button.button_brown-bg.inverse {
        transform: rotate(-90deg)
    }
}

.popup-game-play {
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    width: 100%;
    height: 100%
}

.popup-game-play iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.popup-game-close {
    flex-grow: 0;
    flex-shrink: 0;
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eclose_icon%3C/title%3E%3Cpath d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.997.997 0 0 0 5.7 7.11L10.59 12 5.7 16.89a.997.997 0 0 0 1.41 1.41L12 13.41l4.89 4.89a.997.997 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1.002 1.002 0 0 0 0-1.4z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 16px;
    border: none
}

@media (max-width: 767px) {
    .popup-game-close {
        margin-right: 8px
    }
}

@media screen and (orientation: landscape) {
    .popup-game-close {
        margin: 16px 0 0;
        order: 30
    }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
    .popup-game-close {
        margin-top: 8px
    }
}

.popup-page {
    width: 768px;
    pointer-events: auto;
    position: relative
}

.popup-page .wrapper {
    width: 100%;
    background-color: var(--white_color);
    padding: 40px 24px;
    border-radius: 22px 22px 0 0
}

.popup-page .wrapper .topbg {
    display: block
}

.popup-page .wrapper .breadcrumbs {
    display: none
}

.popup-page .wrapper .title-page {
    font-size: 34px;
    line-height: 40px
}

.popup-page .article:before {
    display: none
}

.popup-page .article .title-page {
    margin: -40px -24px 32px;
    padding: 40px 24px;
    font-size: 48px;
    line-height: 58px;
    background-color: var(--backgounds_color);
    border-radius: 18px 18px 0 0
}

.popup-page-btn {
    position: absolute;
    top: 50vh;
    right: 0;
    left: 0
}

.popup-page-btn__next, .popup-page-btn__prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--dark_light_2);
    position: absolute;
    top: 0
}

.popup-page-btn__next:before, .popup-page-btn__prev:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.popup-page-btn__next:hover:before, .popup-page-btn__prev:hover:before {
    opacity: .5
}

.popup-page-btn__prev {
    right: 50%;
    transform: translate(-408px, -50%)
}

.popup-page-btn__next {
    left: 50%;
    transform: translate(408px, -50%)
}

.popup-page-btn__next:before {
    transform: translate(50%, -50%) scaleX(-1)
}

.popup-page-empty {
    width: 768px;
    height: calc(100vh - 80px);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 16px 16px 0 0
}

.body_landscape .popup-wr {
    padding: 0
}

.body_landscape .popup-centered_video {
    width: 100%;
    margin: 0;
    border-radius: 0
}

.body_landscape .popup-centered_video .game-description-video-cont {
    border-radius: 0
}

.body_landscape .popup-centered_video .game-description-video-play:hover .play {
    background-color: var(--white_color);
    box-shadow: 0 8px 16px var(--black_light_2)
}

.body_landscape .popup-centered_video .game-description-video-play:hover .play:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23453536'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

.alert {
    width: 840px;
    padding: 32px 72px 30px;
    box-sizing: border-box;
    background-color: var(--white_color);
    border-radius: 18px;
    position: fixed;
    top: 0;
    right: 50%;
    z-index: 999;
    transform: translate(50%, -100%);
    transition: transform .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (max-width: 1023px) {
    .alert {
        width: 736px;
        padding: 16px 38px 16px 76px
    }
}

@media (max-width: 767px) {
    .alert {
        width: auto;
        right: 16px;
        left: 16px;
        transform: translateY(-100%)
    }
}

.alert:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%)
}

@media (max-width: 1023px) {
    .alert:before {
        width: 24px;
        height: 24px;
        left: 16px
    }
}

.alert h4 {
    margin: 0
}

.alert-close {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border: none;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%)
}

.alert_show {
    box-shadow: var(--dark_shadow);
    transform: translate(50%, 24px)
}

@media (max-width: 767px) {
    .alert_show {
        transform: translateY(16px)
    }
}

.alert-modal {
    margin: 24px 0;
    padding: 32px;
    background: var(--white_color);
    box-shadow: var(--dark_shadow);
    border-radius: 18px;
    position: relative
}

@media (max-width: 1279px) {
    .alert-modal {
        margin: 32px 0
    }
}

@media (max-width: 1023px) {
    .alert-modal {
        padding: 16px
    }
}

.alert-modal:before {
    position: absolute;
    top: 28px;
    left: 24px
}

@media (max-width: 1023px) {
    .alert-modal:before {
        top: 17px;
        left: 16px
    }
}

.alert-modal h4 {
    margin-bottom: 24px;
    padding: 0 40px
}

@media (max-width: 1023px) {
    .alert-modal h4 {
        margin-bottom: 16px
    }
}

.alert-modal-content > :last-child {
    margin-bottom: 0
}

.alert-modal_error:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    background-size: contain
}

@media (max-width: 1023px) {
    .alert-modal_error:before {
        width: 24px;
        height: 24px
    }
}

.alert-modal_error_accent:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: var(--accent);
    background-size: contain
}

@media (max-width: 1023px) {
    .alert-modal_error_accent:before {
        width: 24px;
        height: 24px
    }
}

.alert-modal_error_blue:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: var(--blue);
    background-size: contain
}

@media (max-width: 1023px) {
    .alert-modal_error_blue:before {
        width: 24px;
        height: 24px
    }
}

.alert-modal_check:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain
}

@media (max-width: 1023px) {
    .alert-modal_check:before {
        width: 24px;
        height: 24px
    }
}

.alert-modal_report:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    background-size: contain
}

@media (max-width: 1023px) {
    .alert-modal_report:before {
        width: 24px;
        height: 24px
    }
}

.alert-modal_star:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Eround-star_border%3C/title%3E%3Cpath d='M26.2 12.053l-6.454-.56-2.52-5.933a1.334 1.334 0 0 0-2.453 0l-2.52 5.947-6.44.546a1.33 1.33 0 0 0-.76 2.334l4.893 4.24-1.467 6.293a1.33 1.33 0 0 0 1.987 1.44l5.533-3.333 5.533 3.346a1.33 1.33 0 0 0 1.987-1.44l-1.467-6.306 4.894-4.24a1.328 1.328 0 0 0-.747-2.334zM16 20.533l-5.014 3.027 1.333-5.707-4.427-3.84 5.84-.506L16 8.133l2.28 5.387 5.84.507-4.426 3.84 1.333 5.706z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain
}

@media (max-width: 1023px) {
    .alert-modal_star:before {
        width: 24px;
        height: 24px
    }
}

.alert-modal-close {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border: none;
    position: absolute;
    top: 32px;
    right: 32px;
    transition: opacif .15s ease-in-out
}

@media (max-width: 1023px) {
    .alert-modal-close {
        top: 17px;
        right: 16px
    }
}

.alert-modal-close:hover {
    opacity: .5
}

@media (max-width: 1023px) {
    .alert-modal-close:hover {
        opacity: 1
    }
}

.filter {
    width: 100%;
    overflow: hidden
}

.filter-scroll {
    -webkit-overflow-scrolling: touch
}

@media (max-width: 1023px) {
    .filter-scroll {
        padding-bottom: 30px;
        margin-bottom: -30px;
        overflow-y: hidden;
        overflow-x: scroll;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch
    }
}

.filter-list {
    width: calc(100% + 16px);
    height: 52px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    transition: height 1s
}

@media (max-width: 767px) {
    .filter-list {
        flex-wrap: nowrap
    }

    .filter-list.show-all {
        flex-wrap: wrap
    }
}

.filter-list .button, .filter-list a.button_brown-bg.inverse, .filter-list button.button_brown-bg.inverse {
    flex-grow: 0;
    flex-shrink: 0;
    display: block;
    margin: 8px 16px 8px 0
}

.filter-list .button.button_menu.show-top.button-red, .filter-list a.button.button_menu.show-top.button_brown-bg, .filter-list a.button_menu.show-top.button_brown-bg.inverse, .filter-list button.button.button_menu.show-top.button_brown-bg, .filter-list button.button_menu.show-top.button_brown-bg.inverse {
    display: flex;
    align-items: center
}

.filter-list .button.button_menu.show-top.button-red img, .filter-list a.button.button_menu.show-top.button_brown-bg img, .filter-list a.button_menu.show-top.button_brown-bg.inverse img, .filter-list button.button.button_menu.show-top.button_brown-bg img, .filter-list button.button_menu.show-top.button_brown-bg.inverse img {
    margin-right: 5px
}

.filter-list .button.button_menu.show-top.button-red.active, .filter-list .button.button_menu.show-top.button-red:hover, .filter-list a.button.button_menu.show-top.active.button_brown-bg, .filter-list a.button.button_menu.show-top.button_brown-bg:hover, .filter-list a.button_menu.show-top.active.button_brown-bg.inverse, .filter-list a.button_menu.show-top.button_brown-bg.inverse:hover, .filter-list button.button.button_menu.show-top.active.button_brown-bg, .filter-list button.button.button_menu.show-top.button_brown-bg:hover, .filter-list button.button_menu.show-top.active.button_brown-bg.inverse, .filter-list button.button_menu.show-top.button_brown-bg.inverse:hover {
    box-shadow: none;
    background: #6a7e96
}

.filter-list .button_menu {
    order: 30;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    letter-spacing: normal;
    opacity: 0;
    transition: background-color .15s ease-in-out, color .15s ease-in-out, padding .15s ease-in-out, opacity .15s ease-in-out
}

@media (max-width: 767px) {
    .filter-list .button_menu.visible.button_menu_chip-creators {
        order: 19
    }

    .filter-list .button_menu.visible.button_menu_chip-categories {
        order: 18
    }
}

.filter-list .button_menu.visible {
    order: 10;
    opacity: 1
}

.content-tag-list-page .filter-list {
    width: calc(100% - 45px);
    position: relative
}

.content-tag-list-page .filter-list .button_menu.inverse {
    order: -1;
    opacity: 1
}

.content-tag-list-page .filter-list .button_menu.inverse:hover {
    background-color: #6a7e96;
    color: #fff
}

.content-tag-list-page .filter-list .button_arrow {
    position: absolute;
    right: -45px;
    top: 0
}

@media (max-width: 767px) {
    .content-tag-list-page .filter-list .button_arrow {
        position: relative;
        right: auto;
        top: auto
    }
}

.content-tag-list-page .filter-list.show-all {
    width: 100%
}

.content-tag-list-page .filter-list.show-all .button_arrow {
    position: relative;
    right: auto;
    top: auto
}

.filter-list .button_arrow {
    width: 40px;
    height: 40px;
    background: #fff;
    order: 20;
    opacity: 1;
    transform: scaleX(-1);
    transition: opacity .15s ease-in-out
}

.filter-list .button_arrow:before {
    background: url(/images/sites/top300/icons/arrow-page-nav.svg) no-repeat 50% 50%;
    content: "";
    width: 13px;
    height: 11px;
    transform: rotate(180deg) translate(-50%, 50%)
}

.filter-list .button_arrow:hover {
    background: #ff5451
}

.filter-list .button_arrow:hover:before {
    background: url(/images/sites/top300/icons/arrow-page-nav-white.svg) no-repeat 50% 50%
}

.filter-list.show-all {
    height: auto
}

.filter-list.show-all .button_menu {
    order: 10;
    opacity: 1
}

.filter-list.show-all .button_arrow {
    transform: scaleX(1)
}

.filter-droplist__element {
    width: 224px;
    padding: 18px 15px;
    margin-top: 16px;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .24);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 30;
    transition: opacity .15s ease-in-out
}

.filter-droplist__element .scrollbar-inner > .scroll-element.scroll-y {
    right: 0
}

.filter-droplist__element ul.scrollbar-inner {
    min-height: 0
}

.filter-droplist__element ul li {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: normal;
    padding-right: 10px
}

.filter-droplist__element ul li:before {
    display: none
}

.filter-droplist__element ul li + li {
    margin-top: 6px
}

.filter-droplist__element ul li a {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 15px;
    border-radius: 6px;
    color: #383838;
    text-decoration: none;
    font: 400 14px/18px Montserrat, sans-serif;
    transition: background-color .15s ease-in-out;
    height: 42px
}

.filter-droplist__element ul li a:hover {
    background-color: #f7f7f7
}

.filter-droplist__element ul li a span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.filter-droplist__element ul li a.active {
    font-weight: 600;
    color: #277de5
}

.filter-droplist__element.fixedDrop {
    margin-top: 10px;
    z-index: 660
}

.filter-droplist__element.visible {
    visibility: visible;
    opacity: 1
}

@media (max-width: 767px) {
    .filter-droplist__element .filter-droplist__element {
        width: 288px
    }
}

.scroll-wrapper, .scroll-wrapper.scroll-wrapper-max-lines-3 {
    max-height: 136px
}

.scroll-wrapper.scroll-wrapper-max-lines-4 {
    max-height: 176px
}

.scroll-wrapper.scroll-wrapper-max-lines-5 {
    max-height: 216px
}

.scroll-wrapper.scroll-wrapper-max-lines-6 {
    max-height: 256px
}

.scroll-wrapper.scroll-wrapper-max-lines-7 {
    max-height: 296px
}

.scroll-wrapper.scroll-wrapper-max-lines-8 {
    max-height: 336px
}

.scroll-wrapper.scroll-wrapper-max-lines-9 {
    max-height: 376px
}

.scroll-wrapper.scroll-wrapper-max-lines-10 {
    max-height: 416px
}

.scroll-wrapper.scroll-wrapper-max-lines-11 {
    max-height: 456px
}

.scroll-wrapper.scroll-wrapper-max-lines-12 {
    max-height: 496px
}

.scroll-wrapper.scroll-wrapper-max-lines-13 {
    max-height: 536px
}

.scroll-wrapper.scroll-wrapper-max-lines-14 {
    max-height: 576px
}

.scroll-wrapper.scroll-wrapper-max-lines-15 {
    max-height: 616px
}

.scroll-wrapper.scroll-wrapper-max-lines-16 {
    max-height: 656px
}

.scroll-wrapper.scroll-wrapper-max-lines-17 {
    max-height: 696px
}

.scroll-wrapper.scroll-wrapper-max-lines-18 {
    max-height: 736px
}

.scroll-wrapper.scroll-wrapper-max-lines-19 {
    max-height: 776px
}

.scroll-wrapper.scroll-wrapper-max-lines-20 {
    max-height: 816px
}

.all-games {
    margin-bottom: 48px
}

@media (max-width: 1023px) {
    .all-games {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .all-games {
        margin-bottom: 32px
    }
}

.all-games > :last-child {
    margin-bottom: 0
}

.all-games-head {
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

.all-games-head-sort {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 20
}

.all-games-head-sort-select {
    height: 24px;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    transition: opacity .15s ease-in-out
}

.all-games-head-sort-select:hover {
    opacity: .7
}

.all-games-head-sort-select:before {
    background: url(/images/sites/top300/icons/rating.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0
}

.all-games-head-sort-selected {
    color: #383838;
    line-height: 24px
}

.all-games-head-sort-drop {
    display: none;
    width: 224px;
    padding: 18px 15px;
    position: absolute;
    top: calc(100% + 16px);
    right: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .24);
    border-radius: 8px
}

.all-games-head-sort-drop ul li {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: normal
}

.all-games-head-sort-drop ul li:before {
    display: none
}

.all-games-head-sort-drop ul li + li {
    margin-top: 6px
}

.all-games-head-sort-drop ul li a {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 15px;
    border-radius: 6px;
    color: #383838;
    text-decoration: none;
    font: 400 14px/18px Montserrat, sans-serif;
    transition: background-color .15s ease-in-out;
    height: 42px
}

.all-games-head-sort-drop ul li a:hover {
    background-color: #f7f7f7
}

.all-games-head-sort-drop ul li a span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.all-games-head-sort-drop ul li a.active {
    font-weight: 600;
    color: #277de5
}

.all-games-head-info {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    color: var(--white_light_2);
    text-align: right
}

.all-games .games {
    margin-bottom: 8px
}

@media (max-width: 1279px) {
    .all-games .games {
        margin-bottom: 16px
    }
}

@media (max-width: 1023px) {
    .all-games .games {
        margin-bottom: 8px;
        margin-bottom: 0
    }
}

.all-games .games-list {
    margin-bottom: 0
}

.tags {
    width: 100%;
    margin: 32px 0;
    overflow: hidden
}

@media (max-width: 1023px) {
    .tags {
        width: auto;
        margin: 32px -24px
    }
}

@media (max-width: 767px) {
    .tags {
        margin: 32px -16px
    }
}

.tags-scroll {
    -webkit-overflow-scrolling: touch
}

@media (max-width: 1023px) {
    .tags-scroll {
        padding-bottom: 30px;
        margin-bottom: -30px;
        overflow-y: hidden;
        overflow-x: scroll;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch
    }
}

.tags-list {
    width: calc(100% + 16px);
    height: 52px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    transition: height 1s
}

@media (max-width: 1023px) {
    .tags-list {
        width: auto;
        height: auto;
        flex-wrap: nowrap;
        padding: 0 24px;
        flex-grow: 1;
        flex-shrink: 0
    }
}

@media (max-width: 767px) {
    .tags-list {
        padding: 0 16px
    }
}

.tags-list .button, .tags-list a.button_brown-bg.inverse, .tags-list button.button_brown-bg.inverse {
    flex-grow: 0;
    flex-shrink: 0;
    order: 30;
    opacity: 0;
    height: 36px;
    margin: 8px 16px 8px 0;
    padding: 0 10px;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: normal
}

@media (max-width: 1023px) {
    .tags-list .button, .tags-list a.button_brown-bg.inverse, .tags-list button.button_brown-bg.inverse {
        order: 10;
        opacity: 1;
        margin: 0 12px 0 0
    }

    .tags-list .button:nth-last-child(2), .tags-list a.button_brown-bg.inverse:nth-last-child(2), .tags-list button.button_brown-bg.inverse:nth-last-child(2) {
        margin: 0
    }
}

.tags-list .button_grey-bg {
    transition: opacity .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out
}

.tags-list .button_grey-bg.active, .tags-list .button_grey-bg:hover {
    background-color: var(--primary_light);
    color: var(--primary)
}

.tags-list .button.visible, .tags-list a.visible.button_brown-bg.inverse, .tags-list button.visible.button_brown-bg.inverse {
    order: 10;
    opacity: 1
}

.tags-list .button_arrow {
    order: 20;
    opacity: 1;
    transform: scaleX(-1);
    transition: opacity .15s ease-in-out
}

@media (max-width: 1023px) {
    .tags-list .button_arrow {
        display: none
    }
}

.tags-list .button_arrow:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

.tags-list .button_arrow:hover {
    opacity: .5
}

.tags-list.show-all {
    height: auto
}

.tags-list.show-all .button, .tags-list.show-all a.button_brown-bg.inverse, .tags-list.show-all button.button_brown-bg.inverse {
    order: 10;
    opacity: 1
}

.tags-list.show-all .button_arrow {
    transform: none
}

.tags_on-dark .tags-list .button_grey-bg {
    background-color: var(--grey_light);
    color: var(--white_color)
}

.tags_on-dark .tags-list .button_grey-bg:hover {
    background-color: var(--white_color);
    color: var(--dark)
}

@media (max-width: 1023px) {
    .tags_on-dark .tags-list .button_grey-bg:hover {
        background-color: var(--grey_light);
        color: var(--white_color)
    }
}

.tags_on-dark .tags-list .button_grey-bg.active {
    background-color: var(--white_color);
    color: var(--dark)
}

.tags_on-dark .tags-list .button_arrow:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

.tags_centered .tags-list {
    justify-content: center
}

@media (max-width: 1023px) {
    .tags_centered .tags-list {
        justify-content: flex-start
    }
}

.title-page + .tags {
    margin-top: -8px
}

@media (max-width: 1023px) {
    .title-page + .tags {
        margin-top: 0
    }
}

.article .title-page {
    margin-bottom: 40px
}

@media (max-width: 1023px) {
    .article .title-page {
        margin-bottom: 32px
    }
}

@media (max-width: 767px) {
    .article .title-page {
        margin-bottom: 24px
    }
}

.article-comments, .article-rating {
    flex-grow: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 32px;
    padding: 2px 0 2px 32px;
    font-weight: 600;
    color: var(--dark);
    letter-spacing: normal;
    position: relative;
    text-decoration: none
}

@media (max-width: 1023px) {
    .article-comments, .article-rating {
        margin-right: 24px
    }
}

.article-comments:hover, .article-rating:hover {
    color: var(--primary)
}

@media (max-width: 1023px) {
    .article-comments:hover, .article-rating:hover {
        color: var(--dark);
        text-decoration: none
    }
}

.article-comments:before, .article-rating:before {
    position: absolute;
    top: 0;
    left: 0;
    transition: background .15s ease-in-out
}

@media (max-width: 1023px) {
    .article-comments span, .article-rating span {
        display: none
    }
}

.article-rating:before {
    background-color: var(--dark)
}

.article-rating:before, .article-rating:hover:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

.article-rating:hover:before {
    background-color: var(--primary)
}

@media (max-width: 1023px) {
    .article-rating:hover:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-color: var(--dark)
    }
}

.article-comments:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--dark)
}

.article-comments:hover:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--primary)
}

@media (max-width: 1023px) {
    .article-comments:hover:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-color: var(--dark)
    }
}

.article-date {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    color: var(--dark_light_2);
    text-align: right
}

.article-text {
    margin-bottom: 32px
}

.article > .game-description-video {
    margin: 48px auto
}

@media (max-width: 1023px) {
    .article > .game-description-video {
        margin: 32px auto
    }
}

.two-column {
    margin-bottom: 32px;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media (max-width: 1023px) {
    .two-column {
        margin-bottom: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media (max-width: 767px) {
    .two-column {
        -moz-column-count: auto;
        column-count: auto;
        -moz-column-gap: normal;
        column-gap: normal
    }
}

.three-column {
    margin-bottom: 24px;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 21px;
    column-gap: 21px
}

@media (max-width: 1023px) {
    .three-column {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media (max-width: 767px) {
    .three-column {
        -moz-column-count: auto;
        column-count: auto;
        -moz-column-gap: normal;
        column-gap: normal
    }
}

.four-column {
    margin-bottom: 24px;
    -moz-column-count: 4;
    column-count: 4;
    -moz-column-gap: 21px;
    column-gap: 21px
}

@media (max-width: 1279px) {
    .four-column {
        margin-bottom: 20px
    }
}

@media (max-width: 1023px) {
    .four-column {
        margin-bottom: 16px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media (max-width: 767px) {
    .four-column {
        -moz-column-count: auto;
        column-count: auto;
        -moz-column-gap: normal;
        column-gap: normal
    }
}

.row-bg {
    height: 480px;
    overflow: hidden;
    margin: 48px 0;
    background-color: var(--grey);
    border-radius: 18px;
    box-shadow: var(--dark_shadow);
    position: relative
}

@media (max-width: 1023px) {
    .row-bg {
        height: 320px;
        margin: 40px -24px;
        border-radius: 0
    }
}

@media (max-width: 767px) {
    .row-bg {
        height: 183px;
        margin: 32px -16px
    }
}

.row-bg-inner {
    height: 200%;
    position: absolute;
    top: -240px;
    right: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover
}

@media (max-width: 1023px) {
    .row-bg-inner {
        top: -160px
    }
}

@media (max-width: 767px) {
    .row-bg-inner {
        top: -120px
    }
}

.aligncenter {
    display: block;
    margin: 30px auto;
    border-radius: 8px
}

@media (max-width: 767px) {
    .aligncenter {
        width: 100%;
        margin: 20px auto
    }
}

.alignleft {
    display: block;
    float: left;
    margin: 30px 30px 30px 0;
    border-radius: 8px
}

@media (max-width: 1169px) {
    .alignleft {
        margin: 20px 20px 20px 0
    }
}

@media (max-width: 767px) {
    .alignleft {
        width: 100%;
        float: none;
        margin: 20px 0
    }
}

.alignright {
    display: block;
    float: right;
    margin: 30px 0 30px 30px;
    border-radius: 8px
}

@media (max-width: 1169px) {
    .alignright {
        margin: 20px 0 20px 20px
    }
}

@media (max-width: 767px) {
    .alignright {
        width: 100%;
        margin: 20px 0;
        float: none
    }
}

.table-wrap {
    overflow: hidden;
    margin: 28px 0 48px
}

@media (max-width: 1023px) {
    .table-wrap {
        margin: 40px 0
    }
}

@media (max-width: 767px) {
    .table-wrap {
        margin: 32px -16px
    }
}

.table-scroll {
    -webkit-overflow-scrolling: touch
}

@media (max-width: 767px) {
    .table-scroll {
        padding-bottom: 30px;
        margin-bottom: -30px;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch
    }
}

.table-cont {
    box-sizing: border-box
}

@media (max-width: 767px) {
    .table-cont {
        flex-grow: 1;
        flex-shrink: 0;
        padding: 0 16px
    }
}

@media (max-width: 1023px) {
    .table-cont table {
        max-width: none
    }
}

.tabs {
    margin-bottom: 48px
}

@media (max-width: 1023px) {
    .tabs {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .tabs {
        max-width: none;
        margin-bottom: 36px
    }
}

.tabs-nav {
    height: 48px;
    margin: 0 -12px;
    padding: 0 12px;
    overflow: hidden
}

@media (max-width: 767px) {
    .tabs-nav {
        margin: 0 -16px;
        padding: 0
    }
}

.tabs-nav-cont {
    -webkit-overflow-scrolling: touch
}

@media (max-width: 767px) {
    .tabs-nav-cont {
        padding-bottom: 30px;
        margin-bottom: -30px;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch
    }
}

.tabs-nav-list {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

@media (max-width: 767px) {
    .tabs-nav-list {
        flex-grow: 1;
        flex-shrink: 0;
        padding: 0 16px
    }
}

.tabs-nav-list:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid var(--grey)
}

@media (max-width: 767px) {
    .tabs-nav-list:before {
        right: 16px;
        left: 16px
    }
}

.tabs-nav-list__item {
    flex-grow: 0;
    flex-shrink: 1;
    max-width: 100%;
    min-width: 63px;
    margin-right: 16px;
    padding-bottom: 2px;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

.tabs-nav-list__item:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .tabs-nav-list__item {
        flex-shrink: 0;
        max-width: none
    }
}

.tabs-nav-list__item__btn {
    display: block;
    font-size: 16px;
    line-height: 46px;
    letter-spacing: .5px;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: color .15s ease-in-out
}

.tabs-nav-list__item__btn:before {
    content: "";
    display: block;
    height: 2px;
    background-color: var(--primary);
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.tabs-nav-list__item__btn:hover {
    color: var(--primary)
}

.tabs-nav-list__item__btn:hover:before {
    opacity: 1
}

@media (max-width: 1023px) {
    .tabs-nav-list__item__btn:hover {
        color: var(--dark)
    }

    .tabs-nav-list__item__btn:hover:before {
        opacity: 0
    }
}

.tabs-nav-list__item__btn.active {
    color: var(--primary)
}

.tabs-nav-list__item__btn.active:before {
    opacity: 1
}

.tabs-nav-list__item__btn span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tabs-content {
    padding-top: 32px
}

@media (max-width: 1023px) {
    .tabs-content {
        padding-top: 24px
    }
}

.tabs-content__item {
    display: none
}

.tabs-content__item.active {
    display: block
}

.tabs-content__item > :last-child {
    margin-bottom: 0
}

.counters {
    width: 100%;
    overflow: hidden;
    margin: 48px 0
}

@media (max-width: 1023px) {
    .counters {
        margin: 40px 0
    }
}

@media (max-width: 767px) {
    .counters {
        margin: 32px 0
    }
}

.counters-list {
    width: calc(100% + 24px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

@media (max-width: 767px) {
    .counters-list {
        width: 100%;
        flex-direction: column
    }
}

.counters-list__item {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(33.33% - 24px);
    margin-right: 24px;
    padding: 28px 32px;
    border-radius: 18px;
    background-color: var(--primary);
    color: var(--white_color);
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 767px) {
    .counters-list__item {
        width: 100%;
        padding: 16px;
        margin: 0 0 24px
    }
}

@media (max-width: 767px) {
    .counters-list__item:last-child {
        margin: 0
    }
}

.counters-list__item_v1 {
    background-color: var(--brown)
}

.counters-list__item_v2 {
    background-color: var(--accent);
    color: var(--brown)
}

.counters-list__item__numb {
    margin-bottom: 20px;
    font-size: 48px;
    font-weight: 600;
    line-height: 58px
}

.counters-list__item__numb .sup {
    font-size: 32px;
    line-height: 39px;
    position: relative;
    bottom: 22px
}

.counters-list__item__txt {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

.strategy {
    width: 552px;
    margin: 48px auto;
    padding: 32px 72px 32px 32px;
    box-sizing: border-box;
    border-radius: 18px;
    background-color: var(--primary_light);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch
}

@media (max-width: 1279px) {
    .strategy {
        width: 424px;
        min-height: 200px;
        margin: 40px auto
    }
}

@media (max-width: 1023px) {
    .strategy {
        width: 348px;
        min-height: 0;
        margin: 32px auto;
        padding: 24px 48px 24px 24px;
        border-radius: 16px
    }
}

@media (max-width: 767px) {
    .strategy {
        width: 100%
    }
}

.strategy:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    background-size: contain;
    position: absolute;
    top: 24px;
    right: 24px
}

@media (max-width: 1023px) {
    .strategy:before {
        width: 24px;
        height: 24px
    }
}

.strategy > * {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%
}

.strategy > :last-child {
    margin-bottom: 0
}

.strategy h3 {
    margin-bottom: 22px;
    color: var(--primary)
}

.strategy-btn .button, .strategy-btn a.button_brown-bg.inverse, .strategy-btn button.button_brown-bg.inverse {
    vertical-align: top
}

.strategy_fl {
    width: 264px;
    min-height: 264px;
    float: left;
    margin: 24px 48px 32px 0
}

@media (max-width: 1279px) {
    .strategy_fl {
        width: 312px;
        min-height: 0
    }
}

@media (max-width: 1023px) {
    .strategy_fl {
        width: 223px;
        min-height: 176px;
        margin: 0 24px 32px 0
    }
}

@media (max-width: 767px) {
    .strategy_fl {
        width: 100%;
        min-height: 0;
        margin: 32px 0;
        float: none
    }
}

.button_up {
    display: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #d6d3d3;
    border: none;
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 300;
    transition: background-color .15s ease-in-out
}

.button_up:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%) rotate(90deg);
    transition: background .15s ease-in-out
}

.button_up:hover {
    background-color: var(--primary)
}

.button_up:hover:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

.assistent, .assistent-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

.assistent-content {
    width: 337px;
    padding: 0 24px;
    box-sizing: border-box;
    background-color: var(--backgounds_color)
}

.assistent-content .chat {
    right: auto;
    margin-left: -12px
}

.assistent .button_up, .assistent .popup-close {
    position: absolute;
    right: 361px
}

.missing {
    padding: 24px 0 28px
}

.missing img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 648px;
    margin: 40px auto 50px
}

@media (max-width: 767px) {
    .missing img {
        margin: 30px auto
    }

    .missing .missing-btn {
        margin-bottom: 30px
    }
}

@media (max-width: 1023px) {
    .missing {
        padding: 12px 0 24px
    }
}

@media (max-width: 767px) {
    .missing {
        padding: 10px 0 30px
    }
}

.missing .title-page {
    margin-bottom: 40px
}

@media (max-width: 1279px) {
    .missing .title-page {
        margin-bottom: 32px
    }
}

@media (max-width: 767px) {
    .missing .title-page {
        margin-bottom: 24px
    }
}

.missing .title-page .h103 {
    margin: 18px 0 0;
    color: var(--white_color)
}

.missing-btn {
    text-align: center;
    margin-bottom: 60px
}

.text-block {
    font-weight: 500
}

.text-block + .text-block {
    margin-top: 30px
}

.text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 {
    margin-bottom: 15px
}

.text-block h2.mb30, .text-block h3.mb30, .text-block h4.mb30, .text-block h5.mb30, .text-block h6.mb30 {
    margin-bottom: 30px
}

.text-block img {
    max-width: 100%
}

.text-block .four-column + h2, .text-block .four-column + h3, .text-block .four-column + h4, .text-block .four-column + h5, .text-block .four-column + h6, .text-block .three-column + h2, .text-block .three-column + h3, .text-block .three-column + h4, .text-block .three-column + h5, .text-block .three-column + h6, .text-block .two-column + h2, .text-block .two-column + h3, .text-block .two-column + h4, .text-block .two-column + h5, .text-block .two-column + h6, .text-block iframe + h2, .text-block iframe + h3, .text-block iframe + h4, .text-block iframe + h5, .text-block iframe + h6, .text-block img + h2, .text-block img + h3, .text-block img + h4, .text-block img + h5, .text-block img + h6, .text-block object + h2, .text-block object + h3, .text-block object + h4, .text-block object + h5, .text-block object + h6, .text-block ol + h2, .text-block ol + h3, .text-block ol + h4, .text-block ol + h5, .text-block ol + h6, .text-block p + h2, .text-block p + h3, .text-block p + h4, .text-block p + h5, .text-block p + h6, .text-block table + h2, .text-block table + h3, .text-block table + h4, .text-block table + h5, .text-block table + h6, .text-block ul + h2, .text-block ul + h3, .text-block ul + h4, .text-block ul + h5, .text-block ul + h6 {
    margin-top: 30px
}

.text-block .four-column + p, .text-block .three-column + p, .text-block .two-column + p, .text-block iframe + p, .text-block img + p, .text-block object + p, .text-block ol + p, .text-block p + p, .text-block table + p, .text-block ul + p {
    margin-top: 15px
}

.text-block [class^=column-] {
    margin: 15px 0
}

.text-block .four-column {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 30px
}

.text-block .three-column {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px
}

.text-block .two-column {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 30px
}

.text-block .lined {
    font-weight: 500;
    color: #6a7e96;
    padding-left: 18px;
    position: relative
}

.text-block .lined:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 6px;
    bottom: 6px;
    background: #ff5451;
    width: 3px
}

.text-block ol {
    counter-reset: li;
    list-style-type: none;
    margin-top: 15px
}

.text-block ol > li:before {
    font-weight: 700;
    counter-increment: li;
    content: counters(li, ".") ". "
}

.text-block ol > li + li, .text-block ol > li ol, .text-block ol > li ul {
    margin-top: 15px
}

.text-block ol ol > li, .text-block ol ol > li > ul {
    padding-left: 15px
}

.text-block ol ul {
    padding-left: 30px
}

.text-block ul {
    list-style-type: none;
    margin-top: 15px
}

.text-block ul li {
    position: relative;
    padding-left: 21px
}

.text-block ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #ff5451;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px
}

.text-block ul li + li {
    margin-top: 15px
}

.text-block h2 + .block {
    margin-bottom: 30px
}

.text-block ol > li ol > li .table-wrap {
    width: 1110px;
    margin: 22px 0 0
}

@media (max-width: 1279px) {
    .text-block ol > li ol > li .table-wrap {
        width: 900px
    }
}

@media (max-width: 1023px) {
    .text-block ol > li ol > li .table-wrap {
        width: calc(100vw - 116px)
    }
}

@media (max-width: 767px) {
    .text-block ol > li ol > li .table-wrap {
        width: calc(100vw - 110px)
    }
}

.text-block ol > li ol > li ol > li .table-wrap {
    width: 1065px;
    margin: 22px 0 0
}

@media (max-width: 1279px) {
    .text-block ol > li ol > li ol > li .table-wrap {
        width: 855px
    }
}

@media (max-width: 1023px) {
    .text-block ol > li ol > li ol > li .table-wrap {
        width: calc(100vw - 161px)
    }
}

@media (max-width: 767px) {
    .text-block ol > li ol > li ol > li .table-wrap {
        width: calc(100vw - 155px)
    }
}

.text-block ol > li .table-wrap {
    width: 1145px;
    margin: 22px 0 0
}

@media (max-width: 1279px) {
    .text-block ol > li .table-wrap {
        width: 935px
    }
}

@media (max-width: 1023px) {
    .text-block ol > li .table-wrap {
        width: calc(100vw - 81px)
    }
}

@media (max-width: 767px) {
    .text-block ol > li .table-wrap {
        width: calc(100vw - 75px)
    }
}

.text-block ol > li .table-cont {
    padding: 0
}

.text-block table {
    border-radius: 8px;
    border-collapse: collapse;
    width: auto;
    max-width: 100%;
    background: #fff;
    font: 400 14px/1.3em Montserrat, sans-serif
}

.text-block table td, .text-block table th {
    padding: 0 38px;
    vertical-align: middle;
    text-align: center;
    height: 60px;
    min-height: 60px;
    border: 2px solid #f6f6f4
}

.text-block table th {
    background: hsla(0, 0%, 84.7%, .1);
    font-weight: 700;
    border-top: 0;
    width: 168px
}

.text-block table td:first-child, .text-block table th:first-child {
    border-left: 0;
    width: 138px
}

.text-block table td:last-child, .text-block table th:last-child {
    border-right: 0
}

.text-block table tr:last-child td {
    border-bottom: 0
}

.text-block .table-wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 32px
}

.text-block .table-scroll {
    -webkit-overflow-scrolling: touch
}

.text-block .table-cont {
    box-sizing: border-box
}

.text-block .article-head-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.text-block .article-head-info .about-author > * {
    display: inline-block;
    vertical-align: middle
}

.text-block .article-head-info .about-author .author-avatar {
    background: #383838;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px
}

.text-block .article-head-info .about-author .author-avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.text-block .article-head-info .about-author div time {
    display: block;
    color: #6a7e96;
    font-weight: 400
}

.text-block .article-head-info .read-time {
    line-height: 18px
}

.text-block .article-head-info .read-time:before {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    content: "";
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.219608 0 0 0 0 0.219608 0 0 0 0 0.219608 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(-10 -315)' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M19 315c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.038 9-9c0-4.963-4.037-9-9-9zm0 16.71c-4.251 0-7.71-3.459-7.71-7.71 0-4.251 3.459-7.71 7.71-7.71 4.251 0 7.71 3.459 7.71 7.71 0 4.251-3.459 7.71-7.71 7.71z'/%3E%3Cpath d='M23.372 323.82h-4.116v-4.23c0-.326-.281-.59-.628-.59s-.628.264-.628.59v4.82c0 .326.281.59.628.59h4.744c.347 0 .628-.264.628-.59 0-.326-.281-.59-.628-.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
    background-size: contain
}

.text-block .video {
    max-width: 736px;
    width: 100%;
    margin: 40px auto
}

.text-block .video-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-clip: padding-box;
    background-color: #f5f5f5;
    border-radius: 8px
}

.text-block .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.text-block .video-container > a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border-radius: 6px;
    background-clip: padding-box;
    background: #f5f5f5
}

.text-block .video-container > a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    z-index: 20
}

.text-block .video-container > a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    min-width: 100%
}

.text-block .video-container.played > a {
    display: none
}

.text-block .video-play {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .09);
    z-index: 50;
    display: none
}

.text-block .video-play, .text-block .video-play:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.text-block .video-play:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eplay_icon%3C/title%3E%3Cdesc%3ECreated using Figma%3C/desc%3E%3Cuse xlink:href='%23a' transform='translate(5 3)'/%3E%3Cdefs%3E%3Cpath id='a' d='M.844 16a.805.805 0 0 1-.61-.266.978.978 0 0 1-.234-.671V.937C0 .625.083.391.25.235A.857.857 0 0 1 .828 0a.75.75 0 0 1 .266.047c.093.02.182.057.265.11L13.5 7.452a.96.96 0 0 1 .375.36.82.82 0 0 1 .125.437.754.754 0 0 1-.14.438c-.094.135-.22.25-.376.343L1.36 15.86a1.15 1.15 0 0 1-.265.094.707.707 0 0 1-.25.047z'/%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    transition: all .15s ease-out;
    display: none
}

.text-block .video-play:hover {
    background: #007aff
}

.text-block .video-play:hover:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eplay_icon%3C/title%3E%3Cdesc%3ECreated using Figma%3C/desc%3E%3Cuse xlink:href='%23a' transform='translate(5 3)' fill='%23FFF'/%3E%3Cdefs%3E%3Cpath id='a' d='M.844 16a.805.805 0 0 1-.61-.266.978.978 0 0 1-.234-.671V.937C0 .625.083.391.25.235A.857.857 0 0 1 .828 0a.75.75 0 0 1 .266.047c.093.02.182.057.265.11L13.5 7.452a.96.96 0 0 1 .375.36.82.82 0 0 1 .125.437.754.754 0 0 1-.14.438c-.094.135-.22.25-.376.343L1.36 15.86a1.15 1.15 0 0 1-.265.094.707.707 0 0 1-.25.047z'/%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    display: none
}

.text-block .video:hover .video-container > a img {
    transform: translate(-50%, -50%) scale(1.05)
}

.text-block .block {
    padding: 30px 30px 22px
}

@media (max-width: 1169px) {
    .text-block .table-wrap {
        width: calc(100% + 48px);
        margin: 0 -24px 32px
    }

    .text-block .table-scroll {
        padding-bottom: 30px;
        margin-bottom: -30px;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch
    }

    .text-block .table-cont {
        flex-grow: 1;
        flex-shrink: 0;
        padding: 0 24px
    }

    .text-block .table-cont table {
        max-width: none
    }

    .text-block .block {
        padding: 20px 20px 23px
    }

    .text-block h2 + .block {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .text-block .four-column, .text-block .four-column > *, .text-block .three-column, .text-block .three-column > *, .text-block .two-column, .text-block .two-column > * {
        display: block
    }

    .text-block .four-column > * + *, .text-block .three-column > * + *, .text-block .two-column > * + * {
        margin-top: 15px
    }

    .text-block ol ol > li > ul {
        padding-left: 5px
    }

    .text-block ol ul {
        padding-left: 20px
    }

    .text-block .video {
        margin: 30px auto
    }

    .text-block .table-wrap {
        width: calc(100% + 32px);
        margin: 0 -16px 32px
    }

    .text-block .block {
        padding: 15px 15px 24px
    }

    .text-block h2 + .block {
        margin-bottom: 30px
    }
}

@media (max-width: 639px) {
    .text-block .article-head-info {
        display: block;
        margin-bottom: 20px
    }

    .text-block .article-head-info .read-time {
        margin-top: 20px
    }
}

.page-navigation {
    display: flex;
    justify-content: space-between;
    margin: 20px 0
}

.page-navigation .page-navigation-next, .page-navigation .page-navigation-prev {
    font: 400 14px/18px Montserrat, sans-serif;
    color: #277de5;
    vertical-align: middle;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-navigation .page-navigation-next span, .page-navigation .page-navigation-prev span {
    display: none
}

.page-navigation .page-navigation-next:hover, .page-navigation .page-navigation-prev:hover {
    text-decoration: underline
}

.page-navigation .page-navigation-next:after, .page-navigation .page-navigation-prev:before {
    background: url(/images/sites/top300/icons/arrow-page-nav.svg) no-repeat 50% 50%;
    display: inline-block;
    content: "";
    width: 13px;
    height: 11px;
    margin-left: 7px
}

.page-navigation .page-navigation-prev:before {
    transform: rotate(180deg);
    margin-right: 7px;
    margin-left: 0
}

@media (max-width: 767px) {
    .page-navigation .page-navigation-next, .page-navigation .page-navigation-prev {
        font-size: 0
    }

    .page-navigation .page-navigation-next span, .page-navigation .page-navigation-prev span {
        font-size: 14px;
        display: inline
    }
}

.topbg {
    width: 100%;
    background-color: #2e294e;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    height: 70px;
    transition: opacity .3s ease-in-out, height .3s ease-in-out
}

.header {
    opacity: 1;
    position: relative;
    transition: opacity .3s ease-in-out;
    transition-delay: .3s;
    z-index: 1100
}

.header .header-logo {
    display: flex;
    align-items: center
}

.header .header-logo img {
    max-height: 40px;
    height: 100%;
    width: auto;
    max-width: 125px
}

@media (max-width: 1023px) {
    .header .header-logo img {
        margin-left: 34px
    }
}

.topbg, .topbg + header.header {
    transition: all 1s ease-in-out
}

body.body_fixedhead {
    margin-top: 70px
}

body.body_fixedhead .topbg {
    z-index: 100000
}

body.body_fixedhead .topbg + header.header {
    z-index: 100001
}

body.body_fixedhead .topbg, body.body_fixedhead .topbg + header.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: scrollHeader .15s linear 0s;
    animation: scrollHeader .15s linear 0s
}

@-webkit-keyframes scrollHeader {
    0% {
        top: -70px
    }
    to {
        top: 0
    }
}

@keyframes scrollHeader {
    0% {
        top: -70px
    }
    to {
        top: 0
    }
}

.header-content {
    height: 70px;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: #2e294e;
    display: flex;
    position: relative;
    z-index: 600
}

@media (max-width: 1023px) {
    .header-content {
        z-index: 400
    }
}

.header-content-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    opacity: 1;
    transition: opacify .15s ease-in-out;
    min-width: 100%
}

@media (max-width: 1023px) {
    .header-content-box {
        justify-content: space-between
    }
}

.header-title {
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: var(--white_color);
    letter-spacing: .25px;
    text-align: center;
    display: none
}

@media (max-width: 1023px) {
    .header-title {
        display: block
    }
}

@media (max-width: 767px) {
    .header-title {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .5px
    }
}

.header-title-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-secondnav {
    flex-grow: 0;
    flex-shrink: 0;
    opacity: 1;
    display: block
}

.header-secondnav > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

.header-secondnav > ul > li {
    width: 100%;
    position: relative;
    z-index: 10
}

.header-secondnav > ul > li + li {
    margin-top: 12px
}

.header-secondnav > ul > li.double, .header-secondnav > ul > li:before {
    display: none
}

.header-secondnav > ul > li.double + li {
    margin-top: 0
}

.header-secondnav > ul > li > a {
    display: block;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 8px 15px;
    font: 400 14px/20px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: normal;
    background-color: transparent;
    text-decoration: none;
    position: relative
}

.header-secondnav > ul > li.active > a, .header-secondnav > ul > li > a:hover {
    background-color: #f7f7f7
}

.header-secondnav > ul > li.extended > a {
    padding-right: 32px
}

.header-secondnav > ul > li.extended > a:before {
    background: url(/images/sites/top300/icons/menu-arrow-grey.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%) rotate(-90deg);
    transition: transform .15s ease-in-out
}

.header-secondnav > ul > li.extended.opened {
    overflow: visible;
    z-index: 20
}

.header-secondnav > ul > li.extended.opened > a {
    background-color: #f7f7f7
}

.header-secondnav > ul > li.extended.opened > a:before {
    transform: translateY(-50%) scaleY(-1) rotate(90deg)
}

.header-secondnav > ul > li.extended.opened .header-secondnav-subnav {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1023px) {
    .header-secondnav {
        width: 100%;
        margin-left: 0;
        padding: 24px 0
    }

    .header-secondnav > ul {
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap
    }

    .header-secondnav > ul > li {
        width: 100%;
        position: static
    }

    .header-secondnav > ul > li.double {
        display: block
    }

    .header-secondnav > ul > li.double + li {
        margin-top: 15px;
        padding-top: 15px;
        position: relative
    }

    .header-secondnav > ul > li.double + li:before {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        left: 45px;
        right: 45px;
        height: 1px;
        background: #3b355f
    }

    .header-secondnav > ul > li.double + li.double {
        margin-top: 4px;
        padding-top: 0
    }

    .header-secondnav > ul > li.double + li.double:before {
        display: none
    }

    .header-secondnav > ul > li.double > a {
        font-weight: 600
    }

    .header-secondnav > ul > li + li {
        margin-top: 4px
    }

    .header-secondnav > ul > li > a {
        font: 400 14px/18px Montserrat, sans-serif;
        color: #fff;
        padding: 15px 32px 15px 45px;
        border-radius: 0
    }

    .header-secondnav > ul > li > a:hover {
        background: #3b355f
    }

    .header-secondnav > ul > li > a + a {
        margin-top: 30px
    }

    .header-secondnav > ul > li.active a {
        background: #3b355f
    }

    .header-secondnav > ul > li.extended > a {
        padding: 15px 32px 15px 45px
    }

    .header-secondnav > ul > li.extended > a:before {
        background: url(/images/sites/top300/icons/menu-arrow.svg) no-repeat 50% 50%;
        background-size: contain;
        width: 16px;
        height: 10px;
        right: 12px;
        transform: translateY(-50%) rotate(0deg)
    }

    .header-secondnav > ul > li.extended.opened > a {
        background: #3b355f;
        color: #fff
    }

    .header-secondnav > ul > li.extended.opened > a:before {
        transform: translateY(-50%) rotate(-180deg)
    }

    .header-secondnav > ul > li.extended.opened .header-secondnav-subnav {
        height: auto;
        overflow: visible;
        border-top: 1px solid #453e73
    }
}

@media (max-width: 767px) {
    .header-secondnav {
        padding: 16px 0
    }
}

.header-secondnav-subnav {
    width: 224px;
    box-sizing: border-box;
    position: absolute;
    top: -15px;
    background-color: #2e294e;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .27);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    left: calc(100% + 3px) !important
}

.header-secondnav-subnav:before {
    position: absolute;
    content: "";
    display: block;
    width: 7px;
    right: 100%;
    top: 20px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 7px solid #2e294e
}

.header-secondnav-subnav ul {
    max-height: 366px;
    padding: 15px;
    overflow-x: hidden;
    overflow-Y: auto
}

.header-secondnav-subnav ul li {
    font: 400 14px/18px Montserrat, sans-serif
}

.header-secondnav-subnav ul li:before {
    display: none
}

.header-secondnav-subnav ul li a {
    display: block;
    padding: 9px 15px;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    transition: background-color .15s ease-in-out
}

.header-secondnav-subnav ul li a:hover {
    background-color: #3b355f
}

.header-secondnav-subnav ul li.active a {
    background-color: var(--grey)
}

.header-secondnav-subnav ul li + li {
    margin-top: 2px
}

@media (max-width: 1023px) {
    .header-secondnav-subnav ul li a:hover {
        background-color: transparent
    }
}

.header-secondnav-btn {
    flex-grow: 0;
    flex-shrink: 0;
    content: "";
    width: 33px;
    height: 23px;
    display: block;
    margin-right: 24px;
    border: none;
    transition: opacity .15s ease-in-out, background .15s ease-in-out;
    position: relative;
    background: none
}

.header-secondnav-btn i {
    background: #fff;
    position: absolute;
    height: 3px;
    left: 0;
    right: 0;
    top: 10px;
    transition: all 0s linear .2s
}

.header-secondnav-btn:after, .header-secondnav-btn:before {
    background: no-repeat 50% 50%;
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    height: 3px;
    transition: all .15s ease-out
}

.header-secondnav-btn:before {
    top: 0;
    transition: transform .2s ease-in, top .2s linear .2s
}

.header-secondnav-btn:after {
    bottom: 0;
    transition: transform .2s ease-in, bottom .2s linear .2s
}

.header-secondnav-btn:hover {
    opacity: .5
}

.body_curtain .header-secondnav-btn i, .body_curtain_menu .header-secondnav-btn i {
    opacity: 0
}

.body_curtain .header-secondnav-btn:before, .body_curtain_menu .header-secondnav-btn:before {
    top: 10px;
    transform: rotate(45deg);
    transition: top .2s linear, transform .2s ease-in .2s
}

.body_curtain .header-secondnav-btn:after, .body_curtain_menu .header-secondnav-btn:after {
    transform: rotate(-45deg);
    bottom: 10px;
    transition: bottom .2s linear, transform .2s ease-in .2s
}

@media (max-width: 1023px) {
    .header-secondnav-btn {
        margin-right: 56px
    }

    .header-secondnav-btn:hover {
        opacity: 1
    }
}

@media (max-width: 767px) {
    .header-secondnav-btn {
        margin-right: 16px
    }
}

.header-container {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 1023px) {
    .header-container {
        justify-content: flex-end;
        width: auto;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media (max-width: 767px) {
    .header-container {
        justify-content: flex-end;
        width: auto;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.header-nav {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    min-width: 0;
    padding: 4px 40px 8px 0;
    transition: opacity .15s ease-in-out
}

.header-nav > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.header-nav > ul > li {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 5px 0 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: normal;
    position: relative
}

.header-nav > ul > li:before {
    display: none
}

.header-nav > ul > li > a {
    display: block;
    border-radius: 20px;
    padding: 8px 12px;
    color: #fff;
    background-color: transparent;
    text-decoration: none;
    position: relative;
    white-space: nowrap
}

.header-nav > ul > li > a:hover {
    color: #fff
}

.header-nav > ul > li.active > a {
    color: hsla(0, 0%, 100%, .8)
}

.header-nav > ul > li.extended > a {
    padding-right: 32px
}

.header-nav > ul > li.extended > a:before {
    background: url(/images/sites/top300/icons/menu-arrow.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    transition: transform .15s ease-in-out
}

.header-nav > ul > li.extended.opened {
    overflow: visible
}

.header-nav > ul > li.extended.opened > a {
    text-shadow: 0 0 17px hsla(0, 0%, 100%, .5)
}

.header-nav > ul > li.extended.opened > a:before {
    transform: translateY(-50%) scaleY(-1)
}

.header-nav > ul > li.extended.opened .header-nav-subnav {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1169px) {
    .header-nav {
        padding: 4px 50px 8px 0
    }
}

@media (max-width: 1023px) {
    .header-nav {
        display: none
    }
}

.header-nav-subnav {
    width: 226px;
    position: absolute;
    top: calc(100% + 16px);
    background-color: var(--white_color);
    box-shadow: 0 0 30px 0;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    margin-left: -113px
}

.header-nav-subnav:before {
    position: absolute;
    display: block;
    content: "";
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 7px solid #fff;
    top: -7px;
    left: 50%;
    margin-left: -13px
}

.header-nav-subnav ul {
    padding: 15px;
    overflow-x: hidden;
    overflow-Y: auto
}

.header-nav-subnav ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal
}

.header-nav-subnav ul li:before {
    display: none
}

.header-nav-subnav ul li + li {
    margin-top: 12px
}

.header-nav-subnav ul li a {
    display: block;
    padding: 8px 15px;
    border-radius: 6px;
    color: #383838;
    text-decoration: none;
    transition: background-color .15s ease-in-out
}

.header-nav-subnav ul li a span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-nav-subnav ul li.active a, .header-nav-subnav ul li a:hover {
    background-color: #f7f7f7
}

.header-nav-subnav .scroll-wrapper {
    max-height: 216px
}

.header-search {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.header-search, .header-search-icon {
    transition: opacity .15s ease-in-out
}

.header-search-icon {
    flex-grow: 0;
    flex-shrink: 0;
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Esearch_icon%3C/title%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.518 6.518 0 1 0-.7.7l.27.28v.79l4.25 4.25a1.054 1.054 0 0 0 1.49-1.49zm-6 0A4.5 4.5 0 1 1 14 9.5 4.494 4.494 0 0 1 9.5 14z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 10px;
    cursor: pointer;
    font-size: 0
}

.header-search-icon:hover {
    opacity: .5
}

@media (max-width: 1023px) {
    .header-search-icon:hover {
        opacity: 1
    }
}

.header-search-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

.header-search-form-close {
    flex-grow: 0;
    flex-shrink: 0;
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eclose_icon%3C/title%3E%3Cpath d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.997.997 0 0 0 5.7 7.11L10.59 12 5.7 16.89a.997.997 0 0 0 1.41 1.41L12 13.41l4.89 4.89a.997.997 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1.002 1.002 0 0 0 0-1.4z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 48px;
    border: none
}

.header-search-form-field {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    position: relative;
    height: auto
}

.header-search-form-field input {
    width: 100%;
    height: 40px;
    padding: 0 48px 0 35px;
    border-radius: 8px;
    color: #383838;
    background-color: #fff;
    position: relative;
    z-index: 40;
    transition: border-color .15s ease-in-out, color .15s ease-in-out
}

.header-search-form-field input::-webkit-input-placeholder {
    color: var(--white_light_2);
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.header-search-form-field input:-moz-placeholder, .header-search-form-field input::-moz-placeholder {
    color: var(--white_light_2);
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.header-search-form-field input:-ms-input-placeholder {
    color: var(--white_light_2);
    -ms-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.header-search-form-field button {
    background: url(/images/sites/top300/icons/search-button.svg) no-repeat 50% 50%;
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    border: none;
    position: absolute;
    top: 12px;
    left: 10px;
    z-index: 40;
    transition: opacity .15s ease-in-out, background .15s ease-in-out
}

.header-search-form-field button:hover {
    opacity: .5
}

.header-search-form-field .clear-search-form {
    background: url(/images/sites/top300/icons/cancel-grey.svg) no-repeat 50% 50%;
    display: block;
    position: absolute;
    right: 13px;
    top: 14px;
    width: 12px;
    height: 12px;
    z-index: 41;
    cursor: pointer
}

.header-search-form-field .clear-search-form:hover {
    opacity: .5
}

.header-search-form-field.active input {
    border-color: var(--grey);
    color: var(--dark)
}

.header-search-form-field.active input::-webkit-input-placeholder {
    color: var(--dark);
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.header-search-form-field.active input:-moz-placeholder, .header-search-form-field.active input::-moz-placeholder {
    color: var(--dark);
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.header-search-form-field.active input:-ms-input-placeholder {
    color: var(--dark);
    -ms-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

@media (max-width: 1023px) {
    .header-search-form-field .clear-search-form:hover, .header-search-form-field button:hover {
        opacity: 1
    }
}

.header-search-form-field-dropdown {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 30;
    transition: opacity .15s ease-in-out, height .15s ease-in-out;
    height: auto;
    visibility: visible;
    padding: 32px 20px 0;
    opacity: 1;
    display: none
}

.header-search-form-field.active .header-search-form-field-dropdown {
    display: block
}

.header-search-links-title {
    margin-bottom: 20px;
    color: hsla(0, 0%, 100%, .5);
    font: 400 14px/18px Montserrat, sans-serif
}

.header-search-links ul li {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px
}

.header-search-links ul li:last-child {
    margin-bottom: 0
}

.header-search-links ul li:before {
    display: none
}

.header-search-links ul li a {
    display: block;
    padding: 9px 0;
    color: #fff;
    text-decoration: none
}

.header-search-result {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 0 32px;
    display: none;
    opacity: 0
}

.header-search-result > div:last-child {
    margin-bottom: 52px
}

@media (max-width: 767px) {
    .header-search-result {
        padding: 0 0 24px
    }
}

.header-search-result-games {
    margin-bottom: 48px
}

.header-search-result-games .h101 {
    color: var(--white_color);
    margin-bottom: 28px
}

.header-search-result-games > .button_white-light {
    display: block;
    font-size: 14px
}

@media (max-width: 1023px) {
    .header-search-result-games {
        margin-bottom: 40px
    }

    .header-search-result-games .h101 {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .header-search-result-games {
        margin-bottom: 32px
    }
}

.header-search-result-games-wrap {
    width: 100%;
    margin-bottom: 28px
}

@media (max-width: 767px) {
    .header-search-result-games-wrap {
        margin-bottom: 15px
    }
}

.header-search-result-games-list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px
}

.header-search-result-games-list .game:nth-child(n+4) {
    display: none
}

@media (max-width: 1169px) {
    .header-search-result-games-list {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 16px
    }

    .header-search-result-games-list .game:nth-child(n+4) {
        display: block
    }
}

@media (max-width: 767px) {
    .header-search-result-games-list {
        grid-template-columns:repeat(1, 1fr);
        grid-gap: 15px
    }

    .header-search-result-games-list .game:nth-child(n+4) {
        display: none
    }
}

.header-search-result-reviews .header-search-result-reviews-list {
    margin-bottom: 30px
}

.header-search-result-reviews .header-search-result-reviews-list .top-casino__element {
    box-shadow: none
}

@media (max-width: 767px) {
    .header-search-result-reviews .header-search-result-reviews-list {
        margin-bottom: 15px
    }
}

.header-search-result-articles .h101, .header-search-result-games .h101, .header-search-result-reviews .h101, .header-search-result-tests .h101 {
    color: var(--white_color);
    margin-bottom: 15px
}

.header-search-result-articles .h101 .thin, .header-search-result-games .h101 .thin, .header-search-result-reviews .h101 .thin, .header-search-result-tests .h101 .thin {
    font-weight: 400
}

.header-search-result-articles .show-all-result, .header-search-result-games .show-all-result, .header-search-result-reviews .show-all-result, .header-search-result-tests .show-all-result {
    text-align: center;
    margin-top: 20px
}

.header-search-result-articles .show-all-result .show-result, .header-search-result-games .show-all-result .show-result, .header-search-result-reviews .show-all-result .show-result, .header-search-result-tests .show-all-result .show-result {
    display: inline-block;
    min-width: 183px;
    width: auto
}

@media (max-width: 1023px) {
    .header-search-result-articles .h101, .header-search-result-games .h101, .header-search-result-reviews .h101, .header-search-result-tests .h101 {
        font-size: 24px;
        line-height: 58px
    }
}

@media (max-width: 767px) {
    .header-search-result-articles .h101, .header-search-result-games .h101, .header-search-result-reviews .h101, .header-search-result-tests .h101 {
        font-size: 18px;
        line-height: 22px
    }

    .header-search-result-articles .show-all-result, .header-search-result-games .show-all-result, .header-search-result-reviews .show-all-result, .header-search-result-tests .show-all-result {
        margin-top: 5px
    }
}

.header-search-noresult {
    flex: 1 0 auto;
    opacity: 0;
    padding: 97px 0;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.header-search-noresult .h101 {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    color: var(--white_color);
    text-align: center
}

.header-search-noresult .h101 .h102 {
    display: block;
    margin: 28px 0 0;
    color: var(--white_color)
}

@media (max-width: 1023px) {
    .header-search-noresult {
        padding: 24px 0
    }
}

@media (max-width: 767px) {
    .header-search-noresult {
        padding: 16px 0
    }
}

.header_looking .header-nav, .header_looking .header-search-icon {
    opacity: .5
}

.header_looking .header-search-dropdown .header-search {
    height: auto;
    visibility: visible;
    opacity: 1;
    position: relative;
    width: 100%
}

.header-dropdown {
    width: 320px;
    height: 0;
    max-height: 318px;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 20px);
    left: calc(50% - 570px);
    z-index: 400;
    opacity: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .27);
    border-radius: 8px
}

@media (max-width: 1084px) {
    .header-dropdown {
        left: 15px
    }
}

@media (max-width: 1023px) {
    .header-dropdown {
        left: 0;
        top: 70px;
        background: #25213c;
        border-radius: 0;
        width: calc(100% - 10px);
        max-width: 350px
    }
}

.header-dropdown-container .header-search {
    flex-grow: 0;
    flex-shrink: 9;
    height: auto;
    margin: 0;
    visibility: visible;
    position: relative;
    z-index: 10
}

.header-dropdown-container .header-search-form-field input {
    padding: 0 10px 0 34px;
    border-radius: 16px
}

.header-dropdown-container .header-search-form-field button {
    right: 10px
}

.header-dropdown-container .header-secondnav-subnav > ul li {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .5px
}

.header-dropdown-container .header-secondnav-subnav > ul li:last-child {
    margin-bottom: 0
}

.header-dropdown-container .header-secondnav-subnav > ul li a {
    padding: 9px 12px
}

@media (max-width: 1023px) {
    .header-dropdown-container .header-search-form-field input {
        letter-spacing: .25px
    }

    .header-dropdown-container .header-secondnav-subnav {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding: 0 45px;
        position: static;
        top: 0;
        left: 0 !important;
        border-radius: 0;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        background: #3b355f
    }

    .header-dropdown-container .header-secondnav-subnav > ul {
        max-height: auto;
        padding: 17px 0
    }

    .header-dropdown-container .header-secondnav-subnav > ul li a {
        background: none;
        color: #fff;
        border-radius: 0;
        padding: 9px 0
    }
}

@media (max-width: 767px) {
    .header-dropdown-container .header-search-form-field, .header-dropdown-container .header-search-form-field input {
        height: 40px
    }
}

.body_show .topbg {
    opacity: 1;
    height: 70px
}

.body_show .header {
    opacity: 1
}

.body_curtain_menu .header-dropdown {
    height: auto;
    max-height: calc(100vh - 70px);
    opacity: 1;
    overflow: visible;
    padding: 15px
}

@media (max-width: 1023px) {
    .body_curtain_menu .header-dropdown {
        height: calc(100vh - 70px);
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0
    }
}

.header-search-dropdown {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 400;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), #000)
}

.header-search-dropdown, .header-search-dropdown-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.header-search-dropdown-inner {
    max-width: 1170px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.body_curtain .header-search-dropdown {
    height: calc(100vh - 60px);
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 21px 15px 15px
}

@media (max-width: 767px) {
    .body_curtain .header-search-dropdown {
        padding-top: 15px
    }
}

.header-nav-second-button {
    display: block;
    position: absolute;
    top: 94px;
    left: 0;
    margin-left: 15px;
    width: 33px;
    height: 23px;
    z-index: 30;
    background: none
}

.header-nav-second-button i {
    background: #383838;
    position: absolute;
    height: 3px;
    left: 0;
    right: 0;
    top: 10px;
    transition: all 0s linear .2s
}

.header-nav-second-button:after, .header-nav-second-button:before {
    background: no-repeat 50% 50%;
    content: "";
    display: block;
    position: absolute;
    background: #383838;
    left: 0;
    right: 0;
    height: 3px;
    transition: all .15s ease-out
}

.header-nav-second-button:before {
    top: 0;
    transition: transform .2s ease-in, top .2s linear .2s
}

.header-nav-second-button:after {
    bottom: 0;
    transition: transform .2s ease-in, bottom .2s linear .2s
}

.header-nav-second-button.active i {
    opacity: 0
}

.header-nav-second-button.active:before {
    top: 10px;
    transform: rotate(45deg);
    transition: top .2s linear, transform .2s ease-in .2s
}

.header-nav-second-button.active:after {
    transform: rotate(-45deg);
    bottom: 10px;
    transition: bottom .2s linear, transform .2s ease-in .2s
}

@media (max-width: 767px) {
    .header-nav-second-button {
        margin-left: 10px;
        top: 23px
    }

    .header-nav-second-button:after, .header-nav-second-button:before, .header-nav-second-button i {
        background: #fff
    }
}

.body_fixedbar .header-content {
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.body_fixedbar.body_curtain .header-content {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 660;
    opacity: 1
}

@media (max-width: 1023px) {
    .body_fixedbar.body_curtain_menu .header-dropdown {
        position: fixed;
        top: 0;
        height: 100vh;
        z-index: 670;
        max-height: 100vh;
        transition-delay: .15s
    }
}

.search-page .games-list .game:nth-child(n+4) {
    display: none
}

.search-page .search-more {
    display: block;
    max-width: 360px;
    width: 100%;
    margin: 30px auto 40px
}

@media (max-width: 1169px) {
    .search-page .games-list .game:nth-child(n+4) {
        display: block
    }
}

.footer {
    background: #383838;
    color: #878787;
    position: relative;
    z-index: 100;
    opacity: 1
}

.footer-content {
    padding: 40px 15px 30px;
    flex-wrap: nowrap
}

.footer-content, .footer-content__body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.footer-content__body .footer-nav {
    margin: 0;
    transition: none;
    padding: 0 10px
}

.footer-content__body .footer-nav.full {
    margin-bottom: 24px
}

.footer-content__body .footer-nav.full > ul li.hidden {
    height: auto;
    margin-bottom: 8px;
    opacity: 1
}

.footer-content__body .footer-nav > ul {
    text-align: left;
    -moz-columns: 70px 2;
    columns: 70px 2;
    margin-top: -15px
}

.footer-content__body .footer-nav > ul li {
    margin: 0 24px 0 0;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid
}

.footer-content__body .footer-nav > ul li a {
    display: inline-block;
    border-radius: 20px;
    padding: 8px 12px;
    margin: 6px 0;
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

.footer-content__body .footer-nav > ul li a:hover {
    background-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.footer-content__body .footer-nav > ul li a.services {
    color: #c5c5c5
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav {
    width: 226px;
    position: absolute;
    bottom: calc(100% + 16px);
    background-color: var(--white_color);
    box-shadow: 0 0 30px 0;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    margin-left: -113px
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav:before {
    position: absolute;
    display: block;
    content: "";
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 7px solid #fff;
    bottom: -7px;
    left: 50%;
    margin-left: -13px
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav ul {
    padding: 15px;
    overflow-x: hidden;
    overflow-Y: auto
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
    width: 100%;
    margin: 0
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav ul li:before {
    display: none
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav ul li + li {
    margin-top: 12px
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav ul li a {
    display: block;
    padding: 8px 15px;
    border-radius: 6px;
    color: #383838;
    text-decoration: none;
    transition: background-color .15s ease-in-out
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav ul li a span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav ul li.active a, .footer-content__body .footer-nav > ul li .footer-nav-subnav ul li a:hover {
    background-color: #f7f7f7
}

.footer-content__body .footer-nav > ul li .footer-nav-subnav .scroll-wrapper {
    max-height: 462px
}

.footer-content__body .footer-nav > ul li.active > a {
    background-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.footer-content__body .footer-nav > ul li.extended {
    position: relative
}

.footer-content__body .footer-nav > ul li.extended > a:after {
    display: inline-block;
    content: "";
    background: url(/images/sites/top300/icons/menu-arrow.svg) no-repeat 50% 50%;
    background-size: contain;
    width: 10px;
    height: 6px;
    right: 12px;
    transform: rotate(180deg);
    margin: 0 0 1px 5px
}

.footer-content__body .footer-nav > ul li.extended.opened {
    overflow: visible
}

.footer-content__body .footer-nav > ul li.extended.opened > a:after {
    transform: rotate(0deg)
}

.footer-content__body .footer-nav > ul li.extended.opened .footer-nav-subnav {
    opacity: 1;
    visibility: visible
}

.footer-content__body .footer-content-descr {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    width: 366px
}

.footer-content__body .footer-content-descr p {
    margin-bottom: 0
}

.footer-content__body .footer-content-descr .footer-links {
    margin-top: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.footer-content__body .footer-content-descr .footer-links a img {
    max-height: 34px;
    width: auto
}

.footer-content .footer-logo {
    display: flex;
    align-items: center
}

.footer-content .footer-logo img {
    max-height: 38px;
    height: 100%;
    width: auto;
    max-width: 119px
}

@media (max-width: 1169px) {
    .footer-content {
        padding: 20px 15px 30px;
        flex-wrap: wrap
    }

    .footer-content .footer-logo {
        order: 1
    }

    .footer-content .header-nav-multilang {
        order: 2
    }

    .footer-content__body {
        width: 100%;
        order: 3;
        margin-top: 30px
    }

    .footer-content__body .footer-content-descr, .footer-content__body .footer-nav {
        width: calc(50% - 50px);
        min-width: 354px;
        padding: 0
    }

    .footer-content__body .footer-content-descr > ul, .footer-content__body .footer-nav > ul {
        margin-left: -12px
    }
}

@media (max-width: 767px) {
    .footer-content {
        padding: 15px 15px 30px;
        flex-wrap: wrap
    }

    .footer-content__body {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 16px
    }

    .footer-content__body .footer-nav {
        width: 100%;
        margin: 0 0 10px;
        min-width: auto
    }

    .footer-content__body .footer-nav > ul {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        -moz-columns: auto 1;
        columns: 1;
        text-align: center;
        margin-left: 0
    }

    .footer-content__body .footer-nav > ul li {
        margin: 0 5px 10px;
        width: auto
    }

    .footer-content__body .footer-nav > ul li:before {
        display: none
    }

    .footer-content__body .footer-nav > ul li a {
        display: block;
        padding: 9px 12px;
        color: #fff
    }

    .footer-content__body .footer-nav > ul li a:hover {
        color: #fff
    }

    .footer-content__body .footer-content-descr {
        width: 100%
    }

    .footer-content__body .footer-content-descr .footer-txt-inner {
        text-align: center
    }

    .footer-content__body .footer-content-descr .footer-links {
        margin-top: 30px
    }
}

.footer-foot {
    display: block;
    width: 100%;
    background: #2b2a2a
}

.footer-foot__inner {
    min-height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 15px;
    font: 400 14px/18px Montserrat, sans-serif;
    color: hsla(0, 0%, 100%, .44)
}

.footer-foot__inner .footer-foot-sitemap {
    font-weight: 500;
    color: #c5c5c5;
    letter-spacing: 0;
    order: 2
}

.footer-foot__inner .footer-foot-cop {
    margin-right: 50px;
    order: 1
}

.footer-foot__inner .footer-foot-age {
    position: absolute;
    top: calc(50% - 11px);
    left: calc(100% - 37px)
}

@media (max-width: 767px) {
    .footer-foot__inner {
        padding: 30px 15px;
        flex-direction: column
    }

    .footer-foot__inner .footer-foot-age {
        position: static;
        margin: 30px 0
    }

    .footer-foot__inner .footer-foot-cop {
        margin: 0 auto;
        order: inherit
    }

    .footer-foot__inner .footer-foot-sitemap {
        order: inherit
    }
}

.columns-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.columns-container.columns-container-with-bottom {
    flex-wrap: wrap
}

.columns-container__maincol {
    width: 100%;
    min-width: 0;
    flex-grow: 0;
    flex-shrink: 1
}

.columns-container__sidecol {
    flex-grow: 0;
    flex-shrink: 0;
    width: 263px;
    margin-left: 30px
}

.columns-container__sidecol .sidebar-item__title {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 700;
    color: #383838
}

.columns-container__sidecol .sidebar-item__inner {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 #eedede;
    background: #fff
}

.columns-container__sidecol .sidebar-item__inner-title {
    font: 600 14px/18px Montserrat, sans-serif;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #f6f6f6;
    text-align: center
}

.columns-container__sidecol .sidebar-item__inner .link {
    height: 58px;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0 30px;
    position: relative;
    color: #383838
}

.columns-container__sidecol .sidebar-item__inner .link:hover {
    color: #383838;
    text-decoration: none
}

.columns-container__sidecol .sidebar-item__inner .link__img {
    width: 33px;
    min-width: 33px;
    height: 33px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px
}

.columns-container__sidecol .sidebar-item__inner .link__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.columns-container__sidecol .sidebar-item__inner .link span {
    font: 400 14px/33px Montserrat, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.columns-container__sidecol .sidebar-item__inner .link + .link:before {
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    border-top: 1px solid hsla(0, 0%, 87.5%, .4);
    display: block;
    content: ""
}

.columns-container__sidecol .sidebar-item__inner .link.link-hide {
    display: none
}

.columns-container__sidecol .sidebar-item__inner .link.show-more {
    justify-content: space-around;
    color: #ff5451;
    text-decoration: underline;
    cursor: pointer
}

.columns-container__sidecol .sidebar-item__inner .link.show-more:hover {
    text-decoration: none
}

.columns-container__sidecol .sidebar-item .show-all {
    color: #ff5451;
    font-weight: 400;
    text-decoration: underline;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px
}

.columns-container__sidecol .sidebar-item .show-all.link {
    margin-top: 0
}

.columns-container__sidecol .sidebar-item .show-all:hover {
    text-decoration: none
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner {
    padding-bottom: 20px
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner .sidebar-item__inner-title {
    background: #fff;
    font: 700 18px/22px Montserrat, sans-serif;
    color: #6a7e96;
    text-align: left;
    justify-content: flex-start;
    padding: 0 30px;
    margin-top: 12px
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner .link {
    height: 46px;
    border-radius: 6px;
    justify-content: flex-start;
    align-items: center;
    color: #383838;
    font: 400 14px/18px Montserrat, sans-serif;
    margin: 0 15px;
    padding: 0 15px
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner .link span {
    font: inherit;
    white-space: normal
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner .link:hover {
    background: #f7f7f7;
    font: 600 14px/18px Montserrat, sans-serif;
    color: #1a1a1a
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner .link + .link {
    margin-top: 2px
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner .link + .link:before {
    display: none
}

.columns-container__sidecol .sidebar-item.other-rats .sidebar-item__inner .show-all {
    justify-content: space-around;
    color: #ff5451;
    text-decoration: underline;
    height: 38px;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0 30px;
    margin-top: 5px;
    position: relative
}

.columns-container__sidecol .sidebar-item + * {
    margin-top: 40px
}

.columns-container + * {
    margin-top: 30px
}

.columns-container__bottomcol {
    width: 100%;
    margin-top: 40px
}

.columns-container.wide-sidecol {
    justify-content: space-between
}

.columns-container.wide-sidecol .columns-container__maincol {
    width: calc((100% - 30px) / 3 * 2)
}

.columns-container.wide-sidecol .columns-container__sidecol {
    width: calc((100% - 30px) / 3 * 1)
}

@media (max-width: 1169px) {
    .columns-container {
        flex-direction: column
    }

    .columns-container__maincol {
        order: 1
    }

    .columns-container__sidecol {
        order: 3;
        margin-top: 30px;
        width: 100%;
        margin-left: 0;
        display: block;
        -moz-column-count: 2;
        column-count: 2
    }

    .columns-container__sidecol .sidebar-item {
        width: calc(100% - 10px);
        min-width: calc(100% - 10px);
        display: block;
        -moz-column-break-inside: avoid;
        break-inside: avoid-column;
        page-break-inside: avoid;
        padding-bottom: 30px
    }

    .columns-container__sidecol .sidebar-item__inner {
        margin-top: 3px
    }

    .columns-container__sidecol .sidebar-item > * {
        width: 100%
    }

    .columns-container__sidecol .sidebar-item + * {
        margin-top: 0
    }

    .columns-container__bottomcol {
        order: 2;
        margin-top: 30px
    }

    .columns-container.wide-sidecol {
        justify-content: flex-start
    }

    .columns-container.wide-sidecol .columns-container__maincol, .columns-container.wide-sidecol .columns-container__sidecol {
        width: 100%
    }
}

@media (max-width: 767px) {
    .columns-container__sidecol {
        display: block;
        max-width: 480px;
        margin: 30px auto 0;
        -moz-column-count: 1;
        column-count: 1
    }

    .columns-container__sidecol .sidebar-item {
        width: 100%;
        padding-bottom: 0
    }

    .columns-container__sidecol .sidebar-item:first-child, .columns-container__sidecol .sidebar-item__inner {
        margin-top: 0
    }

    .columns-container__sidecol .sidebar-item > * {
        width: 100%
    }

    .columns-container__sidecol .sidebar-item + * {
        margin-top: 30px
    }

    .columns-container.wide-sidecol .columns-container__sidecol {
        max-width: 100%
    }
}

.pager {
    margin: 30px 0
}

.pager * {
    box-sizing: border-box
}

.pager .button, .pager a.button_brown-bg.inverse, .pager button.button_brown-bg.inverse {
    display: block;
    max-width: 220px;
    margin: 30px auto 20px
}

.pager-cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%
}

.pager-cont .pager_next, .pager-cont .pager_prev {
    position: absolute;
    left: 0;
    top: calc(50% - 16px);
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 0;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.pager-cont .pager_next:before, .pager-cont .pager_prev:before {
    background: url(/images/sites/top300/icons/arrow_outline_left.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    transition: background .15s ease-in-out
}

.pager-cont .pager_next:hover, .pager-cont .pager_prev:hover {
    background-color: #fff;
    border-radius: 4px
}

.pager-cont .pager_next {
    transform: scaleX(-1);
    left: auto;
    right: 0
}

.pager-list {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

.pager-list__el {
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 32px;
    height: 32px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: normal;
    text-align: center;
    display: none
}

.pager-list__el + .pager-list__el {
    margin-left: 3px
}

.pager-list__el.visible {
    display: inline-block
}

.pager-list__el.dots, .pager-list__el:first-child, .pager-list__el:last-child {
    display: block
}

.pager-list__el-button {
    display: block;
    min-width: 32px;
    height: 32px;
    padding: 0 5px;
    border-radius: 8px;
    background-color: none;
    color: #383838;
    text-decoration: none;
    transition: background-color .15s ease-in-out, color .15s ease-in-out
}

.pager-list__el-button:hover {
    background-color: #6a7e96;
    color: var(--white_color)
}

.pager-list__el-button.active {
    background-color: #6a7e96;
    color: #fff
}

.pager-list__el-button-dots {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: var(--grey);
    font-weight: 600;
    color: var(--brown);
    line-height: 32px;
    letter-spacing: normal;
    text-align: center
}

@media (max-width: 1169px) {
    .pager {
        margin: 33px 0 30px;
        overflow: hidden
    }

    .pager .button, .pager a.button_brown-bg.inverse, .pager button.button_brown-bg.inverse {
        margin: 0 auto 32px
    }
}

@media (max-width: 767px) {
    .pager .button, .pager a.button_brown-bg.inverse, .pager button.button_brown-bg.inverse {
        margin: 0 auto 24px
    }

    .pager-list {
        padding: 0 16px
    }
}

@media (max-width: 479px) {
    .pager-cont .pager_next, .pager-cont .pager_prev {
        display: none
    }
}

.gambling-heading {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 30px;
    align-items: center;
    background: #2e294e;
    color: #fff;
    border-radius: 8px
}

.gambling-heading app-vote-result {
    height: 24px;
    opacity: 0
}

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

.gambling-heading__info h1 {
    color: #fff;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
    margin-bottom: 10px;
    font: 700 24px/1.2em Montserrat, sans-serif
}

.gambling-heading__info .gambling-heading__info__det {
    margin-bottom: 10px
}

.gambling-heading__info .gambling-heading__info__det .casino__rating {
    justify-content: flex-start
}

.gambling-heading__info .casino__rating__data {
    color: #fff
}

.gambling-heading-img {
    width: 150px;
    min-width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 107px
}

.gambling-heading-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gambling-heading__foot__link .btn {
    width: 186px
}

.gambling-heading__foot__link .toggle-compare {
    display: inline-block;
    margin-left: 15px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    vertical-align: middle;
    background: #3b355f url(/images/sites/top300/icons/compare-icon.svg) no-repeat 50% 50%;
    position: relative
}

.gambling-heading__foot__link .toggle-compare .compare-tooltip {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: calc(100% + 5px);
    left: 12px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    padding: 0 5px;
    height: 21px;
    font: 400 12px/21px Montserrat, sans-serif;
    color: #383838
}

.gambling-heading__foot__link .toggle-compare:hover {
    background-color: #484275
}

.gambling-heading__foot__link .toggle-compare:hover .compare-tooltip {
    display: block
}

.gambling-heading__foot__link .toggle-compare.disabled {
    pointer-events: none
}

.gambling-heading__foot__link .toggle-compare.disabled:hover {
    background-color: #3b355f
}

.gambling-heading__foot__link .toggle-compare.selected {
    background: #4cb14d url(/images/sites/top300/icons/check.svg) no-repeat 50% 50%
}

.gambling-heading__foot__link .toggle-compare.selected:hover {
    background-color: #4cb14d
}

.gambling-heading__foot__link .toggle-compare.selected:hover .compare-tooltip {
    display: none
}

.gambling-heading__foot__link .link-write {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    margin-left: 15px;
    line-height: 40px
}

.gambling-heading__foot__link .link-write:hover {
    text-decoration: underline
}

.gambling-heading__info__bonus, .gambling-heading__info__dep {
    line-height: 22px
}

.gambling-heading__info__bonus:before, .gambling-heading__info__dep:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    vertical-align: middle
}

.gambling-heading__info__bonus:before {
    background: #ff5451 url(/images/sites/top300/icons/money-bag.svg) no-repeat 50% 50%;
    background-size: 14px 12px
}

.gambling-heading__info__dep {
    margin: 10px 0 20px
}

.gambling-heading__info__dep:before {
    background: #ff5451 url(/images/sites/top300/icons/cheque.svg) no-repeat 50% 50%;
    background-size: 12px 8px
}

@media (max-width: 1169px) {
    .gambling-heading-img {
        margin-right: 11%
    }
}

@media (max-width: 767px) {
    .gambling-heading {
        flex-direction: column;
        align-items: center;
        padding: 30px 15px 18px
    }

    .gambling-heading__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
        width: 100%
    }

    .gambling-heading__info h1 {
        width: 100%;
        text-align: center
    }

    .gambling-heading__info .gambling-heading__info__det {
        margin-bottom: 10px
    }

    .gambling-heading__info .gambling-heading__info__det .casino__rating {
        justify-content: center
    }

    .gambling-heading-img {
        margin: 0 auto 21px
    }

    .gambling-heading__foot__link {
        text-align: center;
        width: 100%
    }

    .filter-list .gambling-heading__foot__link a.button.button_menu.show-top.button-red, .filter-list .gambling-heading__foot__link a.button.button_menu.show-top.button_brown-bg, .filter-list .gambling-heading__foot__link a.button_menu.show-top.button_brown-bg.inverse, .gambling-heading__foot__link .filter-list a.button.button_menu.show-top.button-red, .gambling-heading__foot__link .filter-list a.button.button_menu.show-top.button_brown-bg, .gambling-heading__foot__link .filter-list a.button_menu.show-top.button_brown-bg.inverse, .gambling-heading__foot__link a.button-red, .gambling-heading__foot__link a.button_brown-bg {
        width: 100%;
        max-width: 100%
    }

    .gambling-heading__foot__link .toggle-compare {
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-left: 0
    }

    .gambling-heading__foot__link .link-write {
        display: block;
        margin-left: 0;
        line-height: 18px;
        margin-top: 10px
    }
}

.gambling-cont {
    width: 100%;
    position: relative;
    margin-top: 40px
}

.gambling-cont-scroll {
    position: relative;
    overflow: hidden;
    width: calc(100% - 80px);
    margin: 0 auto
}

.gambling-cont-list {
    width: calc(100% + 30px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.gambling-cont-list__element {
    flex-grow: 0;
    flex-shrink: 0;
    width: 90px;
    margin: 0 30px 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.gambling-cont-list__element__img {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px
}

.gambling-cont-list__element__img img {
    max-height: 32px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.gambling-cont-list__element:last-child {
    margin-right: 0
}

@media (max-width: 1023px) {
    .gambling-cont {
        width: auto;
        overflow: hidden
    }

    .gambling-cont-scroll {
        padding-bottom: 30px;
        margin-bottom: -30px;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch
    }

    .gambling-cont-list {
        width: auto;
        flex-grow: 1;
        flex-shrink: 0;
        flex-wrap: nowrap;
        padding: 0 24px
    }

    .gambling-cont-list__element {
        margin: 0 15px 0 0
    }
}

@media (max-width: 767px) {
    .gambling-cont-list {
        padding: 0 16px
    }
}

.gambling-info {
    padding: 30px 30px 22px;
    margin-top: 16px
}

.gambling-info .row {
    display: flex;
    align-items: flex-start
}

.gambling-info .row + .row {
    margin-top: 30px
}

.gambling-info .row .td:first-child {
    width: 180px;
    font-weight: 600
}

.gambling-info .row .td:last-child {
    padding-left: 20px;
    width: calc(100% - 200px)
}

.gambling-info .row .td.hidden span:nth-child(n+10) {
    display: none
}

.gambling-info .row .td.hidden span.show-more {
    display: block
}

.gambling-info .row .td span.hide-more, .gambling-info .row .td span.show-more {
    color: #ff5451;
    text-decoration: underline;
    cursor: pointer
}

.gambling-info .row .td span.show-more {
    display: none
}

.gambling-info .row .td span.hide-more {
    display: block
}

.gambling-info .row .td table td {
    padding: 0;
    line-height: 22px;
    width: auto
}

.gambling-info .row .td table td:last-child {
    padding-left: 10px
}

.gambling-info .row.withdrawal-limits .td.hidden .hide-more, .gambling-info .row.withdrawal-limits .td.hidden table tr:nth-child(n+5) {
    display: none
}

.gambling-info .row.withdrawal-limits .td .table tr {
    display: table-row
}

@media (max-width: 767px) {
    .gambling-info {
        padding: 25px 15px 20px
    }

    .gambling-info .row {
        display: block
    }

    .gambling-info .row + .row {
        margin-top: 20px
    }

    .gambling-info .row .td:first-child {
        width: 100%
    }

    .gambling-info .row .td:last-child {
        padding-left: 0;
        width: 100%
    }
}

.swiper-container-horizontal .gambling-cont-list__element {
    margin-right: 0
}

.gambling-cont-list__element__name {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -.00615385em;
    color: #8a8a8f
}

.gambling-cont-shadow__el {
    width: 10px;
    height: 90px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #f9f9f9;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    display: none
}

.gambling-cont-shadow__el.left {
    right: 100%
}

.gambling-cont-shadow__el.right {
    left: 100%
}

.gambling-cont-control__next, .gambling-cont-control__prev {
    width: 30px;
    height: 32px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    transition: all .15s ease-out;
    top: 15px
}

.gambling-cont-control__next:after, .gambling-cont-control__next:before, .gambling-cont-control__prev:after, .gambling-cont-control__prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .15s ease-out
}

.gambling-cont-control__next:before, .gambling-cont-control__prev:before {
    opacity: 1
}

.gambling-cont-control__next:after, .gambling-cont-control__prev:after {
    opacity: 0
}

.gambling-cont-control__next:hover, .gambling-cont-control__prev:hover {
    background: #ff5451
}

.gambling-cont-control__next:hover:before, .gambling-cont-control__prev:hover:before {
    opacity: 0
}

.gambling-cont-control__next:hover:after, .gambling-cont-control__prev:hover:after {
    opacity: 1
}

.gambling-cont-control__next.swiper-button-disabled, .gambling-cont-control__prev.swiper-button-disabled {
    cursor: auto;
    transform: scale(0);
    opacity: 0
}

.gambling-cont-control__prev {
    left: 0
}

.gambling-cont-control__prev:before {
    background: url(/images/sites/top300/icons/arrow-swiper.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px
}

.gambling-cont-control__prev:after {
    background: url(/images/sites/top300/icons/arrow-swiper-hover.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px
}

.gambling-cont-control__next {
    right: 0
}

.gambling-cont-control__next:before {
    background: url(/images/sites/top300/icons/arrow-swiper.svg) no-repeat 50% 50%
}

.gambling-cont-control__next:after, .gambling-cont-control__next:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    transform: translate(-50%, -50%) scaleX(-1)
}

.gambling-cont-control__next:after {
    background: url(/images/sites/top300/icons/arrow-swiper-hover.svg) no-repeat 50% 50%
}

.toc-shordescr {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 30px
}

.toc-shordescr .block {
    padding: 30px;
    font: 400 14px/33px Montserrat, sans-serif;
    color: #277de5
}

.toc-shordescr .block a {
    color: #277de5
}

.toc-shordescr ol {
    counter-reset: li;
    list-style-type: none
}

.toc-shordescr ol > li:before {
    border-top: 0;
    font-weight: 400;
    counter-increment: li;
    content: counters(li, ".") ". "
}

.toc-shordescr ol ol > li, .toc-shordescr ol ol > li > ol, .toc-shordescr ol ol > li ul, .toc-shordescr ol ul > li, .toc-shordescr ol ul > li > ol, .toc-shordescr ol ul > li ul {
    padding-left: 15px
}

.toc-shordescr ol ul {
    padding-left: 30px
}

.toc-shordescr .short-txt {
    padding-bottom: 15px
}

.toc-shordescr .short-txt p + * {
    margin-top: 30px
}

.toc-shordescr .short-txt ul li {
    padding-left: 25px;
    position: relative;
    color: #383838;
    font: 400 14px/18px Montserrat, sans-serif
}

.toc-shordescr .short-txt ul li:after, .toc-shordescr .short-txt ul li:before {
    display: block;
    position: absolute;
    content: "";
    background: #ff5451;
    border-radius: 50%
}

.toc-shordescr .short-txt ul li:before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 10px;
    height: 10px;
    opacity: .4
}

.toc-shordescr .short-txt ul li:after {
    width: 6px;
    height: 6px;
    top: 6px;
    left: 2px
}

.toc-shordescr .short-txt ul + *, .toc-shordescr .short-txt ul li + li {
    margin-top: 30px
}

.toc-shordescr + * {
    margin-top: 40px
}

@media (max-width: 1169px) {
    .toc-shordescr {
        display: block
    }

    .toc-shordescr + * {
        margin-top: 30px
    }

    .toc-shordescr > * + * {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .toc-shordescr .block {
        padding: 15px 15px 20px
    }

    .toc-shordescr .short-txt p + *, .toc-shordescr .short-txt ul + *, .toc-shordescr .short-txt ul li + li {
        margin-top: 20px
    }
}

.casino-media-block {
    margin: 44px 0 30px
}

.casino-media-block .casino-media-container {
    overflow: hidden
}

.casino-media-block .casino-media-container .casino-media-header {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center
}

.casino-media-block .casino-media-container .casino-media-header h3 {
    font-size: 24px;
    margin-bottom: 0
}

.casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control {
    position: relative
}

.casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__next, .casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__prev {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .16);
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px
}

.casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__next.swiper-button-disabled, .casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__prev.swiper-button-disabled {
    opacity: .5;
    transform: none;
    pointer-events: none
}

.casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__next.swiper-button-disabled:hover, .casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__prev.swiper-button-disabled:hover {
    background: #fff
}

.casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__next.swiper-button-disabled:hover:after, .casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__prev.swiper-button-disabled:hover:after {
    opacity: 0
}

.casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__next.swiper-button-disabled:hover:before, .casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control .slider-control__prev.swiper-button-disabled:hover:before {
    opacity: 1
}

.casino-media-block .casino-media-container .casino-media-wrapper {
    display: block;
    white-space: nowrap;
    width: 100%;
    font-size: 0
}

.casino-media-block .casino-media-container .casino-media-wrapper * {
    white-space: normal
}

.casino-media-block .casino-media-container .media-item {
    width: 263px;
    height: 201px;
    overflow: hidden;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
    position: relative
}

.casino-media-block .casino-media-container .media-item + .media-item {
    margin-left: 29px
}

.casino-media-block .casino-media-container .media-item img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    width: 100%;
    height: 100%
}

.casino-media-block .casino-media-container .media-item iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.casino-media-block .casino-media-container.media-1 .media-item {
    width: 100%;
    max-width: 736px;
    height: 435px;
    position: relative;
    margin: 0 auto;
    display: block
}

.casino-media-block .casino-media-container.media-1 .media-item * {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.casino-media-block .casino-media-container.media-2 .media-item {
    width: 555px;
    height: 297px
}

.casino-media-block .casino-media-container.media-3 .media-item {
    width: 360px;
    height: 238px
}

.casino-media-block .casino-media-container.media-2 .casino-media-slider-control, .casino-media-block .casino-media-container.media-3 .casino-media-slider-control, .casino-media-block .casino-media-container.media-4 .casino-media-slider-control {
    display: none
}

.casino-media-block .casino-media-container.swiper-container-initialized .media-item {
    vertical-align: middle
}

.casino-media-block .casino-media-container.swiper-container-initialized .media-item + .media-item {
    margin-left: 0
}

.casino-media-block + .toc-shordescr {
    margin-top: 45px
}

@media (max-width: 1169px) {
    .casino-media-block {
        margin-top: 30px
    }

    .casino-media-block .casino-media-container {
        overflow: visible
    }

    .casino-media-block .casino-media-container .casino-media-header {
        margin-bottom: 20px
    }

    .casino-media-block .casino-media-container.media-3 .casino-media-slider-control, .casino-media-block .casino-media-container.media-4 .casino-media-slider-control {
        display: block
    }
}

@media (max-width: 767px) {
    .casino-media-block .casino-media-container .casino-media-header {
        margin-bottom: 15px
    }

    .casino-media-block .casino-media-container .casino-media-header h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .casino-media-block .casino-media-container .casino-media-header .casino-media-slider-control {
        display: none
    }

    .casino-media-block .casino-media-container .casino-media-wrapper .media-item {
        height: 192px;
        width: 280px
    }

    .casino-media-block .casino-media-container .casino-media-wrapper .media-item.swiper-slide-active {
        width: 294px;
        height: 201px
    }

    .casino-media-block .casino-media-container.media-1 .media-item {
        height: 0;
        width: 100%;
        padding: 29.72%
    }

    .casino-media-block .casino-media-container.media-2 .media-item, .casino-media-block .casino-media-container.media-3 .media-item {
        height: 192px;
        width: 280px
    }

    .casino-media-block .casino-media-container.media-2 .media-item.swiper-slide-active, .casino-media-block .casino-media-container.media-3 .media-item.swiper-slide-active {
        width: 294px;
        height: 201px
    }

    .casino-media-block .casino-media-container.media-2 .casino-media-slider-control, .casino-media-block .casino-media-container.media-3 .casino-media-slider-control, .casino-media-block .casino-media-container.media-4 .casino-media-slider-control {
        display: none
    }
}

.compare-slider {
    padding: 20px 0;
    background: hsla(0, 0%, 77.6%, .08);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 17px;
    position: relative
}

.compare-slider .compare-slider-inner {
    overflow-x: auto;
    max-width: 645px;
    margin: 0 auto
}

.compare-slider .compare-slider-inner.swiper-container-initialized {
    overflow: hidden
}

.compare-slider .compare-slider-inner.swiper-container-initialized .compare-item {
    margin: 0
}

.compare-slider .compare-list {
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row
}

.compare-slider .compare-item {
    width: 95px;
    height: 95px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.compare-slider .compare-item .toggle-compare {
    position: absolute;
    right: 20px;
    bottom: 12px;
    z-index: 100;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ff5451;
    display: flex;
    justify-content: center;
    align-items: center
}

.compare-slider .compare-item .toggle-compare .compare-tooltip {
    display: none;
    position: absolute;
    white-space: nowrap;
    bottom: calc(100% + 5px);
    left: 12px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    padding: 0 5px;
    height: 21px;
    font: 400 12px/21px Montserrat, sans-serif;
    color: #383838
}

.compare-slider .compare-item .toggle-compare:before {
    display: inline-block;
    content: "+";
    font: 400 18px/16px Montserrat, sans-serif;
    color: #fff
}

.compare-slider .compare-item .toggle-compare:hover {
    background-color: #ff5451
}

.compare-slider .compare-item .toggle-compare:hover .compare-tooltip {
    display: block
}

.compare-slider .compare-item .toggle-compare.disabled {
    pointer-events: none
}

.compare-slider .compare-item .toggle-compare.selected {
    background: #6a7e96
}

.compare-slider .compare-item .toggle-compare.selected:before {
    content: "-"
}

.compare-slider .compare-item .toggle-compare.selected:hover {
    background-color: #6a7e96
}

.compare-slider .compare-item .toggle-compare.selected:hover .compare-tooltip {
    display: none
}

.compare-slider .compare-item img {
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1)
}

.compare-slider .compare-item.swiper-slide-active + .compare-item + .compare-item + .compare-item + .compare-item .toggle-compare .compare-tooltip {
    left: auto;
    right: 12px
}

.compare-slider .compare-slider-control .slider-control__prev {
    left: calc(100% - 80px)
}

.compare-slider .compare-slider-control .slider-control__next {
    right: calc(100% - 80px)
}

@media (max-width: 1169px) {
    .compare-slider .compare-slider-inner {
        width: calc(100% - 200px)
    }
}

@media (max-width: 767px) {
    .compare-slider .compare-item.swiper-slide-active + .compare-item .toggle-compare .compare-tooltip {
        left: auto;
        right: 12px
    }

    .compare-slider .compare-slider-inner {
        width: calc(100% - 140px)
    }

    .compare-slider .compare-slider-control .slider-control__prev {
        left: calc(100% - 60px)
    }

    .compare-slider .compare-slider-control .slider-control__next {
        right: calc(100% - 60px)
    }
}

.gambling .hide-compare-wrap {
    display: none
}

.gambling .hide-compare-wrap.active {
    display: block
}

.gambling .hide-compare-wrap .hide-compare {
    display: none
}

.gambling .hide-compare-wrap .hide-compare.active {
    display: block
}

.voter-block .sidebar-item__inner-body {
    padding: 15px;
    display: flex;
    flex-wrap: wrap
}

.voter-block .sidebar-item__inner-body .button, .voter-block .sidebar-item__inner-body a.button_brown-bg.inverse, .voter-block .sidebar-item__inner-body button.button_brown-bg.inverse {
    width: calc(50% - 7.5px);
    background: #ececec;
    border-color: #ececec;
    font: 500 14px/38px Montserrat, sans-serif;
    text-align: center;
    color: #383838;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px
}

.voter-block .sidebar-item__inner-body .button:before, .voter-block .sidebar-item__inner-body a.button_brown-bg.inverse:before, .voter-block .sidebar-item__inner-body button.button_brown-bg.inverse:before {
    display: inline-block;
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
    z-index: -100;
    overflow: hidden
}

.voter-block .sidebar-item__inner-body .button + .button, .voter-block .sidebar-item__inner-body .button + a.button_brown-bg.inverse, .voter-block .sidebar-item__inner-body .button + button.button_brown-bg.inverse, .voter-block .sidebar-item__inner-body a.button_brown-bg.inverse + .button, .voter-block .sidebar-item__inner-body a.button_brown-bg.inverse + a.button_brown-bg.inverse, .voter-block .sidebar-item__inner-body a.button_brown-bg.inverse + button.button_brown-bg.inverse, .voter-block .sidebar-item__inner-body button.button_brown-bg.inverse + .button, .voter-block .sidebar-item__inner-body button.button_brown-bg.inverse + a.button_brown-bg.inverse, .voter-block .sidebar-item__inner-body button.button_brown-bg.inverse + button.button_brown-bg.inverse {
    margin-left: 15px
}

.voter-block .sidebar-item__inner-body .button:hover, .voter-block .sidebar-item__inner-body a.button_brown-bg.inverse:hover, .voter-block .sidebar-item__inner-body button.button_brown-bg.inverse:hover {
    color: #fff
}

.voter-block .sidebar-item__inner-body .button.dont-trust:before, .voter-block .sidebar-item__inner-body a.dont-trust.button_brown-bg.inverse:before, .voter-block .sidebar-item__inner-body button.dont-trust.button_brown-bg.inverse:before {
    background: url(/images/sites/top300/voters_animations/hero_3.svg) no-repeat 50% 50%
}

.voter-block .sidebar-item__inner-body .button.dont-trust:hover, .voter-block .sidebar-item__inner-body a.dont-trust.button_brown-bg.inverse:hover, .voter-block .sidebar-item__inner-body button.dont-trust.button_brown-bg.inverse:hover {
    background: #ff2f05;
    border-color: #ff2f05
}

.voter-block .sidebar-item__inner-body .button.dont-trust:hover ~ .racoon, .voter-block .sidebar-item__inner-body a.dont-trust.button_brown-bg.inverse:hover ~ .racoon, .voter-block .sidebar-item__inner-body button.dont-trust.button_brown-bg.inverse:hover ~ .racoon {
    background: url(/images/sites/top300/voters_animations/hero_3.svg) no-repeat 50% 50%;
    background-size: contain;
    -webkit-animation: none;
    animation: none
}

.voter-block .sidebar-item__inner-body .button.trust:before, .voter-block .sidebar-item__inner-body a.trust.button_brown-bg.inverse:before, .voter-block .sidebar-item__inner-body button.trust.button_brown-bg.inverse:before {
    background-image: url(/images/sites/top300/voters_animations/hero_4.svg)
}

.voter-block .sidebar-item__inner-body .button.trust:hover, .voter-block .sidebar-item__inner-body a.trust.button_brown-bg.inverse:hover, .voter-block .sidebar-item__inner-body button.trust.button_brown-bg.inverse:hover {
    background: #4caf50;
    border-color: #4caf50
}

.voter-block .sidebar-item__inner-body .button.trust:hover ~ .racoon, .voter-block .sidebar-item__inner-body a.trust.button_brown-bg.inverse:hover ~ .racoon, .voter-block .sidebar-item__inner-body button.trust.button_brown-bg.inverse:hover ~ .racoon {
    background: url(/images/sites/top300/voters_animations/hero_4.svg) no-repeat 50% 50%;
    background-size: contain;
    -webkit-animation: none;
    animation: none
}

.voter-block .sidebar-item__inner-body .racoon {
    order: -1;
    height: 140px;
    width: 158px;
    margin: 15px auto;
    background: url(/images/sites/top300/voters_animations/hero_1.svg) no-repeat 50% 50%;
    background-size: contain;
    -webkit-animation: racoon 3s steps(1) 0s infinite;
    animation: racoon 3s steps(1) 0s infinite
}

.voter-block .sidebar-item__inner-body .racoon:after, .voter-block .sidebar-item__inner-body .racoon:before {
    display: inline-block;
    z-index: -100;
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden
}

.voter-block .sidebar-item__inner-body .racoon:before {
    background-image: url(/images/sites/top300/voters_animations/hero_6.svg)
}

.voter-block .sidebar-item__inner-body .racoon:after {
    background-image: url(/images/sites/top300/voters_animations/hero_5.svg)
}

.voter-block .sidebar-item__inner-body .racoon.happy, .voter-block .sidebar-item__inner-body .racoon.sad {
    -webkit-animation: none;
    animation: none
}

.voter-block .sidebar-item__inner-body .racoon.happy {
    background: url(/images/sites/top300/voters_animations/hero_6.svg) no-repeat 50% 50%;
    background-size: contain
}

.voter-block .sidebar-item__inner-body .racoon.sad {
    background: url(/images/sites/top300/voters_animations/hero_5.svg) no-repeat 50% 50%;
    background-size: contain
}

.columns-container__sidecol > div.sidebar-item.voter-block-wrapper app-vote {
    height: 298px;
    opacity: 0
}

@media (max-width: 1169px) {
    .columns-container__sidecol > div.sidebar-item.voter-block-wrapper {
        display: none
    }
}

.voter-result {
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    overflow: hidden
}

.voter-result.width-no-limit span {
    min-width: 0;
    max-width: 100%;
    padding: 0
}

.voter-result.width-no-limit span.dont-trust, .voter-result.width-no-limit span.trust-it {
    border-radius: 8px
}

.voter-result span {
    display: inline-block;
    background: #ececec;
    font: 600 12px/40px Montserrat, sans-serif;
    text-align: center;
    padding: 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #383838;
    min-width: 15%;
    max-width: 85%;
    overflow: hidden
}

.voter-result span.trust-it {
    border-radius: 0 8px 8px 0
}

.voter-result span.dont-trust {
    border-radius: 8px 0 0 8px;
    background: #ff2f05;
    color: #fff
}

.voter-result span.dont-trust span {
    background: #ff2f05;
    color: #fff
}

.voter-result.trusted span.dont-trust, .voter-result.trusted span.dont-trust span {
    color: #383838;
    background: #ececec
}

.voter-result.trusted span.trust-it, .voter-result.trusted span.trust-it span {
    color: #fff;
    background: #4caf50
}

.gambling-heading__info > .voter-result {
    display: none;
    height: 24px;
    width: 252px;
    margin: 5px 0 15px
}

.gambling-heading__info > .voter-result span {
    line-height: 24px;
    color: #fff;
    background: rgba(76, 175, 80, .11)
}

.gambling-heading__info > .voter-result span.trust-it {
    border-radius: 0 12px 12px 0
}

.gambling-heading__info > .voter-result span.dont-trust {
    border-radius: 12px 0 0 12px;
    background: #ff2f05;
    color: #fff
}

.gambling-heading__info > .voter-result.width-no-limit span {
    min-width: 0;
    max-width: 100%
}

.gambling-heading__info > .voter-result.width-no-limit span.dont-trust, .gambling-heading__info > .voter-result.width-no-limit span.trust-it {
    border-radius: 12px
}

.gambling-heading__info > .voter-result.trusted span.dont-trust, .gambling-heading__info > .voter-result.trusted span.dont-trust span {
    color: #fff;
    background: rgba(76, 175, 80, .11)
}

@media (max-width: 1169px) {
    .gambling-heading__info > .voter-result {
        display: block
    }
}

@media (max-width: 767px) {
    .gambling-heading__info > .voter-result {
        margin: 5px auto 15px
    }
}

.vote-button-wrapper {
    display: none
}

.vote-button-wrapper .button-open-overlay {
    margin: 20px auto 30px;
    width: 180px;
    display: block
}

.vote-button-wrapper .button-open-overlay:before {
    background: url(/images/sites/top300/icons/vote.svg) no-repeat 50% 50%;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    content: "";
    vertical-align: top;
    margin-top: 10px;
    margin-right: 5px
}

.vote-button-wrapper .overlay {
    position: fixed;
    top: -70px;
    height: 100vh;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 100000
}

.vote-button-wrapper .overlay .overlay-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10
}

.vote-button-wrapper .overlay .voter-block-wrapper {
    height: 300px;
    width: 262px;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    margin-right: -131px;
    right: 50%;
    z-index: 50
}

.vote-button-wrapper .overlay .voter-block-wrapper .close {
    position: absolute;
    top: -22px;
    cursor: pointer;
    right: 0;
    height: 12px;
    width: 12px;
    background: url(/images/sites/top300/icons/cancel.svg) no-repeat 50% 50%;
    background-size: contain
}

.vote-button-wrapper .overlay .voter-block {
    height: 300px;
    width: 262px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.vote-button-wrapper .overlay .voter-block .sidebar-item__inner-title {
    color: #383838
}

@media (max-width: 1169px) {
    .vote-button-wrapper {
        display: block
    }

    .gambling-heading__info .vote-button-wrapper {
        display: none
    }
}

@media (max-width: 767px) {
    .vote-button-wrapper {
        display: none
    }

    .gambling-heading__info .vote-button-wrapper {
        display: block
    }

    .gambling-heading__info .vote-button-wrapper .button-open-overlay {
        background-color: #3b355f;
        border-color: #3b355f
    }

    .gambling-heading__info .vote-button-wrapper .button-open-overlay:hover {
        background-color: #484275;
        border-color: #484275;
        box-shadow: none
    }
}

body.overlay-active {
    overflow: hidden;
    max-height: 100vh;
    height: 100vh
}

body.overlay-active .topbg, body.overlay-active header.header {
    z-index: -1
}

body.overlay-active.header-active header.header {
    z-index: 1100
}

body.overlay-active .wrapper {
    overflow: visible
}

@-webkit-keyframes racoon {
    0% {
        background: url(/images/sites/top300/voters_animations/hero_1.svg) no-repeat 50% 50%;
        background-size: contain
    }
    50% {
        background: url(/images/sites/top300/voters_animations/hero_2.svg) no-repeat 50% 50%;
        background-size: contain
    }
    to {
        background: url(/images/sites/top300/voters_animations/hero_1.svg) no-repeat 50% 50%;
        background-size: contain
    }
}

@keyframes racoon {
    0% {
        background: url(/images/sites/top300/voters_animations/hero_1.svg) no-repeat 50% 50%;
        background-size: contain
    }
    50% {
        background: url(/images/sites/top300/voters_animations/hero_2.svg) no-repeat 50% 50%;
        background-size: contain
    }
    to {
        background: url(/images/sites/top300/voters_animations/hero_1.svg) no-repeat 50% 50%;
        background-size: contain
    }
}

.contact-feedback {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    width: 100%;
    height: 502px;
    position: relative;
    padding: 30px
}

.contact-feedback .contact-data {
    width: calc(100% - 410px);
    display: flex;
    align-items: center;
    flex-direction: column
}

.contact-feedback .info {
    font-size: 14px;
    line-height: 18px
}

.contact-feedback .info .title {
    font-weight: 600;
    font-size: 18px
}

.contact-feedback .info ul {
    margin-top: 33px
}

.contact-feedback .info ul li {
    position: relative;
    padding-left: 34px
}

.contact-feedback .info ul li:before {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -4px
}

.contact-feedback .info ul li.email:before {
    background: url(/images/sites/top300/icons/email.svg) 50% 50% no-repeat
}

.contact-feedback .info ul li.location:before {
    background: url(/images/sites/top300/icons/location.svg) 50% 50% no-repeat
}

.contact-feedback .info ul li.location {
    margin: 36px 0 63px
}

.contact-feedback .info ul li:last-child {
    padding-left: 0
}

.contact-feedback .info ul li:last-child:before {
    display: none
}

.contact-feedback .info ul li a.social-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 7px
}

.contact-feedback .info ul li a.social-icon.facebook {
    background: url(/images/sites/top300/social-icons/contact-page/facebook.svg) 50% 50% no-repeat;
    background-size: contain
}

.contact-feedback .info ul li a.social-icon.twitter {
    background: url(/images/sites/top300/social-icons/contact-page/twitter.svg) 50% 50% no-repeat;
    background-size: contain
}

.contact-feedback .info ul li a.social-icon.instagram {
    background: url(/images/sites/top300/social-icons/contact-page/instagram.svg) 50% 50% no-repeat;
    background-size: contain
}

.contact-feedback .info ul li a.social-icon.linkedin {
    background: url(/images/sites/top300/social-icons/contact-page/linkedin.svg) 50% 50% no-repeat;
    background-size: contain
}

.contact-feedback .info ul li span.show {
    color: #ff5451;
    text-decoration: underline;
    cursor: pointer
}

.contact-feedback .info ul li span.show:hover {
    text-decoration: none
}

.contact-feedback .show-map {
    color: #ff5451;
    text-decoration: underline;
    cursor: pointer
}

.contact-feedback .show-map:hover {
    text-decoration: none
}

.contact-feedback .map {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    border-radius: 8px;
    opacity: 1;
    transition: opacity 1s ease-in 1s
}

.contact-feedback .map .map-bg {
    position: absolute;
    top: -2.2%;
    left: calc(50% - 622px);
    right: 0;
    bottom: 0;
    display: block;
    z-index: 10;
    height: auto;
    width: 1275px
}

.contact-feedback .map .hide-map {
    position: absolute;
    z-index: 21;
    top: 30px;
    left: 30px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 27px;
    text-transform: uppercase
}

.contact-feedback .map .hide-map:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 7px;
    margin-left: 5px;
    background: url(/images/sites/top300/icons/arrow-breadcrumbs.svg) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    transform: rotate(90deg)
}

.contact-feedback .map .hide-map:hover:before {
    background: url(/images/sites/top300/icons/arrow-breadcrumbs-white.svg) no-repeat 50% 50%
}

.contact-feedback .map .address-point {
    position: absolute;
    z-index: 20;
    left: calc(50% - 293px);
    top: calc(50% - 36px);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 78px
}

.contact-feedback .map .address-point-inner {
    position: relative
}

.contact-feedback .map .address-point-inner:before {
    display: block;
    content: "";
    width: 38px;
    height: 38px;
    background: url(/images/sites/top300/icons/icon-cat.svg) 50% 50% no-repeat;
    border-radius: 50%;
    margin: 0 auto
}

.contact-feedback .map .address-point-inner:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff5451;
    box-shadow: 0 0 0 4px rgba(255, 84, 81, .3), 0 0 0 8px rgba(255, 84, 81, .3);
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.contact-feedback .map .address-point-inner .address-text {
    font: 400 11px/20px Montserrat, sans-serif;
    color: #ff5451;
    text-align: center;
    width: 180px;
    background: #fff;
    position: relative;
    border-radius: 10px;
    margin-top: 20px;
    letter-spacing: .005em;
    z-index: 10
}

.contact-feedback .map .address-point-inner .address-text:before {
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    bottom: 100%;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 6px solid #fff;
    margin-right: -9px
}

.contact-feedback.hidden-map .map {
    display: none;
    opacity: 0
}

.contact-feedback .feedback {
    height: 100%;
    width: 100%;
    max-width: 380px;
    padding: 30px;
    position: relative;
    z-index: 100;
    border-radius: 4px
}

.contact-feedback .feedback form .reviews-write-form-box {
    width: 100%
}

.contact-feedback .feedback form .reviews-write-form-box + .reviews-write-form-box {
    margin-top: 15px
}

.contact-feedback .feedback form .reviews-write-form-box .input {
    width: 100%;
    padding-bottom: 0
}

.contact-feedback .feedback form .reviews-write-form-text .input {
    padding-bottom: 0
}

.contact-feedback .feedback form .reviews-write-form-btn {
    text-align: left
}

.contact-feedback .feedback form .title {
    font: 600 18px/1em Montserrat, sans-serif;
    color: #383838;
    text-align: left;
    padding: 0 0 15px
}

.contact-feedback .feedback form input, .contact-feedback .feedback form textarea {
    width: 100%;
    border-radius: 4px;
    font-size: 14px
}

.contact-feedback .feedback form textarea {
    margin-top: 15px;
    height: 184px
}

.contact-feedback .feedback form button {
    margin-top: 15px;
    width: 160px
}

.contact-feedback .feedback .success-overlay {
    display: none;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}

.contact-feedback .feedback .success-overlay.visible {
    display: flex
}

.contact-feedback .feedback .success-overlay:before {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 50%;
    content: "";
    display: block;
    background: url(/images/sites/top300/icons/check-message.svg) no-repeat 50% 50%;
    background-size: contain;
    margin-bottom: 30px
}

.contact-feedback .feedback .success-overlay button {
    margin-top: 50px;
    width: 86px
}

@media (max-width: 1169px) {
    .contact-feedback {
        margin-bottom: 30px;
        height: 482px;
        padding: 20px
    }

    .contact-feedback .info ul {
        margin-top: 32px
    }

    .contact-feedback .info ul li.location {
        margin: 36px 0 52px
    }

    .contact-feedback .feedback .title {
        text-align: center
    }

    .contact-feedback .map .map-bg {
        top: -4.4%
    }

    .contact-feedback .map .address-point {
        left: calc(50% - 289px);
        top: calc(50% - 39px)
    }

    .contact-feedback .contact-data {
        align-items: flex-start;
        margin-left: 20px
    }
}

@media (max-width: 767px) {
    .contact-feedback {
        margin-top: 50px;
        height: 709px;
        padding: 30px 15px 15px;
        flex-direction: column
    }

    .contact-feedback .contact-data {
        display: block;
        margin-left: 0;
        width: 100%
    }

    .contact-feedback .info {
        text-align: center
    }

    .contact-feedback .info ul {
        margin-top: 33px
    }

    .contact-feedback .info ul li {
        padding-left: 0
    }

    .contact-feedback .info ul li:before {
        position: relative;
        top: auto;
        left: auto;
        margin: -4px 10px 0 0;
        vertical-align: top
    }

    .contact-feedback .info ul li.location {
        margin: 19px 0 28px
    }

    .contact-feedback .info ul li.social-links > span {
        display: block;
        margin-bottom: 8px
    }

    .contact-feedback .info ul li.social-links > span + a.social-icon {
        margin-left: 0
    }

    .contact-feedback .show-map {
        margin-top: 10px;
        display: block
    }

    .contact-feedback .map .map-bg {
        top: -31%;
        left: calc(50% - 577px);
        width: 1750px
    }

    .contact-feedback .map .address-point {
        left: calc(50% - 89px);
        top: 96px
    }

    .contact-feedback .feedback {
        min-width: 100%;
        height: 422px;
        margin: 15px auto 0;
        padding: 20px 15px
    }

    .contact-feedback .feedback form .title {
        text-align: center
    }

    .contact-feedback .feedback form input, .contact-feedback .feedback form textarea {
        font-size: 12px
    }

    .contact-feedback .feedback form .reviews-write-form-btn {
        text-align: center
    }

    .contact-feedback .feedback form .reviews-write-form-btn button {
        width: 100%
    }
}

.game-block {
    margin-bottom: 40px;
    text-align: center
}

.game-block .game-block-window {
    margin: 0 auto;
    height: auto;
    width: auto;
    position: relative;
    display: inline-block
}

.game-block .game-block-window .game-container {
    max-height: calc(100vh - 285px);
    height: auto;
    width: auto;
    max-width: 100%
}

.game-block.not-available .game-block-window-cont {
    background: none
}

.game-block.not-available .game-block-window-cont .h4, .game-block.not-available .game-block-window-cont h4 {
    font: 700 21px/31px Montserrat, sans-serif;
    color: #fff;
    margin: 122px auto 80px;
    max-width: 600px
}

.game-block.not-available .game-block-window {
    overflow: hidden;
    width: 100%;
    border-radius: 8px
}

.game-block.not-available .game-block-window .game-container {
    max-height: 605px;
    height: 605px;
    width: 100%;
    display: block
}

.game-block.not-available .games-slider .slider-control__next, .game-block.not-available .games-slider .slider-control__prev {
    margin-top: -21px;
    background: hsla(0, 0%, 100%, .4)
}

.game-block.not-available .games-slider .slider-control__next:hover, .game-block.not-available .games-slider .slider-control__prev:hover {
    background: rgba(255, 84, 81, .5)
}

@media (max-width: 1259px) {
    .game-block.not-available .games-slider .games-slider-control {
        display: block
    }
}

@media (max-width: 1169px) {
    .game-block.not-available .game-block-window {
        height: 393px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%
    }

    .game-block.not-available .game-block-window-cont .h4, .game-block.not-available .game-block-window-cont h4 {
        font: 700 18px/27px Montserrat, sans-serif;
        color: #fff;
        margin: 60px auto 50px;
        max-width: 500px
    }
}

@media (max-width: 686px) {
    .game-block.not-available .games-slider .games-slider-control {
        display: none
    }
}

@media (max-width: 639px) {
    .game-block.not-available .game-block-window {
        overflow: hidden;
        width: 100%;
        border-radius: 8px;
        height: auto
    }

    .game-block.not-available .game-block-window .game-container {
        height: 94px;
        border-radius: 8px;
        padding: 0;
        width: calc(100% - 20px);
        margin: 0 auto 15px
    }

    .game-block.not-available .game-block-window-cont {
        box-shadow: none;
        position: static
    }

    .game-block.not-available .game-block-window-cont .h4, .game-block.not-available .game-block-window-cont h4 {
        position: absolute;
        top: 10px;
        left: 20px;
        right: 20px;
        bottom: calc(100% - 84px);
        display: flex;
        align-items: center;
        justify-content: space-around;
        font: 700 14px/21px Montserrat, sans-serif;
        margin: 0;
        max-width: 100%
    }

    .game-block.not-available .random-games-slider {
        margin: 0
    }
}

.game-page .game-page__screenshot {
    margin-top: 30px
}

.game-page .game-page__screenshot img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 30px;
    border-radius: 8px
}

.game-page .page-navigation {
    align-items: flex-start;
    margin: 16px 0 20px;
    width: 100%
}

.game-page .page-navigation .page-navigation-next, .game-page .page-navigation .page-navigation-prev {
    margin-top: 3px;
    max-width: calc(50% - 95px);
    flex-grow: 1
}

.game-page .page-navigation .page-navigation-next {
    text-align: right
}

.game-page .page-navigation .page-navigation-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.game-page .page-navigation .page-navigation-center .comment-reply {
    width: 178px
}

.game-page .game-info__rating {
    margin-bottom: 0
}

.game-page .game-info__rating__stars {
    margin-right: 12px
}

.game-page .game-info__rating__stars span {
    width: 25px;
    height: 25px
}

.game-page .game-info__rating__data {
    color: #383838
}

.game-page .game-info__rating__data span {
    font-size: 16px
}

.game-page .game-page__topblock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.game-page .game-page__topblock + .wrapper {
    padding-top: 0
}

.game-page .game-page__topblock .title-page {
    width: 100%;
    max-width: 940px;
    padding-right: 190px;
    font: 700 24px/30px Montserrat, sans-serif;
    text-align: left;
    margin: 0
}

.game-page .game-page__topblock .game-page__topblock__title {
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 376px);
    margin-bottom: 7px
}

.game-page .game-page__topblock .game-block {
    width: 100%;
    margin-bottom: 0
}

.game-page .game-page__topblock .game-block-btn {
    margin-bottom: 20px
}

.game-page .game-page__topblock .game-block-btn .button, .game-page .game-page__topblock .game-block-btn a.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn button.button_brown-bg.inverse {
    width: 178px
}

.game-page .game-page__topblock .game-block-btn .button + .button, .game-page .game-page__topblock .game-block-btn .button + a.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn .button + button.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn a.button_brown-bg.inverse + .button, .game-page .game-page__topblock .game-block-btn a.button_brown-bg.inverse + a.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn a.button_brown-bg.inverse + button.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn button.button_brown-bg.inverse + .button, .game-page .game-page__topblock .game-block-btn button.button_brown-bg.inverse + a.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn button.button_brown-bg.inverse + button.button_brown-bg.inverse {
    margin-left: 10px
}

.game-page .game-page__topblock .game-block-btn .button.comment-reply, .game-page .game-page__topblock .game-block-btn a.comment-reply.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn button.comment-reply.button_brown-bg.inverse {
    display: none
}

.game-page .tag-list {
    margin: 30px 0 40px
}

.game-page .tag-list .button, .game-page .tag-list a.button_brown-bg.inverse, .game-page .tag-list button.button_brown-bg.inverse {
    display: inline-block
}

.game-page .tag-list .button + .button, .game-page .tag-list .button + a.button_brown-bg.inverse, .game-page .tag-list .button + button.button_brown-bg.inverse, .game-page .tag-list a.button_brown-bg.inverse + .button, .game-page .tag-list a.button_brown-bg.inverse + a.button_brown-bg.inverse, .game-page .tag-list a.button_brown-bg.inverse + button.button_brown-bg.inverse, .game-page .tag-list button.button_brown-bg.inverse + .button, .game-page .tag-list button.button_brown-bg.inverse + a.button_brown-bg.inverse, .game-page .tag-list button.button_brown-bg.inverse + button.button_brown-bg.inverse {
    margin-left: 10px;
    margin-top: 10px
}

.game-page .tag-list .button.js-hide, .game-page .tag-list a.js-hide.button_brown-bg.inverse, .game-page .tag-list button.js-hide.button_brown-bg.inverse {
    display: inline-block
}

.game-page .tag-list .button.js-show, .game-page .tag-list.hidden .button:nth-child(n+6), .game-page .tag-list.hidden a.button_brown-bg.inverse:nth-child(n+6), .game-page .tag-list.hidden button.button_brown-bg.inverse:nth-child(n+6), .game-page .tag-list a.js-show.button_brown-bg.inverse, .game-page .tag-list button.js-show.button_brown-bg.inverse {
    display: none
}

.game-page .tag-list.hidden .button.js-show, .game-page .tag-list.hidden a.js-show.button_brown-bg.inverse, .game-page .tag-list.hidden button.js-show.button_brown-bg.inverse {
    display: inline-block
}

.game-page .tag-list.hidden .button.js-hide, .game-page .tag-list.hidden a.js-hide.button_brown-bg.inverse, .game-page .tag-list.hidden button.js-hide.button_brown-bg.inverse {
    display: none
}

.game-page .about-game {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.game-page .about-game .about-game__img {
    width: calc(33% - 15px);
    max-width: 360px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: auto
}

.game-page .about-game .about-game__img .about-game__img__inner {
    padding-top: 72.78%
}

.game-page .about-game .about-game__img .about-game__img__inner div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.game-page .about-game .about-game__img .about-game__img__inner div img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.game-page .about-game .about-game__txt {
    width: calc(67% - 15px);
    background: #fff;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    border-radius: 8px
}

.game-page .about-game .about-game__txt .table {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 15px 0
}

.game-page .about-game .about-game__txt .table .row {
    white-space: nowrap
}

.game-page .about-game .about-game__txt .table .row .td {
    display: inline-block;
    width: 50%;
    padding: 0 10px 0 20px;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #383838;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-page .about-game .about-game__txt .table .row .td:first-child {
    font-weight: 700
}

.game-page .about-game .about-game__txt .table .row .td a {
    color: #277de5;
    cursor: pointer;
    text-decoration: underline
}

.game-page .about-game .about-game__txt .table .row .td a:hover {
    text-decoration: none
}

.game-page .about-game .about-game__txt .table .row .td.no-wrap {
    white-space: normal;
    vertical-align: top
}

@media (max-width: 1169px) {
    .game-page .game-page__screenshot {
        margin-top: 20px
    }

    .game-page .game-page__topblock .game-page__topblock__title .title-page {
        max-width: calc(100% - 10px)
    }

    .game-page .game-page__topblock .game-block-btn {
        height: 64px;
        display: flex;
        align-items: center
    }

    .game-page .game-page__topblock .game-block-btn .button, .game-page .game-page__topblock .game-block-btn a.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn button.button_brown-bg.inverse {
        vertical-align: middle
    }

    .game-page .about-game {
        background: #fff;
        border-radius: 8px;
        padding: 20px;
        min-height: 262px
    }

    .game-page .about-game .about-game__txt {
        background: none;
        width: calc(100% - 235px);
        padding: 0;
        justify-content: space-between
    }

    .game-page .about-game .about-game__txt .table {
        width: calc(50% - 10px);
        padding: 0
    }

    .game-page .about-game .about-game__txt .table .row .td {
        font-size: 12px
    }

    .game-page .about-game .about-game__txt .table .row .td:first-child {
        padding-left: 0
    }

    .game-page .about-game .about-game__img {
        width: 215px
    }
}

@media (max-width: 767px) {
    .game-page .game-page__screenshot {
        margin-top: 10px
    }

    .game-page .game-page__topblock {
        padding: 0 10px
    }

    .game-page .game-page__topblock .game-page__topblock__title {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 22px
    }

    .game-page .game-page__topblock .title-page {
        padding-right: 10px;
        font: 700 21px/27px Montserrat, sans-serif;
        margin-bottom: 14px
    }

    .game-page .game-page__topblock .game-block-btn {
        display: flex;
        align-items: center;
        height: 40px;
        order: 1;
        width: 100%;
        margin-top: 15px
    }

    .game-page .game-page__topblock .game-block-btn .button, .game-page .game-page__topblock .game-block-btn a.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn button.button_brown-bg.inverse {
        width: calc(50% - 5px)
    }

    .game-page .game-page__topblock .game-block-btn .button.comment-reply, .game-page .game-page__topblock .game-block-btn a.comment-reply.button_brown-bg.inverse, .game-page .game-page__topblock .game-block-btn button.comment-reply.button_brown-bg.inverse {
        display: inline-block
    }

    .game-page .about-game {
        flex-direction: column;
        padding: 0;
        background: none;
        height: auto
    }

    .game-page .about-game .about-game__img {
        width: 100%;
        max-width: 100%;
        padding-top: 0
    }

    .game-page .about-game .about-game__txt {
        width: 100%;
        display: block;
        padding: 13px 20px;
        background: #fff;
        margin-top: 15px
    }

    .game-page .about-game .about-game__txt .table {
        width: 100%;
        height: auto
    }

    .game-page .about-game .about-game__txt .table .row .td:not(.no-wrap) {
        line-height: 30px
    }

    .game-page .page-navigation {
        margin-bottom: 0
    }

    .game-page .page-navigation .page-navigation-center {
        display: none
    }

    .game-page .page-navigation .page-navigation-next, .game-page .page-navigation .page-navigation-prev {
        max-width: calc(50% - 5px)
    }
}

@media (max-width: 639px) {
    .game-page .game-page__topblock {
        padding: 0
    }

    .game-page .game-page__topblock > * {
        padding: 0 10px
    }

    .game-page .game-page__topblock > .game-block {
        padding: 0
    }
}

.game-block-window-cont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background-color: var(--white_color);
    box-shadow: var(--dark_shadow);
    overflow: hidden
}

.game-block-window-cont iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.game-block-window-cont .button, .game-block-window-cont a.button_brown-bg.inverse, .game-block-window-cont button.button_brown-bg.inverse {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.game-block-window-cont .button.play-game, .game-block-window-cont a.play-game.button_brown-bg.inverse, .game-block-window-cont button.play-game.button_brown-bg.inverse {
    padding: 0 24px
}

@media (max-width: 1023px) {
    .game-block-window-cont .button.play-game, .game-block-window-cont a.play-game.button_brown-bg.inverse, .game-block-window-cont button.play-game.button_brown-bg.inverse {
        padding: 0 16px
    }
}

.game-block-window-bg {
    cursor: pointer
}

.game-block-window-bg .game-block-window-bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    filter: blur(10px);
    transform: scale(1.1)
}

.game-description {
    margin-bottom: 48px
}

@media (max-width: 1023px) {
    .game-description {
        margin-bottom: 32px
    }
}

.game-description h2 {
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    .game-description h2 {
        margin-bottom: 20px
    }
}

.game-description > :last-child {
    margin-bottom: 0
}

.game-description-tx {
    margin-bottom: 48px
}

@media (max-width: 1023px) {
    .game-description-tx {
        margin-bottom: 32px
    }
}

.game-description-tx > :last-child {
    margin-bottom: 0
}

.game-description-video {
    width: 100%;
    max-width: 100%;
    margin: 30px auto
}

@media (max-width: 1169px) {
    .game-description-video {
        margin: 20px auto
    }
}

@media (max-width: 767px) {
    .game-description-video {
        margin: 20px auto 10px
    }
}

.game-description-video-cont {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    border-radius: 8px;
    overflow: hidden;
    border-color: none;
    box-shadow: none;
    position: relative
}

.game-description-video-cont iframe, .game-description-video-cont video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.game-description-video-cont.playing .game-description-video-play, .game-description-video-cont.playing .game-description-video-poster {
    display: none
}

.game-description-video-poster {
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-description-video-play {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-description-video-play .play {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.game-description-video-play:hover .play {
    background-color: var(--primary);
    box-shadow: var(--button_shadow)
}

.game-description-video-play:hover .play:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px
}

@media (max-width: 1023px) {
    .game-description-video-play:hover .play {
        background-color: var(--white_color);
        box-shadow: 0 8px 16px var(--black_light_2)
    }

    .game-description-video-play:hover .play:before {
        background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23453536'/%3E%3C/svg%3E") no-repeat 50% 50%;
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px
    }
}

.game-description-video:hover {
    bottom: 4px
}

@media (max-width: 1023px) {
    .game-description-video:hover {
        bottom: 0
    }
}

.game-description-video.playing .chat-video-cont-poster {
    display: none
}

.game-list-page.wrapper {
    padding-bottom: 20px
}

.game-list-page .game-list-page__header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.game {
    background: green
}

.articles-list__item, .news-list__item {
    background: #fff;
    padding: 20px 30px 20px 20px;
    height: 244px;
    box-shadow: 0 0 5px 0 #eedede;
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.articles-list__item + .articles-list__item, .articles-list__item + .news-list__item, .news-list__item + .articles-list__item, .news-list__item + .news-list__item {
    margin-top: 20px
}

.articles-list__item__img, .news-list__item__img {
    flex-grow: 0;
    flex-shrink: 0;
    width: 218px;
    height: 204px;
    margin-right: 20px
}

.articles-list__item__img a, .news-list__item__img a {
    display: block;
    width: 100%;
    height: 204px
}

.articles-list__item__img img, .news-list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.articles-list__item__body, .news-list__item__body {
    width: 100%;
    min-width: 0;
    flex-grow: 0;
    flex-shrink: 1;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.articles-list__item__body .title, .news-list__item__body .title {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.articles-list__item__txt, .news-list__item__txt {
    max-height: 110px;
    overflow: hidden
}

.articles-list__item__more, .news-list__item__more {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.articles-list__item__more .article-info, .news-list__item__more .article-info {
    font: 500px 12px/15px Montserrat, sans-serif
}

.articles-list__item__more .article-info time, .news-list__item__more .article-info time {
    font-weight: 400;
    margin-left: 10px;
    color: #6a7e96
}

.articles-list__item__more .btn, .news-list__item__more .btn {
    width: 160px;
    overflow: hidden
}

.articles-list__item-category-list, .news-list__item-category-list {
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.articles-list__item-category-list a, .news-list__item-category-list a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #2a7fe5;
    text-decoration: underline
}

.articles-list__item-category-list a:hover, .news-list__item-category-list a:hover {
    text-decoration: none
}

.articles-list__item-category-list a:visited, .news-list__item-category-list a:visited {
    color: #6a7e96
}

.articles-list__item-category-list a + a, .news-list__item-category-list a + a {
    margin-top: 3px
}

.articles-list + .text-block, .news-list + .text-block {
    margin-top: 30px
}

@media (max-width: 767px) {
    .articles-list__item, .news-list__item {
        padding: 15px 15px 20px;
        display: block;
        max-width: 480px;
        margin: 0 auto;
        height: auto
    }

    .articles-list__item__body, .news-list__item__body {
        margin: 0
    }

    .articles-list__item__body .title, .news-list__item__body .title {
        margin-top: 20px;
        text-align: center
    }

    .articles-list__item__txt, .news-list__item__txt {
        height: auto;
        text-align: center;
        max-height: inherit;
        margin: 15px 0
    }

    .articles-list__item__img, .news-list__item__img {
        width: 100%;
        padding-bottom: 56.4516129032%;
        height: auto;
        position: relative
    }

    .articles-list__item__img a, .news-list__item__img a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto
    }

    .articles-list__item__more, .news-list__item__more {
        flex-direction: column-reverse
    }

    .articles-list__item__more .article-info, .news-list__item__more .article-info {
        margin-bottom: 15px
    }

    .articles-list__item__more .article-info time, .news-list__item__more .article-info time {
        display: block
    }

    .articles-list__item__more .btn, .news-list__item__more .btn {
        width: 100%;
        margin: 0 auto;
        display: block
    }
}

.news-list__item__body .title {
    display: flex;
    justify-content: space-between
}

.news-list__item__body .title h4 {
    width: calc(100% - 85px);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis
}

.news-list__item__body .title time {
    color: #7a7a7a;
    font-weight: 400
}

.news-list__item__more a {
    color: #383838;
    font-weight: 400;
    text-decoration: underline
}

.news-list__item__more time {
    display: none
}

@media (max-width: 767px) {
    .news-list__item__body .title h4 {
        width: 100%
    }

    .news-list__item__body .title time {
        display: none
    }

    .news-list__item__more {
        flex-direction: row
    }

    .news-list__item__more time {
        display: block;
        color: #a7a7a7
    }
}

.article-page h1.title-page {
    text-align: left;
    font: 700 24px/29px Montserrat, sans-serif;
    margin: 0 0 22px
}

.article-page .article-footer-info, .article-page .article-head-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px
}

.article-page .article-footer-info .about-author > *, .article-page .article-footer-info .about-translator > *, .article-page .article-head-info .about-author > *, .article-page .article-head-info .about-translator > * {
    display: inline-block;
    vertical-align: middle
}

.article-page .article-footer-info .about-author .author-avatar, .article-page .article-footer-info .about-author .translator-avatar, .article-page .article-footer-info .about-translator .author-avatar, .article-page .article-footer-info .about-translator .translator-avatar, .article-page .article-head-info .about-author .author-avatar, .article-page .article-head-info .about-author .translator-avatar, .article-page .article-head-info .about-translator .author-avatar, .article-page .article-head-info .about-translator .translator-avatar {
    background: #383838;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px
}

.article-page .article-footer-info .about-author .author-avatar img, .article-page .article-footer-info .about-author .translator-avatar img, .article-page .article-footer-info .about-translator .author-avatar img, .article-page .article-footer-info .about-translator .translator-avatar img, .article-page .article-head-info .about-author .author-avatar img, .article-page .article-head-info .about-author .translator-avatar img, .article-page .article-head-info .about-translator .author-avatar img, .article-page .article-head-info .about-translator .translator-avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.article-page .article-footer-info .about-author div time, .article-page .article-footer-info .about-translator div time, .article-page .article-head-info .about-author div time, .article-page .article-head-info .about-translator div time {
    display: block;
    color: #6a7e96;
    font-weight: 400
}

.article-page .article-footer-info .read-time, .article-page .article-head-info .read-time {
    line-height: 18px
}

.article-page .article-footer-info .read-time:before, .article-page .article-head-info .read-time:before {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    content: "";
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.219608 0 0 0 0 0.219608 0 0 0 0 0.219608 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(-10 -315)' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M19 315c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.038 9-9c0-4.963-4.037-9-9-9zm0 16.71c-4.251 0-7.71-3.459-7.71-7.71 0-4.251 3.459-7.71 7.71-7.71 4.251 0 7.71 3.459 7.71 7.71 0 4.251-3.459 7.71-7.71 7.71z'/%3E%3Cpath d='M23.372 323.82h-4.116v-4.23c0-.326-.281-.59-.628-.59s-.628.264-.628.59v4.82c0 .326.281.59.628.59h4.744c.347 0 .628-.264.628-.59 0-.326-.281-.59-.628-.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
    background-size: contain
}

.article-page .article-footer-info {
    display: block;
    margin: 30px 0 40px
}

.article-page .article-footer-info + .article-footer-info {
    margin-top: -10px
}

.article-page .article-footer-info .translated-by {
    font: 500 14px/23px Montserrat, sans-serif;
    color: #6a7e96;
    margin-bottom: 10px
}

.article-page .article-footer-info .about-translator-container {
    display: inline-block
}

.article-page .article-footer-info .about-author, .article-page .article-footer-info .about-translator {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.article-page .article-footer-info .about-author > div, .article-page .article-footer-info .about-translator > div {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-start
}

.article-page .article-footer-info .about-author > div .author-name, .article-page .article-footer-info .about-author > div .translator-name, .article-page .article-footer-info .about-translator > div .author-name, .article-page .article-footer-info .about-translator > div .translator-name {
    margin: 7px 0
}

.article-page .article-footer-info .about-author > div time, .article-page .article-footer-info .about-translator > div time {
    display: inline-block;
    color: #6a7e96;
    font-weight: 400
}

.article-page .article-footer-info .author-description {
    font: 400 14px/22px Montserrat, sans-serif;
    color: #6a7e96;
    margin-top: 10px
}

.article-page .article-footer-info .about-translator {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 15px
}

.article-page .article-footer-info .about-translator > div .translator-name {
    margin-top: 0
}

.article-page .article-head-info .about-translator .translated-by {
    font: 500 14px/18px Montserrat, sans-serif;
    color: #6a7e96;
    padding-right: 5px
}

.article-page .article-head-info .about-translator .translator-name {
    color: #383838;
    font: 500 14px/18px Montserrat, sans-serif
}

.article-page .article-head-info .about-translator a.translator-name {
    text-decoration: underline;
    cursor: pointer
}

.article-page .article-head-info .about-translator a.translator-name:hover {
    text-decoration: none
}

.article-page .block {
    padding: 20px;
    margin-top: 40px
}

.article-page .block.last-articles-list__item {
    margin-top: 0
}

.article-page .article-head .article-head-bottom {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 10px
}

.article-page .article-head .article-head-bottom .read-time {
    white-space: nowrap;
    margin: 5px 0 0 10px
}

@media (max-width: 1169px) {
    .article-page h1.title-page {
        margin: 0 0 20px
    }

    .article-page .block {
        margin-top: 22px
    }

    .article-page .article-head-info {
        margin-bottom: 15px
    }

    .article-page .article-footer-info {
        margin: 20px 0 30px
    }
}

@media (max-width: 767px) {
    .article-page .block, .article-page h1.title-page {
        margin-top: 0
    }

    .article-page .article-head-info {
        display: block;
        margin-bottom: 20px
    }

    .article-page .article-head-info .about-translator, .article-page .article-head-info .read-time {
        margin-top: 20px
    }

    .article-page .article-footer-info {
        margin: 15px 0 30px
    }

    .article-page .article-head .article-head-bottom {
        flex-direction: column-reverse
    }

    .article-page .article-head .article-head-bottom .read-time {
        white-space: nowrap;
        margin: 0 0 10px
    }
}

.content-tag-list-page .columns-container__maincol .articles-list {
    margin-top: 15px
}

.articles .columns-container__sidecol .sidebar-item.tags-sidebar .sidebar-item__inner-body {
    padding: 15px 10px;
    text-align: center
}

.articles .columns-container__sidecol .sidebar-item.tags-sidebar .sidebar-item__inner-body a {
    padding: 5px;
    display: inline-block;
    color: #2a7fe5;
    text-decoration: underline;
    font: 400 14px/18px Montserrat, sans-serif
}

.articles .columns-container__sidecol .sidebar-item.tags-sidebar .sidebar-item__inner-body a:hover {
    text-decoration: none
}

.articles .columns-container__sidecol .sidebar-item.tags-sidebar .sidebar-item__inner-body a:visited {
    color: #6a7e96
}

.page-tag-list a {
    color: #277de5
}

.page-tag-list a span {
    text-decoration: underline
}

.page-tag-list a:hover, .page-tag-list a:hover span {
    text-decoration: none
}

.page-tag-list a:visited {
    color: #6a7e96
}

.page-tag-list span {
    margin: 5px;
    display: inline-block;
    vertical-align: top
}

.subscribe {
    margin-bottom: 40px;
    margin-top: 30px
}

.subscribe form {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    background: #2e294e;
    border-radius: 8px;
    padding: 30px 15px;
    text-align: left;
    position: relative;
    height: 262px;
    overflow: hidden
}

.subscribe form .form-inner {
    width: 100%;
    max-width: 490px
}

.subscribe form:before {
    content: "";
    display: block;
    width: 140px;
    height: 158px;
    background: url(hero_2-color.svg) no-repeat 50% 50%;
    background-size: contain;
    margin-right: 30px
}

.subscribe form .title {
    color: #fff;
    margin-bottom: 30px;
    font: 600 18px/22px Montserrat, sans-serif
}

.subscribe form .input {
    padding-bottom: 0
}

.subscribe form input {
    font-size: 14px
}

.subscribe form .input, .subscribe form button {
    display: inline-block;
    vertical-align: top;
    width: 310px;
    max-width: 310px
}

.subscribe form button {
    width: 160px;
    margin-left: 15px
}

.subscribe form .success-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #2e294e;
    display: none;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    z-index: 10;
    color: #fff;
    font: 600 18px/22px Montserrat, sans-serif
}

.subscribe form .success-overlay.visible {
    display: flex
}

.subscribe form .success-overlay:before {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    content: "";
    display: block;
    background: url(/images/sites/top300/icons/check-message.svg) no-repeat 50% 50%;
    background-size: contain;
    margin-bottom: 30px
}

.subscribe form .success-overlay .button, .subscribe form .success-overlay a.button_brown-bg.inverse, .subscribe form .success-overlay button.button_brown-bg.inverse {
    margin-top: 30px;
    width: 86px
}

@media (max-width: 767px) {
    .subscribe form {
        padding-bottom: 15px;
        flex-direction: column;
        justify-content: flex-start;
        text-align: center;
        height: auto
    }

    .subscribe form:before {
        margin: 0 0 30px
    }

    .subscribe form .title {
        line-height: 27px;
        margin-bottom: 20px
    }

    .subscribe form .input, .subscribe form button {
        display: block;
        width: 100%;
        max-width: 490px;
        margin-left: auto;
        margin-right: auto
    }

    .subscribe form input {
        font-size: 12px
    }

    .subscribe form button {
        margin-top: 10px
    }
}

.other-rates {
    margin-top: 30px
}

.other-rates .rates-list {
    box-shadow: 0 0 5px 0 #eedede;
    background: #fff;
    padding: 0 32px 0 30px;
    border-radius: 8px;
    font-size: 16px
}

.other-rates .rates-list a {
    line-height: 56px;
    display: block;
    color: #383838;
    cursor: pointer
}

.other-rates .rates-list a:hover {
    color: #ff5451;
    text-shadow: 0 0 18px rgba(255, 84, 81, .33)
}

.other-rates .rates-list a:before {
    display: inline-block;
    content: "";
    width: 16px;
    height: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 0.329412 0 0 0 0 0.317647 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(-15 -62)' fill='none' fill-rule='evenodd'%3E%3Cpath d='M15.625 65.355h13.236l-2.192-2.253a.66.66 0 01-.003-.912.611.611 0 01.884-.002l3.266 3.355a.66.66 0 010 .914l-3.266 3.355a.611.611 0 01-.883-.002.66.66 0 01.002-.912l2.192-2.253H15.625A.635.635 0 0115 66c0-.356.28-.645.625-.645z' fill='%23000' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
    margin: 0 15px 3px 0
}

.other-rates .rates-list a + a {
    border-top: 1px solid hsla(0, 0%, 87.5%, .4)
}

@media (max-width: 1169px) {
    .other-rates .rates-list {
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    .other-rates .rates-list {
        font-size: 14px;
        padding: 0 16px 0 15px
    }
}

.games-sidebar .game + .game {
    margin-top: 20px
}

@media (max-width: 1169px) {
    .games-sidebar .game:nth-child(n+4) {
        display: none
    }
}

.last-articles .h102 {
    font: 700 24px/29px Montserrat, sans-serif;
    color: #383838;
    margin: 40px 0 30px
}

.last-articles .article-slider {
    position: relative;
    width: 100%
}

.last-articles .last-articles-container {
    overflow: hidden;
    position: relative
}

.last-articles .last-articles-container.swiper-container-initialized .last-articles-list__item + .last-articles-list__item {
    margin-left: inherit
}

.last-articles .last-articles-list {
    white-space: nowrap;
    vertical-align: top;
    font-size: 0
}

.last-articles .last-articles-list__item {
    display: inline-block;
    padding: 20px;
    width: 550px;
    height: 244px;
    white-space: normal;
    overflow: hidden;
    vertical-align: top
}

.last-articles .last-articles-list__item .inner {
    display: flex;
    flex-direction: row;
    height: 100%;
    position: relative
}

.last-articles .last-articles-list__item + .last-articles-list__item {
    margin-left: 30px
}

.last-articles .last-articles-list__item .h104 {
    font: 700 18px/22px Montserrat, sans-serif;
    color: #383838
}

.last-articles .last-articles-list__item-txt {
    font: 400 14px/22px Montserrat, sans-serif;
    color: #383838
}

.last-articles .last-articles-list__item-cont {
    margin-left: 20px;
    position: relative;
    width: 100%
}

.last-articles .last-articles-list__item .read-more {
    font: 400 12px/15px Montserrat, sans-serif;
    color: #383838;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 0
}

.last-articles .last-articles-list__item .read-more:hover {
    text-decoration: none
}

.last-articles .last-articles-list__item-img {
    width: 100%;
    max-width: 250px;
    height: 204px;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    flex-shrink: 0
}

.last-articles .last-articles-list__item-img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    height: 100%;
    width: 100%
}

@media (max-width: 1259px) {
    .last-articles .article-slider .slider-control {
        display: none
    }
}

@media (max-width: 1169px) {
    .last-articles .h102 {
        margin: 30px 0 20px
    }

    .last-articles .last-articles-container, .last-articles .last-articles-list {
        overflow: visible
    }

    .last-articles .last-articles-list__item {
        height: 448px;
        width: 290px
    }

    .last-articles .last-articles-list__item-cont {
        margin-left: 0;
        margin-top: 20px;
        position: static
    }

    .last-articles .last-articles-list__item .inner {
        display: block
    }

    .last-articles .last-articles-list__item .read-more {
        right: auto;
        left: 0
    }
}

@media (max-width: 767px) {
    .last-articles .h102 {
        margin: 30px 0 15px;
        font: 700 18px/22px Montserrat, sans-serif
    }
}

.dark-bg {
    background: url(/images/sites/top300/bg/dark-bg.png) 50% 50% no-repeat;
    box-shadow: none;
    background-size: cover;
    color: #fff
}

.masonry-block, .text-block .masonry-block {
    width: auto;
    max-width: 696px;
    margin: 30px auto;
    padding: 50px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 #eedede
}

.masonry-block-head, .text-block .masonry-block-head {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    text-align: center
}

.masonry-block-head h3, .text-block .masonry-block-head h3 {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    margin: 0;
    padding-top: 4px;
    color: #383838;
    font: 700 21px/25px Montserrat, sans-serif
}

.masonry-block-icon, .text-block .masonry-block-icon {
    display: none
}

.masonry-block-txt, .text-block .masonry-block-txt {
    font: 400 14px/22px Montserrat, sans-serif;
    color: #383838;
    text-align: center
}

.masonry-block-txt > :last-child, .text-block .masonry-block-txt > :last-child {
    margin-bottom: 0
}

.masonry-block-btn, .text-block .masonry-block-btn {
    text-align: center;
    margin-top: 30px
}

.masonry-block-btn .button, .masonry-block-btn a.button_brown-bg.inverse, .masonry-block-btn button.button_brown-bg.inverse, .text-block .masonry-block-btn .button {
    vertical-align: top;
    margin-right: 20px
}

.masonry-block-btn .button:last-child, .masonry-block-btn a.button_brown-bg.inverse:last-child, .masonry-block-btn button.button_brown-bg.inverse:last-child, .text-block .masonry-block-btn .button:last-child {
    margin-right: 0
}

.masonry-block_v1, .text-block .masonry-block_v1 {
    background: url(/images/sites/top300/bg/dark-bg.png) 50% 50% no-repeat;
    box-shadow: none;
    background-size: cover
}

.masonry-block_v1 h3, .text-block .masonry-block_v1 h3 {
    text-align: center;
    color: #fff
}

.masonry-block_v1 .masonry-block-head h3, .masonry-block_v1 .masonry-block-txt, .text-block .masonry-block_v1 .masonry-block-head h3, .text-block .masonry-block_v1 .masonry-block-txt {
    color: #fff
}

@media (max-width: 1023px) {
    .masonry-block, .text-block .masonry-block {
        max-width: none;
        margin: 30px;
        padding: 24px
    }

    .masonry-block-head h3, .text-block .masonry-block-head h3 {
        padding: 0
    }

    .masonry-block-txt, .text-block .masonry-block-txt {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .masonry-block, .text-block .masonry-block {
        margin: 30px 20px
    }

    .masonry-block-head, .text-block .masonry-block-head {
        margin-bottom: 15px
    }

    .masonry-block-btn, .text-block .masonry-block-btn {
        margin: 15px 10px 0 0
    }
}

.text-block .alert {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    max-width: 100%;
    width: 100%;
    transform: none;
    transition: none;
    box-shadow: 0 0 5px 0 #eedede
}

.masonry {
    margin-bottom: 48px;
    margin-top: 30px
}

@media (max-width: 1169px) {
    .masonry {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .masonry {
        margin-top: 15px;
        margin-bottom: 32px
    }
}

.masonry-slider-cont .masonry-grid {
    position: relative;
    z-index: 20;
    overflow: hidden;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px
}

.masonry-slider-cont .masonry-grid .masonry-grid__item {
    background: #383838;
    grid-column: span 1;
    height: 240px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .game {
    height: 100%;
    padding: 0
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .game .button-play {
    width: 100%;
    max-width: 222px;
    font-size: 14px
}

.masonry-slider-cont .masonry-grid .masonry-grid__item-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0
}

.masonry-slider-cont .masonry-grid .masonry-grid__item-img:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background-image: linear-gradient(180deg, transparent 39%, rgba(37, 33, 60, .86) 71%, #25213c 77%, #25213c)
}

.masonry-slider-cont .masonry-grid .masonry-grid__item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .masonry-grid__item-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .masonry-grid__item-link-sectional {
    position: absolute;
    left: 29px;
    right: 29px;
    bottom: 25px;
    font: 600 18px/22px Montserrat, sans-serif;
    text-shadow: 0 0 3px rgba(0, 0, 0, .6);
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .masonry-grid__item-link-info {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    overflow: hidden
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .masonry-grid__item-link-info .label {
    display: inline-block;
    vertical-align: top
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .masonry-grid__item-link-info .label + .label {
    margin-left: 5px
}

.masonry-slider-cont .masonry-grid .masonry-grid__item .more-info {
    display: none;
    width: 100%;
    max-width: 222px;
    position: absolute;
    bottom: 15px;
    right: 21px;
    font-size: 14px
}

.masonry-slider-cont .masonry-grid .masonry-grid__item:first-child, .masonry-slider-cont .masonry-grid .masonry-grid__item:last-child {
    grid-column: span 2
}

.masonry-slider-cont .masonry-grid .masonry-grid__item:first-child .masonry-grid__item-link-sectional, .masonry-slider-cont .masonry-grid .masonry-grid__item:last-child .masonry-grid__item-link-sectional {
    left: 25px;
    right: 258px
}

.masonry-slider-cont .masonry-grid .masonry-grid__item:first-child .more-info, .masonry-slider-cont .masonry-grid .masonry-grid__item:last-child .more-info {
    display: block
}

.masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="0"] .masonry-grid__item-link-sectional, .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="3"] .masonry-grid__item-link-sectional {
    right: 258px
}

@media (max-width: 1169px) {
    .masonry-slider-cont .masonry-grid {
        font-size: 0;
        display: block;
        white-space: nowrap;
        overflow: visible
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item {
        display: inline-block;
        vertical-align: middle
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item:first-child, .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(4) {
        max-width: 750px;
        width: calc(100% - 390px)
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(2), .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(3) {
        width: 360px;
        margin-left: 30px
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(n+3) {
        display: none
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item .masonry-grid__item-link-sectional {
        right: 15px
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item .more-info {
        display: block;
        right: 18px
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:first-child, .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:nth-child(4) {
        max-width: inherit;
        width: inherit
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:nth-child(2), .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:nth-child(3) {
        width: inherit;
        margin-left: inherit
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:nth-child(n+3) {
        display: inline-block
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="0"], .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="3"] {
        width: 750px
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="1"], .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="2"] {
        width: 360px
    }
}

@media (max-width: 779px) {
    .masonry-slider-cont .masonry-grid .masonry-grid__item {
        display: inline-block;
        vertical-align: middle
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item:first-child, .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(2), .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(3) .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(4) {
        max-width: 360px;
        width: calc(50% - 15px)
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="0"], .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="3"] {
        width: calc(100% - 50px)
    }
}

@media (max-width: 767px) {
    .masonry-slider-cont .masonry-grid .masonry-grid__item {
        height: 221px;
        vertical-align: middle
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item .more-info {
        max-width: calc(100% - 30px);
        right: 15px;
        left: 15px;
        bottom: 15px
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item .masonry-grid__item-link-sectional {
        left: 24px;
        right: 24px;
        bottom: 76px
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item:nth-child(n+2) {
        display: none
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item:first-child {
        max-width: 750px;
        width: 100%
    }

    .masonry-slider-cont .masonry-grid .masonry-grid__item:first-child .masonry-grid__item-link-sectional {
        right: 24px;
        left: 24px
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item.swiper-slide-active {
        height: 240px
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:nth-child(n+2) {
        display: inline-block
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:first-child {
        max-width: inherit;
        width: inherit
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:first-child .masonry-grid__item-link-sectional {
        right: inherit;
        left: inherit
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:first-child[data-swiper-slide-index="0"], .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item:first-child[data-swiper-slide-index="3"] {
        width: calc(100% - 50px)
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="0"] .masonry-grid__item-link-sectional, .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="3"] .masonry-grid__item-link-sectional {
        right: 24px
    }

    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="1"] .masonry-grid__item-link-sectional {
        left: 29px;
        right: 29px;
        bottom: 25px
    }
}

@media (max-width: 479px) {
    .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="1"], .masonry-slider-cont.swiper-container-initialized .masonry-grid .masonry-grid__item[data-swiper-slide-index="2"] {
        width: calc(100% - 50px);
        max-width: 360px
    }
}

.top-casino-list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 30px 30px;
    table-layout: inherit;
    margin-top: inherit;
    margin-bottom: inherit;
    counter-reset: inherit;
    list-style-type: inherit
}

.top-casino-list .top-casino__element:nth-child(n+13), .top-casino-list app-toggle-compare {
    display: none
}

.top-casino-list.review-list-page.top-casino-list .top-casino__element {
    overflow: visible
}

.top-casino-list.review-list-page.top-casino-list .top-casino__element:nth-child(n+13) {
    display: block
}

@media (max-width: 1169px) {
    .top-casino-list .top-casino__element:nth-child(n+9) {
        display: none
    }

    .top-casino-list.review-list-page .top-casino__element:nth-child(n+9) {
        display: block
    }
}

@media (max-width: 767px) {
    .top-casino-list .top-casino__element:nth-child(n+4) {
        display: none
    }

    .top-casino-list.review-list-page .top-casino__element:nth-child(n+4) {
        display: block
    }
}

.top-casino_show {
    margin: 30px auto;
    text-align: center
}

.top-casino_show a {
    display: inline-block
}

.casino__rating {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.casino__rating__data {
    font: 600 14px/14px Montserrat, sans-serif;
    color: #383838;
    margin-left: 10px
}

.casino__rating__data span {
    font-size: 12px;
    color: #c1c1c1
}

.casino__rating__stars {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2px
}

.casino__rating__stars span {
    background: url(/images/sites/top300/icons/star_empty.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top
}

.casino__rating__stars .fill {
    background: url(/images/sites/top300/icons/star_fill.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px
}

.casino__rating__stars .half {
    background: url(/images/sites/top300/icons/star_half.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px
}

.top-casino-list.js-top-casino-slider, .top-casino-slider.js-top-casino-slider {
    display: block;
    height: 438px;
    width: 100%;
    position: relative
}

.top-casino-list.js-top-casino-slider .top-casino-list-wrapper, .top-casino-slider.js-top-casino-slider .top-casino-list-wrapper {
    overflow: hidden;
    position: relative
}

.top-casino-list.js-top-casino-slider .top-casino-list-container, .top-casino-slider.js-top-casino-slider .top-casino-list-container {
    height: 420px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: visible;
    font-size: 0;
    table-layout: inherit;
    margin-top: inherit;
    margin-bottom: inherit;
    counter-reset: inherit;
    list-style-type: inherit
}

.top-casino-list.js-top-casino-slider .top-casino-list-container *, .top-casino-slider.js-top-casino-slider .top-casino-list-container * {
    white-space: inherit
}

.top-casino-list.js-top-casino-slider .top-casino-list-container .casino__rating__stars span + span, .top-casino-slider.js-top-casino-slider .top-casino-list-container .casino__rating__stars span + span {
    margin-left: 3px
}

.top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 30px)
}

.top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element {
    margin-left: 40px
}

.top-casino-list.js-top-casino-slider .top-casino-slider-cont.swiper-container-initialized .top-casino-list-container .top-casino__element + .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-slider-cont.swiper-container-initialized .top-casino-list-container .top-casino__element + .top-casino__element {
    margin-left: 0
}

.top-casino-list.js-top-casino-slider .casino_show, .top-casino-slider.js-top-casino-slider .casino_show {
    display: none
}

@media (max-width: 1279px) {
    .top-casino-list.js-top-casino-slider .top-casino-slider-control, .top-casino-slider.js-top-casino-slider .top-casino-slider-control {
        display: none
    }

    .top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element {
        display: inline-block;
        vertical-align: top;
        width: calc(33.3% - 16px)
    }

    .top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element {
        margin-left: 24px
    }
}

@media (max-width: 1024px) {
    .top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 10px)
    }

    .top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element {
        margin-left: 20px
    }
}

@media (max-width: 767px) {
    .top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element {
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

    .top-casino-list.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element + .top-casino__element {
        margin-left: 0
    }
}

.top-casino-list .top-casino__element .casino, .top-casino-slider .top-casino__element .casino {
    height: 417px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 30px;
    background: #fff;
    color: #383838;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 #eedede
}

.top-casino-list .top-casino__element .casino .num, .top-casino-slider .top-casino__element .casino .num {
    position: absolute;
    background: url(/images/sites/top300/icons/rectangle.svg) no-repeat 50% 50%;
    background-size: contain;
    width: 31px;
    height: 36px;
    z-index: 100;
    top: 0;
    right: 10px;
    text-align: center;
    font: 600 14px/30px Montserrat, sans-serif;
    color: #fff
}

.top-casino-list .top-casino__element .casino .toggle-compare, .top-casino-slider .top-casino__element .casino .toggle-compare {
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 100;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #bababa url(/images/sites/top300/icons/compare-icon.svg) no-repeat 50% 50%
}

.top-casino-list .top-casino__element .casino .toggle-compare:hover, .top-casino-slider .top-casino__element .casino .toggle-compare:hover {
    background-color: #ff5451
}

.top-casino-list .top-casino__element .casino .toggle-compare:hover .compare-tooltip, .top-casino-slider .top-casino__element .casino .toggle-compare:hover .compare-tooltip {
    display: block
}

.top-casino-list .top-casino__element .casino .toggle-compare.disabled, .top-casino-slider .top-casino__element .casino .toggle-compare.disabled {
    pointer-events: none
}

.top-casino-list .top-casino__element .casino .toggle-compare.disabled:hover, .top-casino-slider .top-casino__element .casino .toggle-compare.disabled:hover {
    background-color: #bababa
}

.top-casino-list .top-casino__element .casino .toggle-compare.selected, .top-casino-slider .top-casino__element .casino .toggle-compare.selected {
    background: #4cb14d url(/images/sites/top300/icons/check.svg) no-repeat 50% 50%
}

.top-casino-list .top-casino__element .casino .toggle-compare.selected:hover, .top-casino-slider .top-casino__element .casino .toggle-compare.selected:hover {
    background-color: #4cb14d
}

.top-casino-list .top-casino__element .casino .toggle-compare.selected:hover .compare-tooltip, .top-casino-slider .top-casino__element .casino .toggle-compare.selected:hover .compare-tooltip {
    display: none
}

.top-casino-list .top-casino__element .casino .toggle-compare .compare-tooltip, .top-casino-slider .top-casino__element .casino .toggle-compare .compare-tooltip {
    display: none;
    position: absolute;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    padding: 0 5px;
    height: 21px;
    font: 400 12px/21px Montserrat, sans-serif;
    color: #383838
}

.top-casino-list .top-casino__element .casino .casino__img, .top-casino-slider .top-casino__element .casino .casino__img {
    width: 100%;
    height: 164px;
    background: #f5f5f5;
    position: relative;
    z-index: 10;
    overflow: hidden
}

.top-casino-list .top-casino__element .casino .casino__img > a, .top-casino-slider .top-casino__element .casino .casino__img > a {
    display: block;
    width: 100px;
    height: 100px;
    margin: 20px auto 14px;
    border-radius: 50%
}

.top-casino-list .top-casino__element .casino .casino__img img, .top-casino-slider .top-casino__element .casino .casino__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.top-casino-list .top-casino__element .casino .casino-info .casino__name, .top-casino-slider .top-casino__element .casino .casino-info .casino__name {
    display: block;
    margin-top: 15px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.top-casino-list .top-casino__element .casino .casino-info .casino__name a, .top-casino-list .top-casino__element .casino .casino-info .casino__name span, .top-casino-slider .top-casino__element .casino .casino-info .casino__name a, .top-casino-slider .top-casino__element .casino .casino-info .casino__name span {
    vertical-align: middle;
    font: 700 14px/18px Montserrat, sans-serif;
    color: #383838;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-casino-list .top-casino__element .casino .casino-info .casino__name a + a, .top-casino-list .top-casino__element .casino .casino-info .casino__name span + a, .top-casino-slider .top-casino__element .casino .casino-info .casino__name a + a, .top-casino-slider .top-casino__element .casino .casino-info .casino__name span + a {
    padding-left: 20px
}

.top-casino-list .top-casino__element .casino .casino-info .casino__name a.casino__bonus, .top-casino-list .top-casino__element .casino .casino-info .casino__name span.casino__bonus, .top-casino-slider .top-casino__element .casino .casino-info .casino__name a.casino__bonus, .top-casino-slider .top-casino__element .casino .casino-info .casino__name span.casino__bonus {
    color: #ff5451;
    margin-top: 9px
}

.top-casino-list .top-casino__element .casino .casino-info .casino__name a.casino__bonus span, .top-casino-list .top-casino__element .casino .casino-info .casino__name span.casino__bonus span, .top-casino-slider .top-casino__element .casino .casino-info .casino__name a.casino__bonus span, .top-casino-slider .top-casino__element .casino .casino-info .casino__name span.casino__bonus span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: calc(100% + 2px);
    font: 400 14px/18px Montserrat, sans-serif;
    color: #a5a5a5
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators {
    background: #fff;
    bottom: 0;
    padding: 20px 0;
    position: absolute;
    font: 400 12px/22px Montserrat, sans-serif;
    color: #6a7e96;
    left: 0;
    right: 0;
    border-radius: 8px;
    height: 100%;
    z-index: 1000;
    overflow-y: auto;
    display: flex;
    align-items: center
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators .casino-game__creators__list, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators .casino-game__creators__list {
    padding: 0 15px;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more {
    font-weight: 400;
    color: #6a7e96;
    cursor: pointer;
    text-align: center;
    margin-top: 6px;
    display: block;
    width: 100%
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more span, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more span {
    border-bottom: 1px dashed #277de5
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more span.hide-more, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more span.hide-more {
    display: inline
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more span.show-more, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators span.show-hide-more span.show-more {
    display: none;
    white-space: nowrap
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators.hidden, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators.hidden {
    height: 66px;
    bottom: auto;
    padding: 0;
    top: 264px;
    border-radius: 0;
    z-index: 10;
    overflow-y: auto
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators.hidden span.show-hide-more, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators.hidden span.show-hide-more {
    display: inline;
    width: auto
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators.hidden span.show-hide-more span.show-more, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators.hidden span.show-hide-more span.show-more {
    display: inline
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators.hidden span.show-hide-more span.hide-more, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators.hidden span.show-hide-more span.hide-more {
    display: none
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators.hidden .casino-game__creators__list, .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators.hidden .casino-game__creators__list {
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.top-casino-list .top-casino__element .casino .casino-info .casino-game__creators.hidden .casino-game__creators__list span.game-creator:nth-child(n+7), .top-casino-slider .top-casino__element .casino .casino-info .casino-game__creators.hidden .casino-game__creators__list span.game-creator:nth-child(n+7) {
    display: none
}

.top-casino-list .top-casino__element .casino .casino-info .casino-btns, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    bottom: 38px;
    left: 15px;
    right: 15px
}

.top-casino-list .top-casino__element .casino .casino-info .casino-btns .button, .top-casino-list .top-casino__element .casino .casino-info .casino-btns a.button_brown-bg.inverse, .top-casino-list .top-casino__element .casino .casino-info .casino-btns button.button_brown-bg.inverse, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns .button, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns a.button_brown-bg.inverse, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns button.button_brown-bg.inverse {
    width: calc(50% - 5px);
    font-size: 14px;
    display: flex;
    line-height: 16px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4px
}

.top-casino-list .top-casino__element .casino .casino-info .casino-btns .button span, .top-casino-list .top-casino__element .casino .casino-info .casino-btns a.button_brown-bg.inverse span, .top-casino-list .top-casino__element .casino .casino-info .casino-btns button.button_brown-bg.inverse span, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns .button span, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns a.button_brown-bg.inverse span, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns button.button_brown-bg.inverse span {
    display: flex;
    justify-content: center;
    align-items: center
}

.top-casino-list .top-casino__element .casino .casino-info .casino-btns .more-info, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns .more-info {
    font: 400 12px/1.2em Montserrat, sans-serif;
    color: #383838;
    text-decoration: underline;
    width: calc(50% - 5px);
    height: auto;
    background: none
}

.top-casino-list .top-casino__element .casino .casino-info .casino-btns .more-info:hover, .top-casino-slider .top-casino__element .casino .casino-info .casino-btns .more-info:hover {
    text-decoration: underline;
    color: #ff5451;
    cursor: pointer
}

.top-casino-list .top-casino__element .casino .casino-info .tc-applies, .top-casino-slider .top-casino__element .casino .casino-info .tc-applies {
    position: absolute;
    color: #277de5;
    bottom: 8px;
    left: 15px;
    right: 15px;
    z-index: 100
}

.top-casino-list .top-casino__element .casino .casino-info .tc-applies:hover, .top-casino-slider .top-casino__element .casino .casino-info .tc-applies:hover {
    text-decoration: underline
}

@media (max-width: 1169px) {
    .top-casino-list, .top-casino-slider {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .top-casino-list, .top-casino-slider {
        display: block
    }

    .top-casino-list .top-casino__element + .top-casino__element, .top-casino-slider .top-casino__element + .top-casino__element {
        margin-top: 15px
    }

    .top-casino-list.js-top-casino-slider .top-casino__element + .top-casino__element, .top-casino-slider.js-top-casino-slider .top-casino__element + .top-casino__element {
        margin-top: 0
    }
}

.top-casino__element {
    box-shadow: 0 0 5px 0 #eedede;
    display: block;
    padding-bottom: 0
}

.top-casino__element:before {
    display: none
}

.top-casino-list .top-casino__element {
    overflow: visible
}

.top-casino-list .top-casino__element .casino .toggle-compare .compare-tooltip {
    left: 12px;
    top: calc(100% + 20px)
}

@media (max-width: 1300px) {
    .top-casino-list .top-casino__element:nth-child(4n) .toggle-compare .compare-tooltip {
        right: 15px;
        left: auto;
        top: calc(100% + 10px)
    }
}

@media (max-width: 1169px) {
    .top-casino-list .top-casino__element:nth-child(2n) .casino .toggle-compare .compare-tooltip {
        right: 15px;
        left: auto;
        top: calc(100% + 10px)
    }
}

@media (max-width: 767px) {
    .top-casino-list .top-casino__element .casino .toggle-compare .compare-tooltip {
        right: 15px;
        left: auto;
        top: calc(100% + 10px)
    }

    .top-casino-list .top-casino__element + .top-casino__element {
        margin-top: 15px
    }
}

.top-casino-slider-list {
    white-space: nowrap;
    width: 100%;
    display: block;
    font-size: 0
}

.top-casino-slider-list * {
    white-space: normal
}

.top-casino-slider-cont {
    overflow: hidden
}

.top-casino-slider__element {
    display: inline-block
}

.top-casino-slider .top-casino__element .casino .toggle-compare .compare-tooltip {
    left: 12px;
    top: calc(100% + 20px)
}

.top-casino-slider .top-casino__element.swiper-slide-active + .top-casino__element + .top-casino__element + .top-casino__element .toggle-compare .compare-tooltip {
    right: 15px;
    left: auto;
    top: calc(100% + 10px)
}

@media (max-width: 1169px) {
    .top-casino-slider .top-casino__element.swiper-slide-active + .top-casino__element + .top-casino__element .toggle-compare .compare-tooltip {
        right: 15px;
        left: auto;
        top: calc(100% + 10px)
    }
}

@media (max-width: 767px) {
    .top-casino-slider.js-top-casino-slider .top-casino-list-container .top-casino__element {
        max-width: 315px;
        width: calc(100% - 60px)
    }

    .top-casino-slider .top-casino__element.swiper-slide-active + .top-casino__element .toggle-compare .compare-tooltip {
        right: 15px;
        left: auto;
        top: calc(100% + 10px)
    }
}

@media (max-width: 479px) {
    .top-casino-slider .top-casino__element.swiper-slide-active .toggle-compare .compare-tooltip {
        right: 15px;
        left: auto;
        top: calc(100% + 10px)
    }
}

.bonus .h102 {
    margin: 40px 0 30px
}

@media (max-width: 1169px) {
    .bonus {
        margin: 30px 0 20px
    }
}

@media (max-width: 767px) {
    .bonus .h102 {
        margin: 30px 0 15px
    }
}

.bonus-slider.js-bonus-slider {
    display: block;
    height: 420px;
    width: 100%;
    position: relative
}

.bonus-slider.js-bonus-slider .bonus-list-container {
    height: 420px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: visible;
    font-size: 0
}

.bonus-slider.js-bonus-slider .bonus-list-container * {
    font-size: medium;
    white-space: inherit
}

.bonus-slider.js-bonus-slider .bonus-list-container .bonus__element {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 30px)
}

.bonus-slider.js-bonus-slider .bonus-list-container .bonus__element + .bonus__element {
    margin-left: 40px
}

.bonus-slider.js-bonus-slider .bonus-slider-cont.swiper-container-initialized .bonus-list-container .bonus__element + .bonus__element {
    margin-left: 0
}

@media (max-width: 1279px) {
    .bonus-slider.js-bonus-slider .bonus-slider-control {
        display: none
    }

    .bonus-slider.js-bonus-slider .bonus-list-container .bonus__element {
        display: inline-block;
        vertical-align: top;
        width: calc(33.3% - 16px)
    }

    .bonus-slider.js-bonus-slider .bonus-list-container .bonus__element + .bonus__element {
        margin-left: 24px
    }
}

@media (max-width: 1024px) {
    .bonus-slider.js-bonus-slider .bonus-list-container .bonus__element {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 10px)
    }

    .bonus-slider.js-bonus-slider .bonus-list-container .bonus__element + .bonus__element {
        margin-left: 20px
    }
}

@media (max-width: 767px) {
    .bonus-slider.js-bonus-slider .bonus-list-container .bonus__element {
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

    .bonus-slider.js-bonus-slider .bonus-list-container .bonus__element + .bonus__element {
        margin-left: 0
    }
}

.bonus-slider .bonus__element .casino {
    height: 362px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    background: #fff;
    color: #383838;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 #eedede
}

.bonus-slider .bonus__element .casino .casino__img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.bonus-slider .bonus__element .casino .casino__img > a {
    display: block;
    width: 120px;
    height: 120px;
    margin: 30px auto 25px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.bonus-slider .bonus__element .casino .casino__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.bonus-slider .bonus__element .casino .casino-info {
    overflow: auto;
    z-index: 20
}

.bonus-slider .bonus__element .casino .casino-info .casino__name {
    padding: 0 15px;
    overflow: hidden;
    max-height: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    font: 600 18px/22px Montserrat, sans-serif
}

.bonus-slider .bonus__element .casino .casino-info .casino__name div {
    display: flex;
    align-items: flex-start
}

.bonus-slider .bonus__element .casino .casino-info .bonus-terms {
    color: #6a7e96;
    font: 400 14px/18px Montserrat, sans-serif;
    height: 55px;
    margin-top: 2px;
    overflow: hidden;
    padding: 0 15px;
    text-align: left;
    white-space: normal
}

.bonus-slider .bonus__element .casino .casino-info .bonus-terms.hidden .full-term {
    display: none
}

.bonus-slider .bonus__element .casino .casino-info .bonus-terms .full-term {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    overflow: auto;
    background: #fff;
    z-index: 101;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px
}

.bonus-slider .bonus__element .casino .casino-info .bonus-terms .hide-more, .bonus-slider .bonus__element .casino .casino-info .bonus-terms .show-more {
    border-bottom: 1px dashed #277de5;
    font-weight: 500;
    color: #277de5;
    cursor: pointer
}

.bonus-slider .bonus__element .casino .casino-info .casino-btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    bottom: 38px;
    left: 15px;
    right: 15px
}

.bonus-slider .bonus__element .casino .casino-info .casino-btns .button, .bonus-slider .bonus__element .casino .casino-info .casino-btns a.button_brown-bg.inverse, .bonus-slider .bonus__element .casino .casino-info .casino-btns button.button_brown-bg.inverse {
    width: calc(50% - 5px);
    font-size: 14px;
    display: flex;
    line-height: 16px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4px
}

.bonus-slider .bonus__element .casino .casino-info .casino-btns .button span, .bonus-slider .bonus__element .casino .casino-info .casino-btns a.button_brown-bg.inverse span, .bonus-slider .bonus__element .casino .casino-info .casino-btns button.button_brown-bg.inverse span {
    display: flex;
    justify-content: center;
    align-items: center
}

.bonus-slider .bonus__element .casino .casino-info .casino-btns .button-wide {
    width: calc(100% - 5px)
}

.bonus-slider .bonus__element .casino .casino-info .casino-btns .more-info {
    font: 400 12px/1.2em Montserrat, sans-serif;
    color: #383838;
    text-decoration: underline;
    width: calc(50% - 5px);
    height: auto;
    background: none
}

.bonus-slider .bonus__element .casino .casino-info .casino-btns .more-info:hover {
    text-decoration: underline;
    color: #ff5451;
    cursor: pointer
}

.bonus-slider .bonus__element .casino .casino-info .tc-applies {
    position: absolute;
    color: #277de5;
    bottom: 8px;
    left: 15px;
    right: 15px;
    z-index: 100
}

.bonus-slider .bonus__element .casino .casino-info .tc-applies:hover {
    text-decoration: underline
}

@media (max-width: 1169px) {
    .bonus-slider {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .bonus-slider {
        display: block
    }

    .bonus-slider .bonus__element + .bonus__element {
        margin-top: 15px
    }

    .bonus-slider.js-bonus-slider .bonus__element + .bonus__element {
        margin-top: 0
    }
}

.bonus__element {
    box-shadow: 0 0 5px 0 #eedede
}

.bonus-list .bonus__element {
    overflow: hidden
}

.bonus-slider-list {
    white-space: nowrap;
    width: 100%;
    display: block;
    font-size: 0
}

.bonus-slider-list * {
    white-space: normal
}

.bonus-slider-cont {
    overflow: hidden
}

.bonus-slider__element {
    display: inline-block
}

@media (max-width: 767px) {
    .bonus-slider.js-bonus-slider .bonus-list-container .bonus__element {
        max-width: 315px;
        width: calc(100% - 60px)
    }
}

.hide-casino-wrap {
    background: opacity
}

.hide-casino-wrap.active {
    background: #e5e5e5
}

.hide-casino-wrap .hide-casino {
    width: calc(100% - 30px);
    max-width: 1170px;
    margin: 0 auto;
    padding: 20px 0 0;
    display: none
}

.hide-casino-wrap .hide-casino.active {
    display: block
}

.hide-casino-wrap .hide-casino .h102 {
    display: none
}

@media (max-width: 767px) {
    .hide-casino-wrap .hide-casino {
        width: 100%
    }
}

.slider-control__next, .slider-control__prev {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0 0 19px 0 rgba(0, 0, 0, .26);
    background: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    transition: all .15s ease-out;
    top: 50%;
    margin-top: -21px
}

.slider-control__next:after, .slider-control__next:before, .slider-control__prev:after, .slider-control__prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .15s ease-out
}

.slider-control__next:before, .slider-control__prev:before {
    opacity: 1
}

.slider-control__next:after, .slider-control__prev:after {
    opacity: 0
}

.slider-control__next:hover, .slider-control__prev:hover {
    background: #ff5451
}

.slider-control__next:hover:before, .slider-control__prev:hover:before {
    opacity: 0
}

.slider-control__next:hover:after, .slider-control__prev:hover:after {
    opacity: 1
}

.slider-control__next.swiper-button-disabled, .slider-control__prev.swiper-button-disabled {
    cursor: auto;
    transform: scale(0);
    opacity: 0
}

.slider-control__prev {
    left: calc(100% + 10px)
}

.slider-control__prev:before {
    background: url(/images/sites/top300/icons/arrow-swiper.svg) no-repeat 50% 50%
}

.slider-control__prev:after, .slider-control__prev:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    transform: translate(-50%, -50%) scaleX(-1)
}

.slider-control__prev:after {
    background: url(/images/sites/top300/icons/arrow-swiper-hover.svg) no-repeat 50% 50%
}

.slider-control__next {
    right: calc(100% + 10px)
}

.slider-control__next:before {
    background: url(/images/sites/top300/icons/arrow-swiper.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px
}

.slider-control__next:after {
    background: url(/images/sites/top300/icons/arrow-swiper-hover.svg) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px
}

.reviews-cont-list__item {
    box-shadow: 0 0 5px 0 #eedede;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #6a7e96
}

.reviews-cont-list__item .reviews-cont-list__item.reviews-cont-list__item__admins, .reviews-cont-list__item.reviews-cont-list__item__admins {
    box-shadow: inset 0 0 0 1px #ff5451
}

.reviews-cont-list__item .reviews-cont-list__item.reviews-cont-list__item__admins .reviews-cont-list__item-post-head, .reviews-cont-list__item.reviews-cont-list__item__admins .reviews-cont-list__item-post-head {
    margin-bottom: 15px
}

.reviews-cont-list__item .reviews-cont-list__item-post-head {
    display: flex;
    flex-direction: row;
    align-items: center
}

.reviews-cont-list__item .reviews-cont-list__item-post-username {
    font: 600 21px/25px Montserrat, sans-serif;
    color: #535353
}

.reviews-cont-list__item .reviews-cont-list__item-date {
    font: 400 14px/18px Montserrat, sans-serif;
    color: #a7a7a7
}

.reviews-cont-list__item .reviews-cont-list__item {
    padding: 20px;
    box-shadow: none;
    background: #f7f7f7
}

.reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-btn {
    margin-top: 0
}

.reviews-cont-list__item .reviews-cont-list__item.reviews-cont-list__item__admins .reviews-cont-list__item-post-inner {
    width: 100%
}

.reviews-cont-list__item .reviews-cont-list__item.reviews-cont-list__item__admins {
    box-shadow: inset 0 0 0 1px #ff5451
}

.reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-post-username {
    font: 600 18px/22px Montserrat, sans-serif
}

.reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-post {
    display: flex;
    flex-direction: row;
    width: 100%
}

.reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-post .reviews-cont-list__item-post-inner {
    width: 100%
}

.reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-post-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767px) {
    .reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-post-head {
        display: block
    }
}

.reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-post-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-post-content p {
    margin-bottom: 0;
    padding-right: 20px
}

.reviews-cont-list__item .reviews-cont-list__item + .reviews-cont-list__item {
    margin-top: 15px
}

.reviews-cont-list__item + .reviews-cont-list__item {
    margin-top: 18px
}

.reviews-cont-list__item .reviews-cont-list__item-post-rating {
    margin: 15px 0;
    font-size: 12px;
    color: #c1c1c1;
    display: flex;
    align-items: center
}

.reviews-cont-list__item .reviews-cont-list__item-post-rating b {
    font-size: 14px;
    color: #383838
}

.reviews-cont-list__item .reviews-cont-list__item-post-rating span {
    background: url(/images/sites/top300/icons/star_empty.svg) no-repeat 50% 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px
}

.reviews-cont-list__item .reviews-cont-list__item-post-rating span.fill {
    background: url(/images/sites/top300/icons/star_fill.svg) no-repeat 50% 50%
}

.reviews-cont-list__item .reviews-cont-list__item-post-rating span.half {
    background: url(/images/sites/top300/icons/star_half.svg) no-repeat 50% 50%
}

.reviews-cont-list__item .reviews-cont-list__item-post-rating span + span {
    margin-left: 3px
}

.reviews-cont-list__item .reviews-cont-list__item-post-rating span:last-child {
    background: none;
    margin-left: 10px;
    line-height: 18px
}

.reviews-cont-list__item .set-like {
    height: auto;
    background: none
}

.reviews-cont-list__item .set-like .likes-count {
    color: #6a7e96;
    display: flex;
    align-items: center
}

.reviews-cont-list__item .set-like .likes-count:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url(/images/sites/top300/icons/icon-like.svg) 50% 50% no-repeat;
    background-size: contain;
    margin-right: 10px
}

.reviews-cont-list__item.already-liked .set-like .likes-count, .reviews-cont-list__item .set-like:hover .likes-count {
    color: #ff5451
}

.reviews-cont-list__item.already-liked .set-like .likes-count:before, .reviews-cont-list__item .set-like:hover .likes-count:before {
    background: url(/images/sites/top300/icons/icon-liked.svg) 50% 50% no-repeat;
    background-size: contain
}

.reviews-cont-list__item.already-liked .set-like {
    cursor: default
}

.reviews-cont-list__item.already-liked .reviews-cont-list__item .set-like {
    cursor: pointer
}

.reviews-cont-list__item.already-liked .reviews-cont-list__item .set-like .likes-count {
    color: #6a7e96
}

.reviews-cont-list__item.already-liked .reviews-cont-list__item .set-like .likes-count:before {
    background: url(/images/sites/top300/icons/icon-like.svg) 50% 50% no-repeat;
    background-size: contain
}

.reviews-cont-list__item.already-liked .reviews-cont-list__item.already-liked .set-like .likes-count, .reviews-cont-list__item.already-liked .reviews-cont-list__item .set-like:hover .likes-count {
    color: #ff5451
}

.reviews-cont-list__item.already-liked .reviews-cont-list__item.already-liked .set-like .likes-count:before, .reviews-cont-list__item.already-liked .reviews-cont-list__item .set-like:hover .likes-count:before {
    background: url(/images/sites/top300/icons/icon-liked.svg) 50% 50% no-repeat;
    background-size: contain
}

.reviews-cont-list__item.already-liked .reviews-cont-list__item.already-liked .set-like {
    cursor: default
}

.reviews-cont-list__item .admin-avatar {
    width: 50px;
    height: 50px;
    background: url(/images/sites/top300/icons/avatar-admin.svg) 50% 50% no-repeat;
    background-size: contain;
    margin-right: 15px
}

.reviews-cont-list__item .reviews-cont-list__item-post-username .admin-label {
    height: 20px;
    width: auto;
    font: 400 14px/20px Montserrat, sans-serif;
    display: inline-block;
    vertical-align: middle;
    background: #ff5451;
    margin-left: 15px;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

.reviews-cont-list__item .reviews-cont-list__item-btn {
    display: flex;
    align-items: center;
    margin-top: 25px
}

.reviews-cont-list__item .reviews-cont-list__item-btn .comment-reply {
    width: 213px;
    margin-right: 30px
}

@media (max-width: 1169px) {
    .reviews-cont-list__item .reviews-cont-list__item-btn .comment-reply {
        margin-right: 25px
    }
}

@media (max-width: 767px) {
    .reviews-cont-list__item .reviews-cont-list__item-btn .comment-reply {
        width: 190px;
        margin-right: 35px
    }
}

@media (max-width: 1169px) {
    .reviews-cont-list__item {
        padding: 20px
    }

    .reviews-cont-list__item + .reviews-cont-list__item {
        margin-top: 15px
    }
}

@media (max-width: 767px) {
    .reviews-cont-list__item {
        padding: 30px 15px 15px;
        font-size: 14px;
        line-height: 18px
    }

    .reviews-cont-list__item .reviews-cont-list__item .reviews-cont-list__item-date {
        margin-top: 5px;
        display: inline-block
    }
}

.reviews .btn-group {
    text-align: center;
    margin-top: 30px
}

.reviews .btn-group .button + .button, .reviews .btn-group .button + a.button_brown-bg.inverse, .reviews .btn-group .button + button.button_brown-bg.inverse, .reviews .btn-group a.button_brown-bg.inverse + .button, .reviews .btn-group a.button_brown-bg.inverse + a.button_brown-bg.inverse, .reviews .btn-group a.button_brown-bg.inverse + button.button_brown-bg.inverse, .reviews .btn-group button.button_brown-bg.inverse + .button, .reviews .btn-group button.button_brown-bg.inverse + a.button_brown-bg.inverse, .reviews .btn-group button.button_brown-bg.inverse + button.button_brown-bg.inverse {
    margin-left: 15px
}

.reviews .btn-group * {
    width: 250px;
    display: inline-block
}

@media (max-width: 767px) {
    .reviews .btn-group * {
        width: 100%;
        display: block;
        margin: 0 auto
    }

    .reviews .btn-group .button + .button, .reviews .btn-group .button + a.button_brown-bg.inverse, .reviews .btn-group .button + button.button_brown-bg.inverse, .reviews .btn-group a.button_brown-bg.inverse + .button, .reviews .btn-group a.button_brown-bg.inverse + a.button_brown-bg.inverse, .reviews .btn-group a.button_brown-bg.inverse + button.button_brown-bg.inverse, .reviews .btn-group button.button_brown-bg.inverse + .button, .reviews .btn-group button.button_brown-bg.inverse + a.button_brown-bg.inverse, .reviews .btn-group button.button_brown-bg.inverse + button.button_brown-bg.inverse {
        margin-top: 30px;
        margin-left: 0
    }
}

.reviews.review-comments .reviews-write-form {
    position: relative
}

.reviews.review-comments .reviews-write-form .alert-modal h4 {
    margin-bottom: 10px;
    padding: 0 20px
}

.reviews.review-comments .reviews-write-form #error, .reviews.review-comments .reviews-write-form #responce, .reviews.review-comments .reviews-write-form .alert-modal_error {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-weight: 500;
    border-radius: 8px;
    z-index: 100
}

.reviews.review-comments .reviews-write-form #error .alert-modal, .reviews.review-comments .reviews-write-form #responce .alert-modal, .reviews.review-comments .reviews-write-form .alert-modal_error {
    margin: 0;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-weight: 500;
    border-radius: 8px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.reviews.review-comments .reviews-write-form #error .alert-modal.alert-modal_check:before, .reviews.review-comments .reviews-write-form #responce .alert-modal.alert-modal_check:before, .reviews.review-comments .reviews-write-form .alert-modal_error.alert-modal_check:before {
    mask: none;
    -webkit-mask: none;
    width: 109px;
    height: 108px;
    display: block;
    content: "";
    background: url(/images/sites/top300/icons/check-message.svg) 50% 50% no-repeat;
    background-size: contain;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0
}

.reviews.review-comments .reviews-write-form #error .alert-modal .alert-modal-close, .reviews.review-comments .reviews-write-form #responce .alert-modal .alert-modal-close, .reviews.review-comments .reviews-write-form .alert-modal_error .alert-modal-close {
    line-height: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    background: none;
    color: #383838;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: block;
    margin: 0 auto;
    width: 86px;
    cursor: pointer;
    position: relative;
    left: auto;
    right: 0;
    bottom: auto;
    top: auto;
    text-align: center
}

.reviews.review-comments .reviews-write-form #error .alert-modal .alert-modal-close:before, .reviews.review-comments .reviews-write-form #responce .alert-modal .alert-modal-close:before, .reviews.review-comments .reviews-write-form .alert-modal_error .alert-modal-close:before {
    content: "Ok";
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.reviews.review-comments .reviews-write-form #error .alert-modal .alert-modal-close:hover, .reviews.review-comments .reviews-write-form #responce .alert-modal .alert-modal-close:hover, .reviews.review-comments .reviews-write-form .alert-modal_error .alert-modal-close:hover {
    color: #ff5451;
    border-color: #ff5451
}

.reviews.review-comments .reviews-write-form .alert-modal_error:before {
    mask: none;
    -webkit-mask: none;
    background: url(/images/sites/top300/icons/round-error.svg) 50% 50% no-repeat;
    background-size: contain;
    display: block;
    width: 109px;
    height: 108px;
    margin: 0 auto 30px;
    position: relative;
    top: 0;
    left: 0
}

.reviews-write-form .reviews-write-form-box {
    width: calc(100% + 30px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.reviews-write-form .reviews-write-form-box .input {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(58.34% - 30px);
    margin-right: 30px
}

.reviews-write-form .reviews-write-form-box .rating {
    padding-bottom: 20px
}

@media (max-width: 1169px) {
    .reviews-write-form .reviews-write-form-box {
        display: block
    }

    .reviews-write-form .reviews-write-form-box .input {
        width: calc(100% - 30px)
    }
}

@media (max-width: 767px) {
    .reviews-write-form .reviews-write-form-box .rating {
        max-width: calc(100% - 30px)
    }
}

.games-slider {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 40px
}

.games-slider .slider-control__next, .games-slider .slider-control__prev {
    margin-top: -50px
}

.games-slider .games-list-container {
    overflow: hidden;
    position: relative
}

.games-slider .games-list-container .games-list-wrapper {
    width: 100%;
    display: block;
    white-space: nowrap;
    font-size: 0
}

.games-slider .games-list-container .games-list-wrapper * {
    font-size: medium;
    white-space: inherit
}

.games-slider .games-list-container .games-list-wrapper .game-slide {
    display: inline-block;
    width: calc(33.3% - 20px)
}

.games-slider .games-list-container .games-list-wrapper .game-slide + .game-slide {
    margin-left: 30px
}

.games-slider .games-list-container .games-list-wrapper .game-slide .game {
    width: 100%
}

.games-slider .games-list-container.swiper-container-initialized .games-list-wrapper .game-slide + .game-slide {
    margin-left: inherit
}

.games-slider .related-head-link {
    margin-top: 20px
}

.games-slider .related-head-link .show-more {
    margin: 0 auto;
    width: 260px;
    display: block
}

.games-slider.game-not-found {
    max-width: 930px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1259px) {
    .games-slider .games-slider-control {
        display: none
    }
}

@media (max-width: 1169px) {
    .games-slider .games-list-container {
        overflow: visible
    }

    .games-slider .games-list-container .games-list-wrapper .game-slide {
        max-width: 360px;
        width: calc(100% - 50px)
    }

    .games-slider.game-not-found {
        max-width: 535px
    }

    .games-slider.game-not-found .games-list-container {
        overflow: hidden
    }
}

@media (max-width: 767px) {
    .games-slider .related-head-link {
        margin-top: 5px
    }

    .games-slider .related-head-link .show-more {
        width: 100%;
        max-width: 480px
    }
}

@media (max-width: 639px) {
    .games-slider.game-not-found {
        max-width: 100%;
        margin-top: 0
    }

    .games-slider.game-not-found .games-list-container .games-list-wrapper .game-slide {
        max-width: 300px;
        width: calc(100% - 70px)
    }
}

.games-list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px
}

.games-list > :nth-child(n+23) {
    display: none
}

@media (max-width: 1169px) {
    .games-list {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 16px
    }

    .games-list > :nth-child(n+22) {
        display: none
    }
}

@media (max-width: 767px) {
    .games-list {
        grid-template-columns:repeat(1, 1fr);
        grid-gap: 20px
    }

    .games-list > :nth-child(n+22) {
        display: block
    }
}

.game {
    position: relative;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    color: #fff;
    padding-top: 72.78%
}

.game:after {
    display: block;
    content: "";
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(180deg, transparent 39%, rgba(37, 33, 60, .86) 71%, #25213c 77%, #25213c)
}

.game .game-img, .game:after {
    position: absolute;
    left: 0;
    top: 0
}

.game .game-img {
    width: 100%;
    padding-top: 57.14%;
    z-index: 0
}

.game .game-img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .15s ease-out
}

.game .game-cont {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 10
}

.game .game-cont .game-info__name {
    display: flex;
    align-items: flex-end;
    height: 44px;
    overflow: hidden;
    font: 600 18px/22px Montserrat, sans-serif;
    text-align: left
}

.game .game-cont .game-info__rating {
    margin-bottom: 0
}

.game .game-cont .game-info__rating__stars {
    margin-right: 4px
}

.game .game-cont .game-info__rating__stars span {
    width: 18px;
    height: 18px
}

.game .game-cont .game-info__rating__data {
    color: #fff
}

.game .game-cont .game-info__rating__data span {
    font-size: 16px
}

.game .game-cont .button, .game .game-cont a.button_brown-bg.inverse, .game .game-cont button.button_brown-bg.inverse {
    width: 100%;
    transform: none;
    position: static
}

.game:hover {
    text-decoration: none
}

.game:hover .game-img img {
    transform: scale(1.05)
}

.games-sidebar .game .game-cont .button, .games-sidebar .game .game-cont a.button_brown-bg.inverse, .games-sidebar .game .game-cont button.button_brown-bg.inverse {
    display: none
}

.game-info__rating {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 10px
}

.game-info__rating__stars {
    flex-grow: 0;
    flex-shrink: 0
}

.game-info__rating__stars span {
    background: url(/images/sites/top300/icons/star_empty.svg) no-repeat 50% 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    vertical-align: middle
}

.game-info__rating__stars span.fill {
    background: url(/images/sites/top300/icons/star_fill.svg) no-repeat 50% 50%;
    background-size: contain;
    content: "";
    display: inline-block
}

.game-info__rating__stars span.half {
    background: url(/images/sites/top300/icons/star_half.svg) no-repeat 50% 50%;
    background-size: contain;
    content: "";
    display: inline-block
}

.game-info__rating__data {
    flex-grow: 0;
    flex-shrink: 0;
    line-height: 18px;
    font-size: 21px;
    font-weight: 700
}

.game-info__rating__data span {
    opacity: .5;
    font-weight: 600
}

.all-games .pager {
    margin-top: 30px
}

.all-games .pager > .button, .all-games .pager > a.button_brown-bg.inverse, .all-games .pager > button.button_brown-bg.inverse {
    display: none
}

.author-list-page h1 {
    font: 700 24px/29px Montserrat, sans-serif;
    margin: 30px 0;
    color: #383838;
    text-align: left
}

.author-list-page .pager {
    margin-top: -15px;
    margin-bottom: 40px
}

@media (max-width: 1169px) {
    .author-list-page h1 {
        margin: 20px 0
    }

    .author-list-page .pager {
        margin-top: -10px;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .author-list-page h1 {
        margin: 20px 0 15px
    }
}

.authors-list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px;
    margin-bottom: 40px
}

@media (max-width: 1169px) {
    .authors-list {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 18px 20px;
        margin-bottom: 30px
    }

    .authors-list > :nth-child(n+8) {
        display: none
    }
}

@media (max-width: 767px) {
    .authors-list {
        grid-template-columns:repeat(1, 1fr);
        grid-gap: 15px
    }

    .authors-list > :nth-child(n+8) {
        display: block
    }
}

.author-item {
    height: 470px;
    padding: 30px 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 5px 0 #eedede;
    border-radius: 8px
}

.author-item img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.author-item .author-item__name {
    font: 600 21px/24px Montserrat, sans-serif;
    color: #535353;
    text-align: center;
    display: flex;
    align-items: center;
    height: 48px;
    margin: 12px 0;
    justify-content: center
}

.author-item .author-item_expert {
    background: #ff5451;
    border-radius: 3px;
    height: 22px;
    display: inline-block;
    color: #fff;
    font: 400 12px/22px Montserrat, sans-serif;
    padding: 0 6px;
    margin-left: 6px
}

.author-item .author-item__description {
    height: 144px;
    overflow: hidden;
    font: 400 14px/24px Montserrat, sans-serif;
    font-style: italic;
    color: #6a7e96;
    letter-spacing: 0;
    text-align: center
}

.author-item .author-item__article-num {
    height: 36px;
    margin: 11px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #6a7e96
}

.author-item .author-item__article-num:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    height: 18px;
    width: 18px;
    background: url(/images/sites/top300/icons/article-icon.svg) no-repeat 50% 50%;
    background-size: cover
}

.author-item .author-item__article-num b {
    color: #383838;
    display: inline-block;
    margin-left: 5px;
    font-weight: 400
}

.author-item .author-item__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #9c9c9c;
    max-height: 84px;
    overflow: hidden;
    justify-content: center
}

.author-item .author-item__tags a {
    color: #277de5
}

.author-item .author-item__tags a span {
    text-decoration: underline
}

.author-item .author-item__tags a:hover, .author-item .author-item__tags a:hover span {
    text-decoration: none
}

.author-item .author-item__tags a:visited {
    color: #6a7e96
}

.author-item .author-item__tags span {
    margin: 5px;
    display: inline-block;
    vertical-align: top
}

.author-socials, .translator-socials {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -7px;
    margin-bottom: 20px
}

.author-socials a, .translator-socials a {
    margin: 7px
}

.author-socials a img, .translator-socials a img {
    width: 24px;
    height: 24px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%
}

.article-footer-info .author-socials, .article-footer-info .translator-socials {
    justify-content: flex-start;
    margin-bottom: 0
}

.article-footer-info .author-socials a:first-child, .article-footer-info .translator-socials a:first-child {
    margin-left: 0
}

.translator-socials a {
    margin-bottom: 0
}

.translator-socials a:last-child {
    margin-right: 0
}

.author-block {
    background: #fff;
    box-shadow: 0 0 5px 0 #eedede;
    border-radius: 8px;
    padding: 30px
}

.author-block .author-avatar {
    width: 70px;
    height: 70px;
    margin: 20px auto 30px;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 50%
}

.author-block .author-name {
    font: 600 21px/25px Montserrat, sans-serif;
    text-align: center;
    font-size: 21px;
    color: #535353;
    margin-bottom: 20px
}

.author-block .author-description {
    font-size: 400 14px/24px "Montserrat", sans-serif;
    font-style: italic;
    color: #6a7e96;
    text-align: center;
    margin-bottom: 20px
}

.author-block h3 {
    font: 700 18px/22px Montserrat, sans-serif;
    color: #535353;
    margin: 43px 0 20px;
    text-align: left
}

@media (max-width: 767px) {
    .author-block {
        padding: 30px 15px 15px
    }

    .author-block .author-avatar {
        margin-top: 0
    }

    .author-block h3 {
        margin-top: 23px
    }
}

.author-article-list {
    margin-top: 40px;
    margin-bottom: 40px
}

.author-article-list h2 {
    color: #383838;
    font: 700 24px/29px Montserrat, sans-serif;
    text-align: left;
    margin-bottom: 30px
}

.author-article-list .hide-article {
    display: none
}

.author-article-list > .button, .author-article-list > a.button_brown-bg.inverse, .author-article-list > button.button_brown-bg.inverse {
    margin: 30px auto 0;
    width: 164px;
    display: block
}

.author-article-list > .button.hide-article, .author-article-list > a.hide-article.button_brown-bg.inverse, .author-article-list > button.hide-article.button_brown-bg.inverse {
    display: none
}

@media (max-width: 1169px) {
    .author-article-list {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .author-article-list h2 {
        margin-bottom: 20px
    }

    .author-article-list > .button, .author-article-list > a.button_brown-bg.inverse, .author-article-list > button.button_brown-bg.inverse {
        margin: 20px auto 0
    }
}

@media (max-width: 767px) {
    .author-article-list h2 {
        font: 700 18px/22px Montserrat, sans-serif;
        margin-bottom: 15px
    }

    .author-article-list > .button, .author-article-list > a.button_brown-bg.inverse, .author-article-list > button.button_brown-bg.inverse {
        display: none
    }
}

.authors-list-container h2 {
    font: 700 24px/29px Montserrat, sans-serif;
    margin: 40px 0 30px;
    color: #383838
}

.authors-list-container > .button, .authors-list-container > a.button_brown-bg.inverse, .authors-list-container > button.button_brown-bg.inverse {
    width: 164px;
    display: block;
    margin: 30px auto 0
}

.authors-list-container .authors-list > :nth-child(n+4) {
    display: none
}

@media (max-width: 1169px) {
    .authors-list-container h2 {
        margin: 40px 0 20px
    }

    .authors-list-container > .button, .authors-list-container > a.button_brown-bg.inverse, .authors-list-container > button.button_brown-bg.inverse {
        margin: 20px auto 0
    }

    .authors-list-container .authors-list > :nth-child(n+4) {
        display: block
    }
}

@media (max-width: 767px) {
    .authors-list-container h2 {
        margin: 30px 0 15px;
        font: 700 18px/22px Montserrat, sans-serif
    }

    .authors-list-container > .button, .authors-list-container > a.button_brown-bg.inverse, .authors-list-container > button.button_brown-bg.inverse {
        display: none
    }
}

.rating-list__page h1, .rating-page h1 {
    font: 700 24px/29px Montserrat, sans-serif;
    margin: 30px 0;
    color: #383838
}

@media (max-width: 1169px) {
    .rating-list__page h1, .rating-page h1 {
        margin: 30px 0 20px
    }
}

@media (max-width: 767px) {
    .rating-list__page h1, .rating-page h1 {
        font: 700 18px/22px Montserrat, sans-serif;
        margin: 20px 0 15px
    }
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner {
    background: #fff;
    box-shadow: 0 0 5px 0 #eedede;
    border-radius: 8px;
    width: 100%
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-title {
    text-align: left;
    font: 600 18px/22px Montserrat, sans-serif;
    color: #383838;
    display: flex;
    overflow: hidden;
    height: 66px;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid rgba(106, 126, 150, .1);
    padding: 0 20px;
    margin-bottom: 0
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-footer {
    text-align: center;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #277de5;
    display: flex;
    overflow: hidden;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(106, 126, 150, .1);
    padding: 0 20px;
    text-decoration: underline
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-footer:hover {
    cursor: pointer
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body {
    padding: 20px 50px 30px 20px
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element {
    box-shadow: none;
    width: 100%
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .label {
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    border-radius: 11px;
    padding: 0 5px
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .label:before {
    display: inline-block;
    width: 12px;
    height: 11px;
    content: "";
    background: url(/images/sites/top300/icons/star-label.svg) no-repeat 50% 50%;
    background-size: contain;
    margin-top: 5px
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .casino__name {
    padding: 5px 0
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .casino__name a {
    font: 700 18px/22px Montserrat, sans-serif;
    color: #383838
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .tc-applies {
    font: 400 12px/15px Montserrat, sans-serif;
    text-decoration: none;
    display: inline-block
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino__img, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino__img a {
    position: relative;
    display: inline-block
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino__img a img {
    width: 102px;
    height: 102px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino__img .num {
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffa838;
    line-height: 24px;
    overflow: hidden;
    text-align: center
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino > * {
    width: 25%;
    min-width: 25%;
    max-width: 25%
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns {
    text-align: right
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns .button, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns a.button_brown-bg.inverse, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns button.button_brown-bg.inverse {
    width: 219px
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns .tc-applies {
    display: none
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating {
    font: 400 14px/19px Montserrat, sans-serif;
    color: #6a7e96;
    flex-direction: column
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating .casino__rating__stars {
    display: block
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating .casino__rating__data {
    font: 600 18px/24px Montserrat, sans-serif;
    color: #383838;
    display: inline-block
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating .casino__rating__data span {
    color: #c1c1c1;
    font-size: 16px;
    line-height: 22px
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__bonus {
    text-align: center;
    overflow: hidden;
    padding: 0 5px;
    display: inline-block;
    font: 400 14px/19px Montserrat, sans-serif;
    color: #6a7e96
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__bonus span {
    font: 700 24px/29px Montserrat, sans-serif;
    color: #ff5451;
    display: block
}

.rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element + .top-casino__element {
    margin-top: 18px
}

.rating-list__page .rating-list .rating-list__item + .rating-list__item {
    margin-top: 20px
}

.rating-list__page .rating-list + .text-block {
    margin-top: 30px
}

@media (max-width: 1169px) {
    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-title {
        font-size: 16px;
        line-height: 19px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body {
        padding-right: 45px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino > * {
        width: calc(25% - 22.5px);
        min-width: calc(25% - 22.5px);
        max-width: calc(25% - 22.5px)
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information {
        width: calc(50% - 45px);
        min-width: calc(50% - 45px);
        max-width: calc(50% - 45px)
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__bonus span {
        font: 700 18px/22px Montserrat, sans-serif
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns {
        width: 60px;
        min-width: 60px;
        max-width: 60px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns .button, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns a.button_brown-bg.inverse, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns button.button_brown-bg.inverse {
        width: 40px;
        font-size: 0;
        padding: 0
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns .button:after, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns a.button_brown-bg.inverse:after, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns button.button_brown-bg.inverse:after {
        right: 12px
    }
}

@media (max-width: 767px) {
    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner {
        padding: 0
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-title {
        font: 600 14px/18px Montserrat, sans-serif;
        height: 75px;
        padding: 0 15px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body {
        padding: 0
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino {
        justify-content: flex-start;
        flex-direction: column;
        align-items: center;
        width: 100%;
        position: relative
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        position: relative;
        padding-top: 164px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info {
        margin-left: 0;
        display: block
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .label-container {
        position: absolute;
        top: 4px;
        left: 6px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .casino__name {
        padding: 15px 5px 5px;
        text-align: center
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .casino__name a {
        font: 700 14px/18px Montserrat, sans-serif;
        color: #383838
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino-info .tc-applies {
        display: none
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino__img {
        padding: 20px 0 14px;
        text-align: center;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: #f6f6f6
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino__img a img {
        display: inline-block
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino-information .casino__img .num {
        position: absolute;
        background: url(/images/sites/top300/icons/rectangle.svg) no-repeat 50% 50%;
        background-size: contain;
        width: 31px;
        height: 36px;
        z-index: 100;
        top: 0;
        left: auto;
        margin-left: 0;
        right: 8px;
        text-align: center;
        font: 600 14px/30px Montserrat, sans-serif;
        color: #fff;
        border-radius: 0
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino > * {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 0 15px 40px;
        text-align: center
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns .tc-applies {
        display: inline-block;
        font: 400 12px/15px Montserrat, sans-serif;
        color: #277de5
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns .button, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns a.button_brown-bg.inverse, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns button.button_brown-bg.inverse {
        display: block;
        width: 100%;
        max-width: 360px;
        margin: 20px auto 10px;
        font-size: 14px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns .button:after, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns a.button_brown-bg.inverse:after, .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__btns button.button_brown-bg.inverse:after {
        right: 12px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating {
        background: #f6f6f6;
        font-size: 0;
        flex-direction: row;
        position: absolute;
        top: 130px;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding-bottom: 11px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating .casino__rating__stars {
        display: block
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating .casino__rating__data {
        font: 600 14px/19px Montserrat, sans-serif;
        display: inline-block
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__rating .casino__rating__data span {
        font-size: 12px;
        line-height: 17px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__bonus {
        visibility: middle
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element .casino .casino__bonus span {
        font-size: 16px;
        line-height: 19px;
        display: inline-block;
        margin-left: 15px
    }

    .rating-list__page .rating-list .rating-list__item .rating-list__item-inner .rating-list__item-body .top-casino__element + .top-casino__element {
        margin-top: 0
    }
}

.rating-page .columns-container {
    display: flex;
    justify-content: space-between
}

.rating-page .columns-container .columns-container__maincol {
    width: calc((100% - 30px) / 3 * 2)
}

.rating-page .columns-container .columns-container__sidecol {
    width: calc((100% - 30px) / 3 * 1)
}

.rating-page .top-casino-list {
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 30px 30px
}

.rating-page .top-casino-list .top-casino__element.hide-rating-casino {
    display: none
}

.rating-page .top-casino-list + .show-more {
    width: 286px;
    margin: 30px auto 40px;
    display: block
}

.rating-page .top-casino-list + .show-more.hide-rating-casino {
    display: none
}

.rating-page .rating-page-head-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 17px;
    color: #6a7e96
}

.rating-page .rating-page-head-info time {
    display: block;
    color: #383838;
    font-weight: 600;
    padding-left: 5px
}

.rating-page .rating-page-head-info .about-author {
    margin-left: 20px
}

.rating-page .rating-page-head-info .about-author > * {
    display: inline-block;
    vertical-align: middle
}

.rating-page .rating-page-head-info .about-author .about-author__inner .author-name {
    text-decoration: underline;
    color: #383838
}

.rating-page .rating-page-head-info .about-author .about-author__inner .author-name:hover {
    text-decoration: none
}

.rating-page .rating-page-head-info .about-author .about-author__inner picture {
    display: inline-block;
    vertical-align: middle;
    background: #383838;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px
}

.rating-page .rating-page-head-info .about-author .about-author__inner picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width: 1169px) {
    .rating-page .top-casino-list {
        grid-gap: 20px 20px
    }

    .rating-page .top-casino-list + .show-more {
        width: 224px;
        margin: 20px auto 30px;
        display: block
    }

    .rating-page .columns-container {
        display: block
    }

    .rating-page .columns-container .columns-container__maincol, .rating-page .columns-container .columns-container__sidecol {
        width: 100%
    }
}

@media (max-width: 767px) {
    .rating-page .top-casino-list + .show-more {
        width: 100%;
        margin: 15px auto 30px
    }

    .rating-page .columns-container .columns-container__sidecol {
        max-width: 100%
    }
}

.article.faq .faq-inner {
    box-shadow: 0 0 5px 0 #eedede;
    background: #fff;
    padding: 0 30px;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 32px
}

.article.faq .faq-item {
    padding: 30px 0
}

.article.faq .faq-item + .faq-item {
    border-top: 1px solid hsla(0, 0%, 87.5%, .4)
}

.article.faq .faq-item.open {
    padding-bottom: 20px
}

.article.faq .faq-item.open .faq-answer {
    max-height: 2000px;
    color: #6a7e96
}

.article.faq .faq-item.open .faq-question {
    color: #383838;
    font-weight: 700
}

.article.faq .faq-item.open .faq-question:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #6a7e96;
    border-top: 0
}

.article.faq .faq-question {
    font-weight: 500;
    margin-bottom: 0;
    display: block;
    position: relative;
    transition: all .3s linear;
    padding-right: 20px
}

.article.faq .faq-question:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #6a7e96;
    margin-top: -3px;
    right: 0;
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    transition: all .3s
}

.article.faq .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all .3s linear
}

.article.faq .faq-answer div {
    padding: 20px 60px 0 0
}

@media (max-width: 1439px) {
    .article.faq .faq-inner {
        padding: 0 20px
    }

    .article.faq .faq-answer div {
        padding: 20px 37px 0 0
    }
}

@media (max-width: 767px) {
    .article.faq .faq-inner {
        font-size: 14px;
        padding: 0 15px
    }

    .article.faq .faq-item {
        padding: 20px 0
    }

    .article.faq .faq-question {
        padding-right: 50px
    }

    .article.faq .faq-answer div {
        padding: 20px 23px 0 0
    }
}

b, strong {
    font-weight: 700
}

em, i {
    font-style: italic
}

.text-block, p {
    font-weight: 500
}

.text-block + .text-block, p + .text-block {
    margin-top: 30px
}

.text-block img, p img {
    width: auto;
    height: auto
}

.text-block a, p a {
    color: #277de5
}

.text-block a:hover, p a:hover {
    text-decoration: underline
}

.text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6, p h2, p h3, p h4, p h5, p h6 {
    margin-bottom: 15px
}

.text-block h2.mb30, .text-block h3.mb30, .text-block h4.mb30, .text-block h5.mb30, .text-block h6.mb30, p h2.mb30, p h3.mb30, p h4.mb30, p h5.mb30, p h6.mb30 {
    margin-bottom: 30px
}

.text-block b, .text-block strong, p b, p strong {
    font-weight: 700
}

.text-block em, .text-block i, p em, p i {
    font-style: italic
}

.text-block .four-column + h2, .text-block .four-column + h3, .text-block .four-column + h4, .text-block .four-column + h5, .text-block .four-column + h6, .text-block .quotes-block + h2, .text-block .quotes-block + h3, .text-block .quotes-block + h4, .text-block .quotes-block + h5, .text-block .quotes-block + h6, .text-block .three-column + h2, .text-block .three-column + h3, .text-block .three-column + h4, .text-block .three-column + h5, .text-block .three-column + h6, .text-block .two-column + h2, .text-block .two-column + h3, .text-block .two-column + h4, .text-block .two-column + h5, .text-block .two-column + h6, .text-block iframe + h2, .text-block iframe + h3, .text-block iframe + h4, .text-block iframe + h5, .text-block iframe + h6, .text-block img + h2, .text-block img + h3, .text-block img + h4, .text-block img + h5, .text-block img + h6, .text-block object + h2, .text-block object + h3, .text-block object + h4, .text-block object + h5, .text-block object + h6, .text-block ol + h2, .text-block ol + h3, .text-block ol + h4, .text-block ol + h5, .text-block ol + h6, .text-block p + h2, .text-block p + h3, .text-block p + h4, .text-block p + h5, .text-block p + h6, .text-block table + h2, .text-block table + h3, .text-block table + h4, .text-block table + h5, .text-block table + h6, .text-block ul + h2, .text-block ul + h3, .text-block ul + h4, .text-block ul + h5, .text-block ul + h6, p .four-column + h2, p .four-column + h3, p .four-column + h4, p .four-column + h5, p .four-column + h6, p .quotes-block + h2, p .quotes-block + h3, p .quotes-block + h4, p .quotes-block + h5, p .quotes-block + h6, p .three-column + h2, p .three-column + h3, p .three-column + h4, p .three-column + h5, p .three-column + h6, p .two-column + h2, p .two-column + h3, p .two-column + h4, p .two-column + h5, p .two-column + h6, p iframe + h2, p iframe + h3, p iframe + h4, p iframe + h5, p iframe + h6, p img + h2, p img + h3, p img + h4, p img + h5, p img + h6, p object + h2, p object + h3, p object + h4, p object + h5, p object + h6, p ol + h2, p ol + h3, p ol + h4, p ol + h5, p ol + h6, p p + h2, p p + h3, p p + h4, p p + h5, p p + h6, p table + h2, p table + h3, p table + h4, p table + h5, p table + h6, p ul + h2, p ul + h3, p ul + h4, p ul + h5, p ul + h6 {
    margin-top: 30px
}

.text-block .four-column + .quotes-block, .text-block .four-column + p, .text-block .quotes-block + .quotes-block, .text-block .quotes-block + p, .text-block .three-column + .quotes-block, .text-block .three-column + p, .text-block .two-column + .quotes-block, .text-block .two-column + p, .text-block iframe + .quotes-block, .text-block iframe + p, .text-block img + .quotes-block, .text-block img + p, .text-block object + .quotes-block, .text-block object + p, .text-block ol + .quotes-block, .text-block ol + p, .text-block p + .quotes-block, .text-block p + p, .text-block table + .quotes-block, .text-block table + p, .text-block ul + .quotes-block, .text-block ul + p, p .four-column + .quotes-block, p .four-column + p, p .quotes-block + .quotes-block, p .quotes-block + p, p .three-column + .quotes-block, p .three-column + p, p .two-column + .quotes-block, p .two-column + p, p iframe + .quotes-block, p iframe + p, p img + .quotes-block, p img + p, p object + .quotes-block, p object + p, p ol + .quotes-block, p ol + p, p p + .quotes-block, p p + p, p table + .quotes-block, p table + p, p ul + .quotes-block, p ul + p {
    margin-top: 15px
}

.text-block [class^=column-], p [class^=column-] {
    margin: 15px 0
}

.text-block .four-column, p .four-column {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 30px
}

.text-block .three-column, p .three-column {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px
}

.text-block .two-column, p .two-column {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 30px
}

.text-block .lined, p .lined {
    font-weight: 500;
    color: #6a7e96;
    padding-left: 18px;
    position: relative
}

.text-block .lined:before, p .lined:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 6px;
    bottom: 6px;
    background: #ff5451;
    width: 3px
}

.text-block ol, p ol {
    counter-reset: li;
    list-style-type: none;
    margin-top: 15px
}

.text-block ol > li:before, p ol > li:before {
    font-weight: 700;
    counter-increment: li;
    content: counters(li, ".") ". "
}

.text-block ol > li + li, .text-block ol > li ol, .text-block ol > li ul, p ol > li + li, p ol > li ol, p ol > li ul {
    margin-top: 15px
}

.text-block ol ol > li, .text-block ol ol > li > ul, p ol ol > li, p ol ol > li > ul {
    padding-left: 15px
}

.text-block ol ul, p ol ul {
    padding-left: 30px
}

.text-block ul, p ul {
    list-style-type: none;
    margin-top: 15px
}

.text-block ul li, p ul li {
    position: relative;
    padding-left: 21px
}

.text-block ul li:before, p ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #ff5451;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px
}

.text-block ul li + li, p ul li + li {
    margin-top: 15px
}

.text-block h2 + .block, p h2 + .block {
    margin-bottom: 30px
}

.text-block ol > li ol > li .table-wrap, p ol > li ol > li .table-wrap {
    width: 1110px;
    margin: 22px 0 0
}

.text-block .quotes-block, p .quotes-block {
    position: relative;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 40px;
    font: 400 14px/21px Montserrat, sans-serif;
    font-size: 14px;
    color: #383838;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.text-block .quotes-block:after, .text-block .quotes-block:before, p .quotes-block:after, p .quotes-block:before {
    display: block;
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    background: url(/images/sites/top300/icons/right-quote.svg) no-repeat 50% 50%;
    background-size: 100% 100%
}

.text-block .quotes-block:after, p .quotes-block:after {
    top: 15px;
    right: 15px
}

.text-block .quotes-block:before, p .quotes-block:before {
    bottom: 15px;
    left: 15px
}

.text-block .quotes-block__about-author, p .quotes-block__about-author {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-basis: 190px
}

.text-block .quotes-block__about-author__avatar, p .quotes-block__about-author__avatar {
    width: 70px;
    min-width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%
}

.text-block .quotes-block__about-author__avatar img, p .quotes-block__about-author__avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: 70px;
    max-height: 70px;
    min-width: 70px;
    min-height: 70px
}

.text-block .quotes-block__about-author__avatar + .quotes-block__about-author__descr, p .quotes-block__about-author__avatar + .quotes-block__about-author__descr {
    margin-left: 20px
}

.text-block .quotes-block__about-author__descr, p .quotes-block__about-author__descr {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 100px
}

.text-block .quotes-block__about-author__descr .author-name, p .quotes-block__about-author__descr .author-name {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    white-space: nowrap
}

.text-block .quotes-block__about-author__descr .author-name + .author-badge, p .quotes-block__about-author__descr .author-name + .author-badge {
    margin-top: 10px
}

.text-block .quotes-block__about-author__descr .author-badge, p .quotes-block__about-author__descr .author-badge {
    overflow: hidden;
    background: #ff5451;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-width: 120px
}

.text-block .quotes-block__about-author + .quotes-block__body, p .quotes-block__about-author + .quotes-block__body {
    margin-left: 40px
}

.text-block .quotes-block__body blockquote, p .quotes-block__body blockquote {
    margin: 0;
    padding-left: 0;
    border-left: 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0
}

.text-block .quotes-block__body p, p .quotes-block__body p {
    margin-bottom: 20px
}

.text-block .quotes-block__body p:last-child, p .quotes-block__body p:last-child {
    margin-bottom: 0
}

.text-block .quotes-block__body .source-block, p .quotes-block__body .source-block {
    color: #6a7e96
}

.text-block .quotes-block__body .source-block a, p .quotes-block__body .source-block a {
    color: #6a7e96;
    text-decoration: underline
}

.text-block .quotes-block__body .source-block a:hover, p .quotes-block__body .source-block a:hover {
    text-decoration: none
}

@media (max-width: 1279px) {
    .text-block ol > li ol > li .table-wrap, p ol > li ol > li .table-wrap {
        width: 900px
    }
}

@media (max-width: 1169px) {
    .text-block .quotes-block, p .quotes-block {
        padding: 30px
    }

    .text-block .quotes-block:after, p .quotes-block:after {
        top: 10px;
        right: 10px
    }

    .text-block .quotes-block:before, p .quotes-block:before {
        bottom: 10px;
        left: 10px
    }

    .text-block .quotes-block__body p, p .quotes-block__body p {
        margin-bottom: 15px
    }

    .text-block .quotes-block__body p:last-child, p .quotes-block__body p:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 1023px) {
    .text-block ol > li ol > li .table-wrap, p ol > li ol > li .table-wrap {
        width: calc(100vw - 116px)
    }
}

@media (max-width: 767px) {
    .text-block ol > li ol > li .table-wrap, p ol > li ol > li .table-wrap {
        width: calc(100vw - 110px)
    }

    .text-block .quotes-block, p .quotes-block {
        padding: 20px;
        display: block
    }

    .text-block .quotes-block:after, .text-block .quotes-block:before, p .quotes-block:after, p .quotes-block:before {
        display: none
    }

    .text-block .quotes-block__about-author__descr, p .quotes-block__about-author__descr {
        min-width: auto
    }

    .text-block .quotes-block__about-author__descr .author-name, p .quotes-block__about-author__descr .author-name {
        white-space: normal
    }

    .text-block .quotes-block__about-author__descr .author-badge, p .quotes-block__about-author__descr .author-badge {
        overflow: hidden;
        background: #ff5451;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        line-height: 16px;
        padding: 3px 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        max-width: 120px
    }

    .text-block .quotes-block__about-author + .quotes-block__body, p .quotes-block__about-author + .quotes-block__body {
        margin-left: 0;
        margin-top: 20px
    }
}

.text-block ol > li ol > li ol > li .table-wrap, p ol > li ol > li ol > li .table-wrap {
    width: 1065px;
    margin: 22px 0 0
}

@media (max-width: 1279px) {
    .text-block ol > li ol > li ol > li .table-wrap, p ol > li ol > li ol > li .table-wrap {
        width: 855px
    }
}

@media (max-width: 1023px) {
    .text-block ol > li ol > li ol > li .table-wrap, p ol > li ol > li ol > li .table-wrap {
        width: calc(100vw - 161px)
    }
}

@media (max-width: 767px) {
    .text-block ol > li ol > li ol > li .table-wrap, p ol > li ol > li ol > li .table-wrap {
        width: calc(100vw - 155px)
    }
}

.text-block ol > li .table-wrap, p ol > li .table-wrap {
    width: 1145px;
    margin: 22px 0 0
}

@media (max-width: 1279px) {
    .text-block ol > li .table-wrap, p ol > li .table-wrap {
        width: 935px
    }
}

@media (max-width: 1023px) {
    .text-block ol > li .table-wrap, p ol > li .table-wrap {
        width: calc(100vw - 81px)
    }
}

@media (max-width: 767px) {
    .text-block ol > li .table-wrap, p ol > li .table-wrap {
        width: calc(100vw - 75px)
    }
}

.text-block ol > li .table-cont, p ol > li .table-cont {
    padding: 0
}

.text-block table, p table {
    border-radius: 8px;
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
    background: #fff;
    font: 400 14px/1.3em Montserrat, sans-serif
}

.text-block table td, .text-block table th, p table td, p table th {
    padding: 0 38px;
    vertical-align: middle;
    text-align: center;
    height: 60px;
    min-height: 60px;
    border: 2px solid #f6f6f4
}

.text-block table th, p table th {
    background: hsla(0, 0%, 84.7%, .1);
    font-weight: 700;
    border-top: 0;
    min-width: 260px;
    padding: 18px 24px
}

.text-block table td, .text-block table th, p table td, p table th {
    border-radius: 0
}

.text-block table td:first-child, .text-block table th:first-child, p table td:first-child, p table th:first-child {
    border-left: 0
}

.text-block table td:last-child, .text-block table th:last-child, p table td:last-child, p table th:last-child {
    border-right: 0
}

.text-block table tr:last-child td, p table tr:last-child td {
    border-bottom: 0
}

.text-block table ul, p table ul {
    text-align: left
}

.text-block table td, p table td {
    padding: 18px 24px
}

.text-block table p, p table p {
    margin-bottom: 0
}

.text-block table p + p, p table p + p {
    margin-top: 16px
}

.text-block .table-wrap, p .table-wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 32px
}

.text-block .table-scroll, p .table-scroll {
    -webkit-overflow-scrolling: touch
}

.text-block .table-cont, p .table-cont {
    box-sizing: border-box
}

.text-block .table ul, p .table ul {
    text-align: left
}

.text-block .article-head-info, p .article-head-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.text-block .article-head-info .about-author > *, p .article-head-info .about-author > * {
    display: inline-block;
    vertical-align: middle
}

.text-block .article-head-info .about-author .author-avatar, p .article-head-info .about-author .author-avatar {
    background: #383838;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px
}

.text-block .article-head-info .about-author .author-avatar img, p .article-head-info .about-author .author-avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.text-block .article-head-info .about-author div time, p .article-head-info .about-author div time {
    display: block;
    color: #6a7e96;
    font-weight: 400
}

.text-block .article-head-info .read-time, p .article-head-info .read-time {
    line-height: 18px
}

.text-block .article-head-info .read-time:before, p .article-head-info .read-time:before {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    content: "";
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.219608 0 0 0 0 0.219608 0 0 0 0 0.219608 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(-10 -315)' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M19 315c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.038 9-9c0-4.963-4.037-9-9-9zm0 16.71c-4.251 0-7.71-3.459-7.71-7.71 0-4.251 3.459-7.71 7.71-7.71 4.251 0 7.71 3.459 7.71 7.71 0 4.251-3.459 7.71-7.71 7.71z'/%3E%3Cpath d='M23.372 323.82h-4.116v-4.23c0-.326-.281-.59-.628-.59s-.628.264-.628.59v4.82c0 .326.281.59.628.59h4.744c.347 0 .628-.264.628-.59 0-.326-.281-.59-.628-.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
    background-size: contain
}

.text-block .video, p .video {
    max-width: 736px;
    width: 100%;
    margin: 40px auto
}

.text-block .video-container, p .video-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-clip: padding-box;
    background-color: #f5f5f5;
    border-radius: 8px
}

.text-block .video-container iframe, p .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.text-block .video-container > a, p .video-container > a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border-radius: 6px;
    background-clip: padding-box;
    background: #f5f5f5
}

.text-block .video-container > a:before, p .video-container > a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    z-index: 20
}

.text-block .video-container > a img, p .video-container > a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    min-width: 100%
}

.text-block .video-container.played > a, p .video-container.played > a {
    display: none
}

.text-block .video-play, p .video-play {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .09);
    position: absolute;
    z-index: 50;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none
}

.text-block .video-play:before, p .video-play:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eplay_icon%3C/title%3E%3Cdesc%3ECreated using Figma%3C/desc%3E%3Cuse xlink:href='%23a' transform='translate(5 3)'/%3E%3Cdefs%3E%3Cpath id='a' d='M.844 16a.805.805 0 0 1-.61-.266.978.978 0 0 1-.234-.671V.937C0 .625.083.391.25.235A.857.857 0 0 1 .828 0a.75.75 0 0 1 .266.047c.093.02.182.057.265.11L13.5 7.452a.96.96 0 0 1 .375.36.82.82 0 0 1 .125.437.754.754 0 0 1-.14.438c-.094.135-.22.25-.376.343L1.36 15.86a1.15 1.15 0 0 1-.265.094.707.707 0 0 1-.25.047z'/%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .15s ease-out;
    display: none
}

.text-block .video-play:hover, p .video-play:hover {
    background: #007aff
}

.text-block .video-play:hover:before, p .video-play:hover:before {
    background: url("data:image/svg+xml;charset=utf8, %3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eplay_icon%3C/title%3E%3Cdesc%3ECreated using Figma%3C/desc%3E%3Cuse xlink:href='%23a' transform='translate(5 3)' fill='%23FFF'/%3E%3Cdefs%3E%3Cpath id='a' d='M.844 16a.805.805 0 0 1-.61-.266.978.978 0 0 1-.234-.671V.937C0 .625.083.391.25.235A.857.857 0 0 1 .828 0a.75.75 0 0 1 .266.047c.093.02.182.057.265.11L13.5 7.452a.96.96 0 0 1 .375.36.82.82 0 0 1 .125.437.754.754 0 0 1-.14.438c-.094.135-.22.25-.376.343L1.36 15.86a1.15 1.15 0 0 1-.265.094.707.707 0 0 1-.25.047z'/%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    display: none
}

.text-block .video:hover .video-container > a img, p .video:hover .video-container > a img {
    transform: translate(-50%, -50%) scale(1.05)
}

.text-block .block, p .block {
    padding: 30px 30px 22px
}

@media (max-width: 1169px) {
    .text-block .table-wrap, p .table-wrap {
        width: calc(100% + 48px);
        margin: 0 -24px 32px
    }

    .text-block .table-scroll, p .table-scroll {
        padding-bottom: 30px;
        margin-bottom: -30px;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch
    }

    .text-block .table-cont, p .table-cont {
        flex-grow: 1;
        flex-shrink: 0;
        padding: 0 24px
    }

    .text-block .table-cont table, p .table-cont table {
        max-width: none
    }

    .text-block .block, p .block {
        padding: 20px 20px 23px
    }

    .text-block h2 + .block, p h2 + .block {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .text-block .four-column, .text-block .four-column > *, .text-block .three-column, .text-block .three-column > *, .text-block .two-column, .text-block .two-column > *, p .four-column, p .four-column > *, p .three-column, p .three-column > *, p .two-column, p .two-column > * {
        display: block
    }

    .text-block .four-column > * + *, .text-block .three-column > * + *, .text-block .two-column > * + *, p .four-column > * + *, p .three-column > * + *, p .two-column > * + * {
        margin-top: 15px
    }

    .text-block ol ol > li > ul, p ol ol > li > ul {
        padding-left: 5px
    }

    .text-block ol ul, p ol ul {
        padding-left: 20px
    }

    .text-block .video, p .video {
        margin: 30px auto
    }

    .text-block .table-wrap, p .table-wrap {
        width: calc(100% + 32px);
        margin: 0 -16px 32px
    }

    .text-block .block, p .block {
        padding: 15px 15px 24px
    }

    .text-block h2 + .block, p h2 + .block {
        margin-bottom: 30px
    }
}

@media (max-width: 639px) {
    .text-block .article-head-info, p .article-head-info {
        display: block;
        margin-bottom: 20px
    }

    .text-block .article-head-info .read-time, p .article-head-info .read-time {
        margin-top: 20px
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #383838;
    font-family: Montserrat, sans-serif;
    margin-bottom: 40px
}

.h101, .h102, .h103, .h104, h1, h2, h3, h4 {
    font-weight: 700
}

.h105, .h106, h5, h6 {
    font-weight: 600
}

.h101, .h102, h1, h2 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .h101, .h102, h1, h2 {
        font-size: 21px;
        line-height: 25px
    }
}

.h103, h3 {
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .h103, h3 {
        font-size: 21px;
        line-height: 25px
    }
}

.h104, h4 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .h104, h4 {
        font-size: 16px;
        line-height: 19px
    }
}

.h105, h5 {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 17px
}

@media (max-width: 767px) {
    .h105, h5 {
        font-size: 14px;
        line-height: 18px
    }
}

.h106, h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .h106, h6 {
        font-size: 14px;
        line-height: 18px
    }
}

* + h1 {
    margin-top: 30px
}

.h101, .h102, .h103, .h104, .h105, .h106 {
    display: block;
    color: #383838;
    font-family: Montserrat, sans-serif;
    margin-bottom: 40px
}

.h101 {
    font-weight: 600;
    line-height: 58px;
    margin-top: 30px
}

@media (max-width: 1023px) {
    .h101 {
        font-size: 34px;
        line-height: 40px
    }
}

.h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 24px
}

.test-list-page .pager {
    margin-top: 15px;
    margin-bottom: 40px
}

@media (max-width: 1169px) {
    .test-list-page .pager {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

.test-list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px;
    margin-bottom: 40px
}

@media (max-width: 1169px) {
    .test-list {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 18px 20px;
        margin-bottom: 30px
    }

    .test-list > :nth-child(n+8) {
        display: none
    }
}

@media (max-width: 767px) {
    .test-list {
        grid-template-columns:repeat(1, 1fr);
        grid-gap: 15px
    }

    .test-list > :nth-child(n+8) {
        display: block
    }
}

.columns-container__sidecol .test-item, .test-list .test-item {
    height: 310px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    position: relative
}

.columns-container__sidecol .test-item .test-content, .test-list .test-item .test-content {
    padding: 12px 15px 14px
}

.columns-container__sidecol .test-item .test-image, .test-list .test-item .test-image {
    width: 100%;
    height: 139px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.columns-container__sidecol .test-item .test-type, .test-list .test-item .test-type {
    font: 500 14px/18px Montserrat, sans-serif;
    color: #6a7e96;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.columns-container__sidecol .test-item .test-title, .test-list .test-item .test-title {
    font: 700 16px/19px Montserrat, sans-serif;
    color: #383838;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin: 12px 0 5px
}

.columns-container__sidecol .test-item .test-description, .test-list .test-item .test-description {
    font: 500 14px/22px Montserrat, sans-serif;
    color: #383838;
    max-height: 66px;
    overflow: hidden
}

.columns-container__sidecol .test-item .test-published, .test-list .test-item .test-published {
    position: absolute;
    bottom: 14px;
    left: 15px;
    font: 500 12px/16px Montserrat, sans-serif;
    color: #acacac
}

.columns-container__sidecol .test-item {
    height: 267px;
    display: block
}

.columns-container__sidecol .test-item .test-content {
    padding: 12px 15px 20px
}

.columns-container__sidecol .test-item .test-description {
    max-height: 42px
}

.columns-container__sidecol .test-item .test-published {
    position: relative;
    display: none
}

.test-page .test-item {
    margin: 0 auto;
    width: 100%;
    max-width: 520px;
    background: #2e294e;
    border-radius: 8px;
    color: #fff;
    padding: 15px 30px 30px
}

.test-page .test-item .test-item__header .test-step {
    font: 500 14px/16px Montserrat, sans-serif;
    color: #ff5451;
    text-align: center
}

.test-page .test-item .test-item__header .title {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    font: 700 24px/29px Montserrat, sans-serif
}

.test-page .test-item .test-item__header .title p {
    text-align: center;
    margin-bottom: 0;
    display: block;
    font-weight: 700;
    width: 100%
}

.test-page .test-item .test-item__header .title .current-question {
    display: block;
    width: 40px;
    height: 40px;
    background: #6a7e96;
    border-radius: 50%;
    font: 700 14px/40px Montserrat, sans-serif;
    text-align: center
}

.test-page .test-item .test-item__header .title .current-question + p {
    width: calc(100% - 40px);
    padding: 0 20px
}

.test-page .test-item .test-item__header time {
    font: 500 14px/18px Montserrat, sans-serif;
    color: #ff5451;
    text-align: center;
    margin-bottom: 15px;
    display: block
}

.test-page .test-item .test-item__body .test-image {
    position: absolute;
    position: relative;
    width: 100%
}

.test-page .test-item .test-item__body .test-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 43.47%
}

.test-page .test-item .test-item__body .test-image img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.test-page .test-item .test-item__body .test-image + .test-answers {
    margin-top: 20px
}

.test-page .test-item .test-item__body .test-description {
    margin: 20px 0;
    font: 500 14px/22px Montserrat, sans-serif;
    color: #fff;
    text-align: center
}

.test-page .test-item .test-item__body .test-description a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer
}

.test-page .test-item .test-item__body .test-description a:hover {
    text-decoration: none
}

.test-page .test-item .test-item__body .test-btns {
    text-align: center
}

.test-page .test-item .test-item__body .test-btns .button.disabled:hover, .test-page .test-item .test-item__body .test-btns a.disabled.button_brown-bg.inverse:hover, .test-page .test-item .test-item__body .test-btns button.disabled.button_brown-bg.inverse:hover {
    cursor: default;
    pointer-events: none;
    background: #6a7e96;
    border-color: #6a7e96;
    color: #fff;
    box-shadow: none
}

.test-page .test-item .test-item__body .test-answers + .test-btns {
    margin-top: 20px
}

.test-page .test-item .test-item__body .test-answer-inner input {
    display: none
}

.test-page .test-item .test-item__body .test-answer-inner input:checked + label {
    background: #4f496f
}

.test-page .test-item .test-item__body .test-answer-inner input:checked + label:before {
    border-color: #ff5451;
    background: #ff5451 url(/images/sites/top300/icons/check_white.svg) no-repeat 50% 50%;
    background-size: 10px 10px
}

.test-page .test-item .test-item__body .test-answer-inner input:checked + label:hover {
    cursor: default
}

.test-page .test-item .test-item__body .test-answer-inner + .test-answer-inner {
    margin-top: 10px
}

.test-page .test-item .test-item__body .test-answer-item label {
    font: 400 14px/22px Montserrat, sans-serif;
    color: #fff;
    background: #423d5e;
    border-radius: 8px;
    padding: 9px 12px;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.test-page .test-item .test-item__body .test-answer-item label p {
    margin-bottom: 0
}

.test-page .test-item .test-item__body .test-answer-item label:before {
    display: inline-block;
    content: "";
    height: 16px;
    width: 16px;
    border: 1px solid #635e80;
    border-radius: 3px;
    margin-right: 15px
}

.test-page .test-item .test-item__body .test-answer-item label:hover {
    background: #4f496f;
    cursor: pointer
}

.test-page .test-item .social-network-share .social-network-title {
    font: 500 14px/22px Montserrat, sans-serif;
    text-align: center;
    color: #6a7e96;
    margin: 20px 0 15px
}

.test-page .test-item .social-network-share .social-network-title + .social-network-list {
    margin-top: 15px
}

.test-page .test-item .social-network-share .social-network-list {
    margin-top: 30px;
    text-align: center
}

.test-page .test-item .social-network-share .social-network-list a, .test-page .test-item .social-network-share .social-network-list span {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    margin: 0 5px
}

.test-page .test-item .social-network-share .social-network-list a.facebook {
    background: url(/images/sites/top300/social-icons/facebook.svg) no-repeat 50% 50%;
    background-size: contain
}

.test-page .test-item .social-network-share .social-network-list a.twitter {
    background: url(/images/sites/top300/social-icons/twitter.svg) no-repeat 50% 50%;
    background-size: contain
}

.test-page .test-item .social-network-share .social-network-list a.linkedin {
    background: url(/images/sites/top300/social-icons/linkedin.svg) no-repeat 50% 50%;
    background-size: contain
}

.test-page .test-item .social-network-share .social-network-list a.telegram {
    background: url(/images/sites/top300/social-icons/telegram.svg) no-repeat 50% 50%;
    background-size: contain
}

.test-page .test-item .social-network-share .social-network-list a.whatsapp {
    background: url(/images/sites/top300/social-icons/whatsapp.svg) no-repeat 50% 50%;
    background-size: contain
}

.test-page .test-item .social-network-share .social-network-list span.copy {
    background: url(/images/sites/top300/social-icons/copylink.svg) no-repeat 50% 50%;
    background-size: contain;
    cursor: pointer
}

.test-page .test-item .test-restart {
    margin-bottom: 0;
    text-align: center;
    font: 400 14px/22px Montserrat, sans-serif;
    cursor: pointer;
    color: #fff;
    margin-top: 25px
}

.test-page .test-item .test-restart:before {
    display: inline-block;
    content: "";
    background: url(/images/sites/top300/icons/update-icon.svg) no-repeat 50% 50%;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 1px 3px 0 0
}

@media (max-width: 767px) {
    .test-page .test-item {
        padding: 15px 15px 20px
    }

    .test-page .test-item .test-item__body .test-description {
        margin: 15px 0 11px
    }

    .test-page .test-item .test-restart {
        margin-top: 20px
    }
}

.test-socials {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -7px;
    margin-bottom: 20px
}

.test-socials a {
    margin: 7px
}

.test-socials a img {
    width: 24px;
    height: 24px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%
}

.header-nav-multilang {
    position: relative;
    display: flex
}

.header-nav-multilang .header-nav-multilang-button, .header-nav-multilang .show-compare a {
    width: 40px;
    height: 40px;
    font: 400 14px/40px Montserrat, sans-serif;
    color: #fff;
    display: block;
    z-index: 30;
    position: relative;
    border: none;
    border-radius: 8px;
    background-color: #3b355f;
    text-transform: uppercase
}

.header-nav-multilang .header-nav-multilang-button:hover, .header-nav-multilang .show-compare a:hover {
    background-color: #484275
}

.header-nav-multilang .add-more-casinos {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: calc(100% - 90px);
    min-width: 90px;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .27);
    border-radius: 8px;
    color: #e2574c;
    height: 40px;
    font: 500 14px/40px Montserrat, sans-serif;
    text-align: center;
    padding: 0 10px
}

.header-nav-multilang .add-more-casinos:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(/images/sites/top300/icons/round-error_outline.svg) no-repeat 50% 50%;
    background-size: contain;
    margin-right: 10px
}

.header-nav-multilang .add-more-casinos:after {
    position: absolute;
    right: 60px;
    bottom: 100%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 6px solid #fff;
    content: "";
    display: block
}

@media (max-width: 1169px) {
    .header-nav-multilang .add-more-casinos {
        right: calc(100% - 90px)
    }

    .header-nav-multilang .add-more-casinos:after {
        right: 60px
    }
}

.header-nav-multilang .show-compare + .header-nav-multilang-button {
    margin-left: 10px
}

.header-nav-multilang .show-compare a {
    background: #3b355f url(/images/sites/top300/icons/compare-icon.svg) no-repeat 50% 50%
}

.header-nav-multilang .show-compare a .num {
    position: absolute;
    height: 20px;
    width: 20px;
    background: #ff5451;
    border-radius: 50%;
    font: 500 12px/20px Montserrat, sans-serif;
    color: #fff;
    text-align: center;
    right: -10px;
    top: -10px;
    z-index: 20
}

.header-nav-multilang .show-compare a:hover + div .add-more-casinos {
    display: flex;
    align-items: center
}

.header-nav-multilang .show-compare .overlay {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    background: rgba(0, 0, 0, .8);
    z-index: 100000;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-nav-multilang .show-compare .overlay .overlay-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper {
    max-height: 561px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    position: relative;
    z-index: 50;
    background: #fff;
    border-radius: 8px
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .title {
    font: 700 18px/22px Montserrat, sans-serif;
    color: #383838;
    text-align: center;
    margin: 30px auto 20px;
    padding: 0 30px
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper input {
    width: 190px;
    margin: 0 auto 22px;
    padding: 0 30px 0 15px;
    position: relative;
    background: url(/images/sites/top300/icons/search-icon.svg) no-repeat calc(100% - 7px) 50%;
    background-size: 16px 16px;
    display: block
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 20px;
    margin: 0 auto 70px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino {
    width: 200px;
    height: 280px;
    position: relative
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 20px auto 15px;
    position: relative
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img .edit-compare {
    bottom: 0;
    top: auto;
    right: 11px;
    background-color: #ff5451
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img img {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino-info {
    padding: 0 8px;
    text-align: center
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino-info .casino__bonus, .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino-info .casino__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 700 14px/15px Montserrat, sans-serif
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino-info .casino__name {
    color: #383838;
    margin: 5px 0 15px
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino-info .casino__bonus {
    color: #ff5451;
    padding-bottom: 10px
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating {
    margin-bottom: 20px
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars {
    display: flex
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.empty_class, .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.fill, .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.half {
    background-size: contain;
    width: 14px;
    height: 13px;
    margin: 0 2px
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .selected-casino-label {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    right: -7px;
    background: #4cb14d url(/images/sites/top300/icons/check.svg) 50% 50% no-repeat
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer {
    position: absolute;
    bottom: 0;
    z-index: 100;
    height: 70px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .9)
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer .button.disabled, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse {
    position: static
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper {
    position: absolute;
    top: calc(100% - 112px);
    right: 0;
    left: 0;
    display: none
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos {
    display: inline-block;
    position: relative;
    width: auto;
    transition: all .3s linear .3s;
    right: 0;
    left: 0
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos:after, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:after, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:after {
    right: calc(50% - 10px);
    border-bottom: 0;
    border-top: 6px solid #fff;
    top: 100%;
    bottom: auto
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer .button.disabled:hover .add-more-casinos-wrapper, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse:hover .add-more-casinos-wrapper, .header-nav-multilang .show-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse:hover .add-more-casinos-wrapper {
    display: block
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .ps {
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%
}

.header-nav-multilang .show-compare .overlay .search-block-wrapper .close {
    position: absolute;
    top: -22px;
    cursor: pointer;
    right: 0;
    height: 12px;
    width: 12px;
    background: url(/images/sites/top300/icons/cancel.svg) no-repeat 50% 50%;
    background-size: contain
}

@media (max-width: 767px) {
    .header-nav-multilang .show-compare .overlay .search-block-wrapper {
        width: calc(100% - 20px);
        height: calc(100vh - 110px);
        transform: translateY(50px)
    }

    .header-nav-multilang .show-compare .overlay .search-block-wrapper .title {
        margin-top: 20px
    }

    .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 20px
    }
}

@media (max-width: 479px) {
    .header-nav-multilang .show-compare .overlay .search-block-wrapper {
        height: auto;
        position: absolute;
        top: 40px;
        bottom: 75px;
        transform: none
    }

    .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner {
        display: block;
        grid-gap: auto;
        padding-bottom: 1px
    }

    .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino {
        padding-top: 20px;
        margin-bottom: 60xp
    }

    .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img {
        margin-top: 0
    }

    .header-nav-multilang .show-compare .overlay .search-block-wrapper .brand-list-inner > .casino + .casino {
        margin-top: 20px
    }
}

.header-nav-multilang .show-compare .overlay .search-block {
    height: 300px;
    width: 262px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.header-nav-multilang .header-multilang-dropdown {
    cursor: default;
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: 205px;
    background: #3a345d;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .27);
    border-radius: 8px
}

.header-nav-multilang .header-multilang-dropdown ul {
    padding: 0;
    margin: 3px 15px 10px;
    list-style: none
}

.header-nav-multilang .header-multilang-dropdown ul li {
    display: inline-block;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    line-height: 19px;
    width: 75px;
    margin: 10px 5px
}

.header-nav-multilang .header-multilang-dropdown ul li a {
    color: #fff;
    line-height: 20px
}

.header-nav-multilang .header-multilang-dropdown ul li a img {
    display: inline-block;
    width: 27px;
    height: 19px;
    margin-right: 15px;
    border-radius: 6px;
    vertical-align: top
}

.header-nav-multilang .header-multilang-dropdown ul li a img.no-flag {
    background: #fff
}

.header-nav-multilang .header-multilang-dropdown ul li a:hover {
    text-shadow: 0 0 17px hsla(0, 0%, 100%, .5), 0 0 17px hsla(0, 0%, 100%, .5)
}

.header-nav-second-dropdown .header-nav-multilang .header-nav-multilang-button {
    background: #3b355f;
    color: #fff
}

.header-nav-second-dropdown .header-nav-multilang .header-nav-multilang-button:hover {
    background: #484275
}

footer.footer .header-nav-multilang {
    display: inline-block
}

footer.footer .header-nav-multilang .show-compare {
    display: none
}

footer.footer .header-nav-multilang .header-nav-multilang-button {
    background: #3f3e3e
}

footer.footer .header-nav-multilang .header-nav-multilang-button:hover {
    background: #595555
}

footer.footer .header-nav-multilang .header-multilang-dropdown {
    background: #595555;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .27);
    bottom: calc(100% + 8px);
    top: auto
}

.compare-list-page .compare-present h1, .compare-page .compare-present h1 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px
}

.compare-list-page .compare-present .casino-list, .compare-page .compare-present .casino-list {
    text-align: center;
    margin-bottom: 30px;
    font-size: 0;
    position: relative
}

.compare-list-page .compare-present .casino-list .remove-all, .compare-page .compare-present .casino-list .remove-all {
    position: absolute;
    top: 0;
    right: 0;
    font: 400 14px/16px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0;
    cursor: pointer
}

.compare-list-page .compare-present .casino-list .remove-all:before, .compare-page .compare-present .casino-list .remove-all:before {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    content: "";
    margin-right: 11px;
    background: url(/images/sites/top300/icons/cancel-grey.svg) no-repeat 50% 50%;
    background-size: 100% 100%;
    height: 12px;
    width: 12px
}

.compare-list-page .compare-present .casino-list > .casino, .compare-page .compare-present .casino-list > .casino {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
    margin: 0 15px;
    max-width: 262px;
    height: 262px;
    position: relative
}

.compare-list-page .compare-present .casino-list > .casino .edit-compare, .compare-page .compare-present .casino-list > .casino .edit-compare {
    display: inline-block;
    position: absolute;
    top: -8px;
    right: -8px;
    background: #6a7e96;
    border-radius: 12px;
    cursor: pointer
}

.compare-list-page .compare-present .casino-list > .casino .edit-compare > a, .compare-list-page .compare-present .casino-list > .casino .edit-compare > span, .compare-page .compare-present .casino-list > .casino .edit-compare > a, .compare-page .compare-present .casino-list > .casino .edit-compare > span {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    width: 24px;
    height: 24px;
    background: url(/images/sites/top300/icons/refresh.svg) no-repeat 50% 50%
}

.compare-list-page .compare-present .casino-list > .casino .edit-compare.delete-compare > a, .compare-list-page .compare-present .casino-list > .casino .edit-compare.delete-compare > span, .compare-page .compare-present .casino-list > .casino .edit-compare.delete-compare > a, .compare-page .compare-present .casino-list > .casino .edit-compare.delete-compare > span {
    background: url(/images/sites/top300/icons/cancel.svg) no-repeat 50% 50%;
    background-size: 8px 8px
}

.compare-list-page .compare-present .casino-list > .casino:first-child, .compare-page .compare-present .casino-list > .casino:first-child {
    margin-left: 0
}

.compare-list-page .compare-present .casino-list > .casino:nth-of-type(3), .compare-page .compare-present .casino-list > .casino:nth-of-type(3) {
    margin-right: 0
}

.compare-list-page .compare-present .casino-list > .casino .casino__img, .compare-page .compare-present .casino-list > .casino .casino__img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 30px auto 15px;
    position: relative
}

.compare-list-page .compare-present .casino-list > .casino .casino__img .edit-compare, .compare-page .compare-present .casino-list > .casino .casino__img .edit-compare {
    bottom: 0;
    top: auto;
    right: 11px;
    background-color: #ff5451
}

.compare-list-page .compare-present .casino-list > .casino .casino__img img, .compare-page .compare-present .casino-list > .casino .casino__img img {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.compare-list-page .compare-present .casino-list > .casino .casino-info, .compare-page .compare-present .casino-list > .casino .casino-info {
    padding: 0 8px;
    text-align: center
}

.compare-list-page .compare-present .casino-list > .casino .casino-info .casino__bonus, .compare-list-page .compare-present .casino-list > .casino .casino-info .casino__name, .compare-page .compare-present .casino-list > .casino .casino-info .casino__bonus, .compare-page .compare-present .casino-list > .casino .casino-info .casino__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 700 14px/15px Montserrat, sans-serif
}

.compare-list-page .compare-present .casino-list > .casino .casino-info .casino__name, .compare-page .compare-present .casino-list > .casino .casino-info .casino__name {
    color: #383838;
    margin: 5px 0 10px
}

.compare-list-page .compare-present .casino-list > .casino .casino-info .casino__bonus, .compare-page .compare-present .casino-list > .casino .casino-info .casino__bonus {
    color: #ff5451;
    padding-bottom: 10px
}

.compare-list-page .compare-present .casino-list > .casino.add-brand .edit-compare, .compare-page .compare-present .casino-list > .casino.add-brand .edit-compare {
    position: relative;
    right: auto;
    top: auto;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .23);
    margin-bottom: 12px
}

.compare-list-page .compare-present .casino-list > .casino.add-brand .edit-compare > span, .compare-page .compare-present .casino-list > .casino.add-brand .edit-compare > span {
    background: none;
    color: #ff5451;
    font: 400 18px/24px Montserrat, sans-serif;
    text-align: center
}

.compare-list-page .compare-present .casino-list > .casino.add-brand .add-brand-inner, .compare-page .compare-present .casino-list > .casino.add-brand .add-brand-inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font: 500 14px/18px Montserrat, sans-serif;
    color: #383838;
    text-align: center
}

@media (max-width: 1169px) {
    .compare-list-page .compare-present h1, .compare-page .compare-present h1 {
        margin-top: 30px
    }

    .compare-list-page .compare-present .casino-list .remove-all, .compare-page .compare-present .casino-list .remove-all {
        top: -50px
    }
}

@media (max-width: 1023px) {
    .compare-list-page .compare-present h1, .compare-page .compare-present h1 {
        margin-bottom: 60px
    }

    .compare-list-page .compare-present .casino-list .remove-all, .compare-page .compare-present .casino-list .remove-all {
        top: -40px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .compare-list-page .compare-present h1, .compare-page .compare-present h1 {
        margin-top: 30px
    }

    .compare-list-page .compare-present .casino-list, .compare-page .compare-present .casino-list {
        margin: 0 0 30px
    }

    .compare-list-page .compare-present .casino-list > .casino, .compare-page .compare-present .casino-list > .casino {
        width: calc(50% - 7px);
        margin: 0 6px;
        height: 194px
    }

    .compare-list-page .compare-present .casino-list > .casino > .casino__img, .compare-page .compare-present .casino-list > .casino > .casino__img {
        width: 74px;
        height: 74px;
        margin: 15px auto 10px
    }

    .compare-list-page .compare-present .casino-list > .casino > .casino__img .edit-compare, .compare-page .compare-present .casino-list > .casino > .casino__img .edit-compare {
        right: 0
    }

    .compare-list-page .compare-present .casino-list > .casino > .casino-info .casino__bonus, .compare-list-page .compare-present .casino-list > .casino > .casino-info .casino__name, .compare-page .compare-present .casino-list > .casino > .casino-info .casino__bonus, .compare-page .compare-present .casino-list > .casino > .casino-info .casino__name {
        font-size: 12px
    }
}

.compare-list-page .table-wrapper, .compare-page .table-wrapper {
    overflow: auto
}

.compare-list-page .table, .compare-page .table {
    border-radius: 8px;
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
    background: #fff;
    font: 400 14px/1.3em Montserrat, sans-serif;
    display: table;
    table-layout: fixed;
    min-width: 1140px
}

.compare-list-page .table .col, .compare-list-page .table .col-th, .compare-page .table .col, .compare-page .table .col-th {
    display: table-cell;
    text-align: center;
    height: 60px;
    min-height: 60px;
    border: 2px solid #f6f6f4;
    vertical-align: middle;
    padding: 10px
}

.compare-list-page .table .col-th a, .compare-list-page .table .col a, .compare-page .table .col-th a, .compare-page .table .col a {
    color: #383838;
    text-decoration: underline;
    cursor: pointer
}

.compare-list-page .table .col-th a:hover, .compare-list-page .table .col a:hover, .compare-page .table .col-th a:hover, .compare-page .table .col a:hover {
    text-decoration: none
}

.compare-list-page .table .col-th .filter-list a.button.button_menu.show-top.button-red, .compare-list-page .table .col-th .filter-list a.button.button_menu.show-top.button_brown-bg, .compare-list-page .table .col-th .filter-list a.button_menu.show-top.button_brown-bg.inverse, .compare-list-page .table .col-th a.button-red, .compare-list-page .table .col-th a.button_brown-bg, .compare-list-page .table .col .filter-list a.button.button_menu.show-top.button-red, .compare-list-page .table .col .filter-list a.button.button_menu.show-top.button_brown-bg, .compare-list-page .table .col .filter-list a.button_menu.show-top.button_brown-bg.inverse, .compare-list-page .table .col a.button-red, .compare-list-page .table .col a.button_brown-bg, .compare-page .table .col-th .filter-list a.button.button_menu.show-top.button-red, .compare-page .table .col-th .filter-list a.button.button_menu.show-top.button_brown-bg, .compare-page .table .col-th .filter-list a.button_menu.show-top.button_brown-bg.inverse, .compare-page .table .col-th a.button-red, .compare-page .table .col-th a.button_brown-bg, .compare-page .table .col .filter-list a.button.button_menu.show-top.button-red, .compare-page .table .col .filter-list a.button.button_menu.show-top.button_brown-bg, .compare-page .table .col .filter-list a.button_menu.show-top.button_brown-bg.inverse, .compare-page .table .col a.button-red, .compare-page .table .col a.button_brown-bg, .filter-list .compare-list-page .table .col-th a.button.button_menu.show-top.button-red, .filter-list .compare-list-page .table .col-th a.button.button_menu.show-top.button_brown-bg, .filter-list .compare-list-page .table .col-th a.button_menu.show-top.button_brown-bg.inverse, .filter-list .compare-list-page .table .col a.button.button_menu.show-top.button-red, .filter-list .compare-list-page .table .col a.button.button_menu.show-top.button_brown-bg, .filter-list .compare-list-page .table .col a.button_menu.show-top.button_brown-bg.inverse, .filter-list .compare-page .table .col-th a.button.button_menu.show-top.button-red, .filter-list .compare-page .table .col-th a.button.button_menu.show-top.button_brown-bg, .filter-list .compare-page .table .col-th a.button_menu.show-top.button_brown-bg.inverse, .filter-list .compare-page .table .col a.button.button_menu.show-top.button-red, .filter-list .compare-page .table .col a.button.button_menu.show-top.button_brown-bg, .filter-list .compare-page .table .col a.button_menu.show-top.button_brown-bg.inverse {
    color: #fff;
    text-decoration: none
}

.compare-list-page .table .col-th span.star-fill, .compare-list-page .table .col span.star-fill, .compare-page .table .col-th span.star-fill, .compare-page .table .col span.star-fill {
    display: inline-block;
    width: 16px;
    height: 15px;
    vertical-align: top;
    margin: 1px 4px 0 0;
    background: url(/images/sites/top300/icons/star_fill.svg) no-repeat 50% 50%;
    background-size: contain
}

.compare-list-page .table .col-th span:nth-child(n+4), .compare-list-page .table .col span:nth-child(n+4), .compare-page .table .col-th span:nth-child(n+4), .compare-page .table .col span:nth-child(n+4) {
    display: inline
}

.compare-list-page .table .col-th span.hide-more, .compare-list-page .table .col span.hide-more, .compare-page .table .col-th span.hide-more, .compare-page .table .col span.hide-more {
    display: inline;
    text-decoration: underline
}

.compare-list-page .table .col-th span.hide-more:hover, .compare-list-page .table .col span.hide-more:hover, .compare-page .table .col-th span.hide-more:hover, .compare-page .table .col span.hide-more:hover {
    text-decoration: none;
    cursor: pointer
}

.compare-list-page .table .col-th span.show-more, .compare-list-page .table .col span.show-more, .compare-page .table .col-th span.show-more, .compare-page .table .col span.show-more {
    display: none;
    text-decoration: underline
}

.compare-list-page .table .col-th span.show-more:hover, .compare-list-page .table .col span.show-more:hover, .compare-page .table .col-th span.show-more:hover, .compare-page .table .col span.show-more:hover {
    text-decoration: none;
    cursor: pointer
}

.compare-list-page .table .col-th.hidden span:nth-child(n+4), .compare-list-page .table .col.hidden span:nth-child(n+4), .compare-page .table .col-th.hidden span:nth-child(n+4), .compare-page .table .col.hidden span:nth-child(n+4) {
    display: none
}

.compare-list-page .table .col-th.hidden span.show-more, .compare-list-page .table .col.hidden span.show-more, .compare-page .table .col-th.hidden span.show-more, .compare-page .table .col.hidden span.show-more {
    display: inline
}

.compare-list-page .table .col-th.hidden span.hide-more, .compare-list-page .table .col.hidden span.hide-more, .compare-page .table .col-th.hidden span.hide-more, .compare-page .table .col.hidden span.hide-more {
    display: none
}

.compare-list-page .table .col-th, .compare-page .table .col-th {
    background: hsla(0, 0%, 84.7%, .1);
    font-weight: 700;
    border-top: 0;
    padding: 18px 24px
}

.compare-list-page .table .col, .compare-list-page .table .col-th, .compare-page .table .col, .compare-page .table .col-th {
    border-radius: 0;
    width: calc(50% - 131px);
    min-width: 232px
}

.compare-list-page .table .col-th:after, .compare-list-page .table .col:after, .compare-page .table .col-th:after, .compare-page .table .col:after {
    display: block;
    height: 0;
    content: "";
    min-width: 232px
}

.compare-list-page .table .col-th:first-child, .compare-list-page .table .col:first-child, .compare-page .table .col-th:first-child, .compare-page .table .col:first-child {
    border-left: 0;
    width: 262px
}

.compare-list-page .table .col-th:last-child, .compare-list-page .table .col:last-child, .compare-page .table .col-th:last-child, .compare-page .table .col:last-child {
    border-right: 0
}

.compare-list-page .table .row, .compare-page .table .row {
    display: table-row
}

.compare-list-page .table .row.no-border .col, .compare-list-page .table .row.no-border .col-th, .compare-page .table .row.no-border .col, .compare-page .table .row.no-border .col-th {
    border: 0
}

.compare-list-page .table .row:last-child .col, .compare-page .table .row:last-child .col {
    border-bottom: 0
}

.compare-list-page.compare-3 .table .col, .compare-list-page.compare-3 .table .col-th, .compare-page.compare-3 .table .col, .compare-page.compare-3 .table .col-th {
    width: calc(33% - 87.33333px)
}

.compare-list-page.compare-3 .compare-present .casino-list > .casino, .compare-page.compare-3 .compare-present .casino-list > .casino {
    width: calc(33.3% - 15px)
}

@media (max-width: 1023px) {
    .compare-list-page.compare-3 .compare-present .casino-list > .casino, .compare-page.compare-3 .compare-present .casino-list > .casino {
        width: calc(33.3% - 20px)
    }
}

@media (max-width: 767px) {
    .compare-list-page.compare-3 .compare-present .casino-list > .casino, .compare-page.compare-3 .compare-present .casino-list > .casino {
        width: calc(33.3% - 9px)
    }

    .compare-list-page.compare-3 .compare-present .casino-list > .casino > .casino__rating, .compare-page.compare-3 .compare-present .casino-list > .casino > .casino__rating {
        display: block
    }
}

.compare-list-page .compare-block .title h2, .compare-page .compare-block .title h2 {
    display: inline-block;
    vertical-align: middle
}

.compare-list-page .compare-block .title .toggle-table, .compare-page .compare-block .title .toggle-table {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
    transition: all .2s linear 0s;
    background: url(/images/sites/top300/icons/arrow-icon.svg) no-repeat 50% 50%;
    margin-bottom: 20px;
    cursor: pointer
}

.compare-list-page .compare-block .title .toggle-table:hover, .compare-page .compare-block .title .toggle-table:hover {
    background: url(/images/sites/top300/icons/arrow-hover-icon.svg) no-repeat 50% 50%
}

.compare-list-page .compare-block .title .toggle-table.opened, .compare-page .compare-block .title .toggle-table.opened {
    transform: rotate(0);
    transition: all .2s linear 0s
}

.compare-list-page .compare-block .no-flag, .compare-page .compare-block .no-flag {
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .4)
}

.compare-list-page .compare-block + .compare-block, .compare-page .compare-block + .compare-block {
    margin-top: 30px
}

.compare-list-page .refresh-compare .overlay, .compare-page .refresh-compare .overlay {
    position: fixed;
    top: -70px;
    height: 100vh;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    background: rgba(0, 0, 0, .8);
    z-index: 100000;
    display: flex;
    justify-content: center;
    align-items: center
}

.compare-list-page .refresh-compare .overlay .overlay-inner, .compare-page .refresh-compare .overlay .overlay-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper {
    max-height: 561px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    position: relative;
    z-index: 50;
    background: #fff;
    border-radius: 8px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .title, .compare-page .refresh-compare .overlay .search-block-wrapper .title {
    font: 700 18px/22px Montserrat, sans-serif;
    color: #383838;
    text-align: center;
    margin: 30px auto 20px;
    padding: 0 30px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper input, .compare-page .refresh-compare .overlay .search-block-wrapper input {
    width: 190px;
    margin: 0 auto 22px;
    padding: 0 30px 0 15px;
    position: relative;
    background: url(/images/sites/top300/icons/search-icon.svg) no-repeat calc(100% - 7px) 50%;
    background-size: 16px 16px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 20px;
    margin: 0 auto 70px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino {
    width: 200px;
    height: 280px;
    position: relative
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img {
    margin-top: 20px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino-info .casino__name, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino-info .casino__name {
    margin: 5px 0 15px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating {
    margin-bottom: 20px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars {
    display: flex
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.empty_class, .compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.fill, .compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.half, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.empty_class, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.fill, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__rating__stars span.half {
    background-size: contain;
    width: 14px;
    height: 13px;
    margin: 0 2px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .selected-casino-label, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .selected-casino-label {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    right: -7px;
    background: #4cb14d url(/images/sites/top300/icons/check.svg) 50% 50% no-repeat
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer {
    position: absolute;
    bottom: 0;
    z-index: 100;
    height: 70px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .9)
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse {
    position: static
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper {
    position: absolute;
    top: calc(100% - 112px);
    right: 0;
    left: 0;
    display: none
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos {
    top: calc(100% + 10px);
    min-width: 90px;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .27);
    border-radius: 8px;
    color: #e2574c;
    height: 40px;
    font: 500 14px/40px Montserrat, sans-serif;
    text-align: center;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    width: auto;
    transition: all .3s linear .3s;
    right: 0;
    left: 0
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos:before, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:before, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:before, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos:before, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:before, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(/images/sites/top300/icons/round-error_outline.svg) no-repeat 50% 50%;
    background-size: contain;
    margin-right: 10px
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos:after, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:after, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:after, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos:after, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:after, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos:after {
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    right: calc(50% - 10px);
    border-bottom: 0;
    border-top: 6px solid #fff;
    top: 100%;
    bottom: auto
}

@media (max-width: 1169px) {
    .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled .add-more-casinos-wrapper .add-more-casinos, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse .add-more-casinos-wrapper .add-more-casinos {
        right: calc(100% - 90px)
    }
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled:hover .add-more-casinos-wrapper, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse:hover .add-more-casinos-wrapper, .compare-list-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse:hover .add-more-casinos-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer .button.disabled:hover .add-more-casinos-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer a.disabled.button_brown-bg.inverse:hover .add-more-casinos-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper .search-block-footer button.disabled.button_brown-bg.inverse:hover .add-more-casinos-wrapper {
    display: block
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .ps, .compare-page .refresh-compare .overlay .search-block-wrapper .ps {
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%
}

.compare-list-page .refresh-compare .overlay .search-block-wrapper .close, .compare-page .refresh-compare .overlay .search-block-wrapper .close {
    position: absolute;
    top: -22px;
    cursor: pointer;
    right: 0;
    height: 12px;
    width: 12px;
    background: url(/images/sites/top300/icons/cancel.svg) no-repeat 50% 50%;
    background-size: contain
}

@media (max-width: 767px) {
    .compare-list-page .refresh-compare .overlay .search-block-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper {
        width: calc(100% - 20px);
        height: calc(100vh - 110px);
        transform: translateY(50px)
    }

    .compare-list-page .refresh-compare .overlay .search-block-wrapper .title, .compare-page .refresh-compare .overlay .search-block-wrapper .title {
        margin-top: 20px
    }

    .compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 20px
    }
}

@media (max-width: 479px) {
    .compare-list-page .refresh-compare .overlay .search-block-wrapper, .compare-page .refresh-compare .overlay .search-block-wrapper {
        height: auto;
        position: absolute;
        top: 40px;
        bottom: 75px;
        transform: none
    }

    .compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner {
        display: block;
        grid-gap: auto;
        padding-bottom: 1px
    }

    .compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino {
        padding-top: 20px;
        margin-bottom: 60xp
    }

    .compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino .casino__img {
        margin-top: 0
    }

    .compare-list-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino + .casino, .compare-page .refresh-compare .overlay .search-block-wrapper .brand-list-inner > .casino + .casino {
        margin-top: 20px
    }
}

.compare-list-page .refresh-compare .overlay .search-block, .compare-page .refresh-compare .overlay .search-block {
    height: 300px;
    width: 262px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.compare-list-page .popular-compare-list .title:before {
    display: inline-block;
    content: "";
    vertical-align: top;
    background: url(/images/sites/top300/icons/star_fill.svg) no-repeat 50% 50%;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    margin: 2px 10px 0 0
}

.compare-list-page .popular-compare-list__inner {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 30px 30px
}

.compare-list-page .popular-compare-list__inner .block {
    height: 221px;
    min-height: 221px;
    max-height: 221px;
    padding: 30px 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.compare-list-page .popular-compare-list__inner .block .compared-brands-list {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.compare-list-page .popular-compare-list__inner .block .casino-item {
    width: 100px;
    margin: 0 7px;
    text-align: center;
    position: relative
}

.compare-list-page .popular-compare-list__inner .block .casino-item picture {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

.compare-list-page .popular-compare-list__inner .block .casino-item .casino-name {
    margin-top: 12px;
    display: block
}

.compare-list-page .popular-compare-list__inner .block .casino-item + .casino-item:before {
    position: absolute;
    width: 24px;
    height: 24px;
    background: #6a7e96;
    content: "vs";
    font: 500 12px/24px Montserrat, sans-serif;
    color: #fff;
    text-align: center;
    left: -19px;
    top: 18px;
    border-radius: 50%;
    overflow: hidden
}

.compare-list-page .popular-compare-list__inner .block a {
    width: 160px;
    margin: 0 auto
}

.compare-list-page .other-comparisons {
    margin-top: 30px
}

.compare-list-page .other-comparisons .header-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.compare-list-page .other-comparisons .header-block .search-field {
    width: 262px;
    min-width: 262px;
    max-width: 262px;
    position: relative
}

.compare-list-page .other-comparisons .header-block .search-field input[type=text] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 35px
}

.compare-list-page .other-comparisons .header-block .search-field button {
    background: url(/images/sites/top300/icons/search-button.svg) no-repeat 50% 50%;
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    border: none;
    position: absolute;
    top: 12px;
    left: 10px;
    z-index: 40;
    transition: opacity .15s ease-in-out, background .15s ease-in-out
}

.compare-list-page .other-comparisons .header-block .search-field button:hover {
    opacity: .5
}

.compare-list-page .other-comparisons .header-block .search-field .clear-search-form {
    background: url(/images/sites/top300/icons/cancel-grey.svg) no-repeat 50% 50%;
    display: block;
    position: absolute;
    right: 13px;
    top: 14px;
    width: 12px;
    height: 12px;
    z-index: 41;
    cursor: pointer
}

.compare-list-page .other-comparisons .header-block .search-field .clear-search-form:hover {
    opacity: .5
}

.compare-list-page .other-comparisons .header-block .quick-access {
    display: flex
}

.compare-list-page .other-comparisons .header-block .quick-access .quick-access-button {
    font: 400 14px/40px Montserrat, sans-serif;
    text-transform: uppercase;
    color: #383838;
    width: 40px;
    border-radius: 8px;
    text-align: center
}

.compare-list-page .other-comparisons .header-block .quick-access .quick-access-button.active, .compare-list-page .other-comparisons .header-block .quick-access .quick-access-button:hover {
    color: #ff5451;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
    cursor: pointer
}

.compare-list-page .other-comparisons .header-block .quick-access .quick-access-button + .quick-access-button {
    margin-left: 36px
}

.compare-list-page .other-comparisons .pages-list {
    padding: 40px 30px
}

.compare-list-page .other-comparisons .pages-list .title {
    font: 700 18px/22px Montserrat, sans-serif;
    color: #383838;
    margin-bottom: 30px
}

.compare-list-page .other-comparisons .pages-list .pages-list-inner {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 40px 30px;
    margin-bottom: 40px
}

.compare-list-page .other-comparisons .pages-list .pages-list-inner .compare-page-link {
    display: block;
    text-decoration: none;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #383838
}

.compare-list-page .other-comparisons .pages-list .pages-list-inner .compare-page-link:hover {
    cursor: pointer;
    color: #277de5;
    text-decoration: underline
}

.compare-list-page .other-comparisons .pages-list .pages-list-inner .compare-page-link + .compare-page-link {
    margin-top: 20px
}

.compare-list-page .other-comparisons .pages-list .pages-list-inner .show-more {
    color: #6a7e96;
    font: 400 14px/18px Montserrat, sans-serif;
    text-decoration: underline;
    margin-top: 30px;
    display: block
}

.compare-list-page .other-comparisons .pages-list .pages-list-inner .show-more:hover {
    color: #ff5451;
    cursor: pointer;
    text-decoration: underline
}

@media (max-width: 1169px) {
    .compare-list-page .popular-compare-list__inner {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 40px 20px
    }

    .compare-list-page .other-comparisons header-block .quick-access .quick-access-button + .quick-access-button {
        margin-left: 16px
    }

    .compare-list-page .other-comparisons .pages-list {
        padding: 30px
    }

    .compare-list-page .other-comparisons .pages-list .pages-list-inner {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 40px 20px;
        margin-bottom: 30px
    }
}

@media (max-width: 1023px) {
    .compare-list-page .other-comparisons .header-block .quick-access {
        flex-wrap: wrap
    }

    .compare-list-page .other-comparisons .header-block .quick-access .quick-access-button {
        margin-right: 16px
    }

    .compare-list-page .other-comparisons .header-block .quick-access .quick-access-button + .quick-access-button {
        margin-left: 0
    }

    .compare-list-page .other-comparisons .header-block .quick-access .quick-access-button:last-child {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .compare-list-page .popular-compare-list .title:before {
        margin-top: 0
    }

    .compare-list-page .popular-compare-list__inner {
        display: block
    }

    .compare-list-page .popular-compare-list__inner .block {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
        height: 206px;
        min-height: 206px;
        max-height: 206px;
        padding: 20px 15px
    }

    .compare-list-page .popular-compare-list__inner .block + .block {
        margin-top: 15px
    }

    .compare-list-page .other-comparisons .header-block {
        display: block
    }

    .compare-list-page .other-comparisons .header-block .quick-access {
        margin-bottom: 10px
    }

    .compare-list-page .other-comparisons .header-block .quick-access .quick-access-button {
        margin-right: 36px
    }

    .compare-list-page .other-comparisons .header-block .search-field {
        display: block;
        margin: 0 auto;
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }

    .compare-list-page .other-comparisons .pages-list {
        padding: 30px 20px
    }

    .compare-list-page .other-comparisons .pages-list .pages-list-inner {
        grid-template-columns:repeat(1, 1fr);
        grid-gap: 40px
    }
}

.search-field {
    width: 262px;
    min-width: 262px;
    max-width: 262px;
    position: relative
}

.search-field input[type=text] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 35px
}

.search-field button {
    background: url(/images/sites/top300/icons/search-button.svg) no-repeat 50% 50%;
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    border: none;
    position: absolute;
    top: 12px;
    left: 10px;
    z-index: 40;
    transition: opacity .15s ease-in-out, background .15s ease-in-out
}

.search-field button:hover {
    opacity: .5
}

.search-field .clear-search-form {
    background: url(/images/sites/top300/icons/cancel-grey.svg) no-repeat 50% 50%;
    display: block;
    position: absolute;
    right: 13px;
    top: 14px;
    width: 12px;
    height: 12px;
    z-index: 41;
    cursor: pointer
}

.search-field .clear-search-form:hover {
    opacity: .5
}

@media (max-width: 767px) {
    .search-field {
        display: block;
        margin: 0 auto;
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

.casino-bonus-item {
    height: 197px;
    width: 100%;
    text-align: left
}

.casino-bonus-item + * {
    margin-top: 30px
}

.casino-bonus-item__body {
    height: 140px;
    padding: 20px 30px 20px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.casino-bonus-item__body .casino__info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap
}

.casino-bonus-item__body .casino__info .casino__img {
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    display: block;
    overflow: hidden;
    margin-right: 20px
}

.casino-bonus-item__body .casino__info .casino__img img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-label {
    color: #fff;
    height: 22px;
    font: 400 12px/22px Montserrat, sans-serif;
    background: #8251ff;
    border-radius: 3px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 5px
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-label.label_2 {
    background: #23c14f
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-label.label_3 {
    background: #3a97d6
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-label.label_4 {
    background: #ff51a3
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-name {
    margin: 10px 0 0;
    font: 700 18px/22px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-name a {
    color: #383838
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-name + .more-info {
    margin-top: 20px;
    display: block;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #6a7e96;
    letter-spacing: 0;
    text-decoration: underline
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-name + .more-info:hover {
    text-decoration: none;
    cursor: pointer
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-name .casino__info-rating {
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    font: 400 14px/22px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0
}

.casino-bonus-item__body .casino__info .casino__about .casino__info-name .casino__info-rating:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(/images/sites/top300/icons/star_fill.svg) 50% 50% no-repeat;
    background-size: contain;
    margin: -4px 5px 0 0
}

.casino-bonus-item__body .casino__bonus__dep {
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column
}

.casino-bonus-item__body .casino__bonus__dep .casino__bonus, .casino-bonus-item__body .casino__bonus__dep .casino__dep {
    font: 400 14px/22px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.casino-bonus-item__body .casino__bonus__dep .casino__bonus b, .casino-bonus-item__body .casino__bonus__dep .casino__dep b {
    font-weight: 700;
    font-size: 18px;
    margin-top: 5px
}

.casino-bonus-item__body .casino__bonus__dep .casino__bonus b {
    color: #ff5451
}

.casino-bonus-item__body .casino__bonus__dep .casino__dep {
    margin-top: 5px
}

.casino-bonus-item__body .casino__links {
    display: flex;
    flex-direction: column;
    align-items: center
}

.casino-bonus-item__body .casino__links .more-info {
    margin-right: 50px;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #6a7e96;
    letter-spacing: 0;
    text-decoration: underline
}

.casino-bonus-item__body .casino__links .more-info:hover {
    text-decoration: none;
    cursor: pointer
}

.casino-bonus-item__body .casino__links > .button, .casino-bonus-item__body .casino__links > a.button_brown-bg.inverse, .casino-bonus-item__body .casino__links > button.button_brown-bg.inverse {
    width: 160px
}

.casino-bonus-item__body .casino__links > .button + .rating, .casino-bonus-item__body .casino__links > a.button_brown-bg.inverse + .rating, .casino-bonus-item__body .casino__links > button.button_brown-bg.inverse + .rating {
    margin-top: 15px
}

.casino-bonus-item__body .casino__links .rating {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.casino-bonus-item__body .casino__links .rating .rating-stars {
    margin-top: 5px
}

.casino-bonus-item__body .casino__links.show-review {
    flex-direction: row
}

.casino-bonus-item__footer {
    height: calc(100% - 140px);
    border-top: 1px solid hsla(0, 0%, 59.2%, .1);
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.casino-bonus-item__footer-descr-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    font: 400 12px/21px Montserrat, sans-serif;
    color: #6a7e96
}

.casino-bonus-item__footer-descr-left div {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center
}

.casino-bonus-item__footer-descr-left div .tc-applies {
    margin-right: 10px
}

.casino-bonus-item__footer-descr-left a {
    color: #277de5;
    text-decoration: none
}

.casino-bonus-item__footer-descr-left a:hover {
    text-decoration: underline;
    cursor: pointer
}

.casino-bonus-item__footer-descr {
    width: 464px;
    font: 400 12px/18px Montserrat, sans-serif;
    color: #848484;
    letter-spacing: 0
}

.casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left {
    width: calc(100% - 464px)
}

.casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left div {
    flex-direction: row;
    display: block;
    justify-content: center;
    align-items: center
}

.casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left div .tc-applies {
    margin-right: 0
}

.casino-bonus-item.top-casino-bonus-preview {
    height: auto;
    position: relative
}

.casino-bonus-item.top-casino-bonus-preview .casino-bonus-item__header {
    height: 58px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 87.5%, .4);
    padding: 0 20px
}

.casino-bonus-item.top-casino-bonus-preview .casino-bonus-item__header .title {
    font: 600 14px/18px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0
}

.casino-bonus-item.top-casino-bonus-preview .casino-bonus-item__header .title:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(/images/sites/top300/icons/star_fill.svg) 50% 50% no-repeat;
    background-size: contain;
    margin: -4px 5px 0 0
}

.casino-bonus-item.top-casino-bonus-preview .casino-bonus-item__header .show-all {
    color: #6a7e96;
    text-decoration: underline;
    font: 400 14px/18px Montserrat, sans-serif
}

.casino-bonus-item.top-casino-bonus-preview .casino-bonus-item__header .show-all:hover {
    text-decoration: none
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    height: 235px;
    padding: 20px
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item {
    width: calc(25% - 8px);
    background: #f8f8f8;
    border-radius: 8px;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-img {
    height: 60px;
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    overflow: hidden;
    display: block
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-descr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font: 700 14px/15px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0;
    text-align: center;
    margin-top: 10px
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-descr .preview__item-name {
    height: 33px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-descr .preview__item-bonus-rate {
    font-weight: 400;
    margin-top: 7px
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-descr .preview__item-bonus-rate:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(/images/sites/top300/icons/star_fill.svg) 50% 50% no-repeat;
    background-size: contain;
    margin: -4px 5px 0 0
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-wel-bonus {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
    font: 400 12px/15px Montserrat, sans-serif;
    color: #6a7e96;
    letter-spacing: 0
}

.casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-wel-bonus b {
    font-size: 14px;
    font-weight: 700;
    color: #ff5451;
    margin-top: 5px
}

.top-casino-bonus .casino-bonus-item {
    height: 170px
}

.top-casino-bonus .casino-bonus-item__body {
    padding: 20px 30px;
    height: 120px
}

.top-casino-bonus .casino-bonus-item__body .casino__info .casino__img {
    min-width: 60px;
    width: 60px;
    height: 60px
}

.top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__bonus, .top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__dep {
    flex-direction: row
}

.top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__bonus b, .top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__dep b {
    margin-top: 0;
    margin-left: 5px
}

.top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__dep {
    margin-top: 10px
}

.top-casino-bonus .casino-bonus-item__footer {
    height: calc(100% - 120px)
}

.top-casino-bonus .casino-bonus-item__footer-descr-left {
    align-items: center
}

.top-casino-bonus .casino-bonus-item__footer-descr-left div {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center
}

.top-casino-bonus .casino-bonus-item__footer-descr-left div .tc-applies {
    margin-right: 10px
}

.top-casino-bonus .casino-bonus-item__footer-descr {
    width: 720px
}

.top-casino-bonus .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left {
    width: calc(100% - 720px);
    align-items: flex-end
}

@media (max-width: 1169px) {
    .casino-bonus-item + * {
        margin-top: 20px
    }

    .casino-bonus-item__body {
        padding: 20px 38px 20px 20px
    }

    .casino-bonus-item__body .casino__info {
        width: 275px;
        overflow: hidden
    }

    .casino-bonus-item__body .casino__info .casino__about .casino__info-name .casino__info-rating {
        margin: 10px 0 0;
        display: block
    }

    .casino-bonus-item__body .casino__bonus__dep {
        width: 150px;
        overflow: hidden
    }

    .casino-bonus-item__body .casino__links {
        width: 160px
    }

    .casino-bonus-item__body .casino__links.show-review {
        flex-direction: column
    }

    .casino-bonus-item__body .casino__links.show-review > .button, .casino-bonus-item__body .casino__links.show-review > a.button_brown-bg.inverse, .casino-bonus-item__body .casino__links.show-review > button.button_brown-bg.inverse {
        order: 1
    }

    .casino-bonus-item__body .casino__links.show-review .more-info {
        order: 2;
        margin: 20px 0 0
    }

    .top-casino-bonus .casino-bonus-item {
        height: 197px
    }

    .top-casino-bonus .casino-bonus-item__body {
        height: 140px;
        padding: 20px 38px 20px 20px
    }

    .top-casino-bonus .casino-bonus-item__body .casino__info .casino__img {
        width: 100px;
        height: 100px;
        min-width: 100px
    }

    .top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__bonus, .top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__dep {
        flex-direction: column
    }

    .top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__bonus b, .top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__dep b {
        margin-top: 5px;
        margin-left: 0
    }

    .top-casino-bonus .casino-bonus-item__footer {
        height: calc(100% - 140px)
    }

    .top-casino-bonus .casino-bonus-item__footer-descr-left {
        width: 100%;
        align-items: center
    }

    .top-casino-bonus .casino-bonus-item__footer-descr {
        width: 464px
    }

    .top-casino-bonus .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left {
        width: calc(100% - 464px)
    }

    .top-casino-bonus .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left div {
        flex-direction: column;
        align-items: flex-start
    }

    .top-casino-bonus .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left div .tc-applies {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .casino-bonus-item {
        height: auto
    }

    .casino-bonus-item + * {
        margin-top: 15px
    }

    .casino-bonus-item__body {
        padding: 15px 15px 20px;
        flex-direction: column;
        justify-content: space-between;
        height: 300px;
        align-items: flex-start
    }

    .casino-bonus-item__body .casino__info .casino__img {
        margin-right: 15px
    }

    .casino-bonus-item__body .casino__info .casino__about .casino__info-name + .more-info {
        margin-top: 10px
    }

    .casino-bonus-item__body .casino__bonus__dep {
        width: 100%;
        flex-direction: row
    }

    .casino-bonus-item__body .casino__bonus__dep > * {
        width: 50%
    }

    .casino-bonus-item__body .casino__bonus__dep .casino__dep {
        margin-top: 0
    }

    .casino-bonus-item__body .casino__links, .casino-bonus-item__body .casino__links > .button, .casino-bonus-item__body .casino__links > a.button_brown-bg.inverse, .casino-bonus-item__body .casino__links > button.button_brown-bg.inverse {
        width: 100%
    }

    .casino-bonus-item__footer {
        padding: 15px;
        flex-direction: column;
        justify-content: space-between;
        height: auto
    }

    .casino-bonus-item__footer-descr-left {
        width: 100%;
        justify-content: flex-start;
        flex-direction: row
    }

    .casino-bonus-item__footer-descr-left.row div, .casino-bonus-item__footer-descr-left div {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .casino-bonus-item__footer-descr-left.row div .tc-applies, .casino-bonus-item__footer-descr-left div .tc-applies {
        margin-right: 10px
    }

    .casino-bonus-item__footer-descr {
        width: 100%
    }

    .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left {
        width: 100%;
        margin-top: 10px
    }

    .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left div {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left div .tc-applies {
        margin-right: 10px
    }

    .casino-bonus-item.top-casino-bonus-preview {
        height: auto
    }

    .casino-bonus-item.top-casino-bonus-preview .casino-bonus-item__header .show-all {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% - 38px);
        text-align: center
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        width: 100%;
        padding-bottom: 58px
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-img {
        margin-right: 15px
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-descr {
        flex-direction: row;
        align-items: center;
        margin-top: 0;
        text-align: left
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-descr .preview__item-descr {
        height: auto;
        display: inline-block
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-descr .preview__item-bonus-rate {
        margin: 0 0 0 5px
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item .preview__item-wel-bonus {
        align-items: flex-start;
        margin-top: 10px
    }

    .casino-bonus-item.top-casino-bonus-preview .top-casino-bonus-preview__list .top-casino-bonus-preview__item + .top-casino-bonus-preview__item {
        margin-top: 15px
    }

    .top-casino-bonus .casino-bonus-item {
        height: auto
    }

    .top-casino-bonus .casino-bonus-item__body {
        height: 300px;
        padding: 15px 15px 20px
    }

    .top-casino-bonus .casino-bonus-item__body .casino__bonus__dep .casino__dep {
        margin-top: 0
    }

    .top-casino-bonus .casino-bonus-item__footer {
        height: auto
    }

    .top-casino-bonus .casino-bonus-item__footer-descr, .top-casino-bonus .casino-bonus-item__footer-descr + .casino-bonus-item__footer-descr-left {
        width: 100%
    }

    .top-casino-bonus .casino-bonus-item__footer-descr-left {
        width: 100%;
        flex-direction: row
    }
}

.casino-bonus-counter {
    background: #e5edf7;
    border: 1px dashed #6a7e96;
    border-radius: 8px;
    font: 400 14px/18px Montserrat, sans-serif;
    color: #383838;
    padding: 5px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    min-height: 48px;
    justify-content: space-between
}

.casino-bonus-counter + * {
    margin-top: 30px
}

.casino-bonus-counter .num {
    margin-right: 5px;
    color: #ff5451;
    font-weight: 700
}

.casino-bonus-counter > div {
    margin: 10px 20px;
    width: 30%
}

@media (max-width: 767px) {
    .casino-bonus-counter {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .casino-bonus-counter > div {
        width: 100%
    }
}

.bonus-list-page__title .descr, .bonus-list-page__title h1 {
    text-align: center
}

.bonus-list-page__title h1 {
    margin-bottom: 0
}

.bonus-list-page__title .descr {
    font-family: 400 14px, 21px, Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0;
    margin: 20px auto 30px;
    max-width: calc(100% - 100px)
}

.bonus-list-page__title .available-bonus {
    font: 400 14px/18px Montserrat, sans-serif;
    color: #383838;
    letter-spacing: 0;
    text-align: left;
    margin: 12px 0 20px
}

.bonus-list-page__title .available-bonus b {
    font-weight: 700;
    color: #ff5451
}

.bonus-list-page .search-field {
    margin: 0 auto
}

.bonus-list-page .filter {
    margin: -8px 0 20px
}

@media (max-width: 1169px) {
    .bonus-list-page__title .descr {
        margin: 20px auto
    }

    .bonus-list-page__title .available-bonus {
        margin: 30px 0 20px
    }

    .bonus-list-page .search-field {
        margin: 0 auto
    }
}

@media (max-width: 1023px) {
    .bonus-list-page ul ul {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .bonus-list-page__title .descr, .bonus-list-page__title h1 {
        text-align: center
    }

    .bonus-list-page__title h1 {
        margin-bottom: 0
    }

    .bonus-list-page__title .descr {
        margin: 15px auto 20px;
        max-width: 100%
    }

    .bonus-list-page__title .available-bonus {
        margin: 20px 0 15px
    }
}

.grecaptcha-badge {
    display: none
}

.hide {
    display: none !important
}

.ajax-load {
    transition: all .5s;
    opacity: .5
}

.sitemap .article-text h2 {
    text-align: center;
    margin: 24px 0
}

.sitemap .sitemap-flex-container {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap
}

.sitemap .sitemap-flex-container .sitemap-flex-element {
    flex: 1 0 20%;
    max-width: calc(25% - 11px);
    margin: 5px
}

.sitemap .sitemap-flex-container .sitemap-flex-element a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#errors, #responce {
    display: none
}

.footer-nav .menu-icon, .header-nav .menu-icon, .header-secondnav .menu-icon {
    display: inline;
    position: relative;
    top: 0
}

.breadcrumbs [itemprop=itemListElement]:last-child a {
    pointer-events: none
}

.admin-manage-panel {
    background: rgba(255, 17, 0, .5) !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 99999999 !important;
    padding: 2px !important
}

.admin-manage-panel a {
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 5px 8px !important;
    line-height: 2 !important;
    color: #e7e7e7 !important
}

.admin-manage-panel a:focus, .admin-manage-panel a:hover {
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important
}