@charset "UTF-8";

.mirror-vertical {
    transform: scaleX(-1)
}

.not-found-wrapper {
    text-align: center;
    padding: 30px 0 100px
}

.sidebar-makers {
    margin-top: 4rem
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

a.upcoming-btn {
    display: inline-block;
    outline: 0;
    border-radius: 60px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 3px 25px;
    background: linear-gradient(175deg, #75d582 10%, #30993b 93%)
}

a.upcoming-btn:hover {
    color: #fff
}

.maker-side-item {
    font-family: Helvetica;
    font-size: 14px;
    color: #bbbcbb;
    letter-spacing: 0;
    width: 100%;
    display: block;
    border: 1px solid #eee;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 10px 0
}

.maker-side-item:hover {
    color: #fff;
    background-color: #3c3d3c;
    border-color: #3c3d3c
}

.blank-divider-group {
    padding: 1rem 0 1rem 0
}

.blank-divider-group button {
    border: none;
    background: 0 0;
    color: #aaa;
    font-family: Helvetica;
    font-size: 14px;
    letter-spacing: 0;
    padding: 8px 30px;
    border-right: 1px solid #aaa;
    outline: 0
}

.blank-divider-group button:hover {
    color: #999
}

.blank-divider-group button:focus {
    outline: 0
}

.blank-divider-group button:last-child {
    border: none;
    padding-right: 0
}

body.expert_article {
    padding-top: 54px !important
}

p.mobileButton18plusText {
    font-size: 12px;
    color: #fff
}

.widget .mk-searchform .text-input {
    margin: 0;
    padding: 12px 28px 12px 15px;
    width: 100%;
    border: 2px solid rgba(0, 0, 0, .12)
}

.widget .mk-searchform i {
    position: absolute;
    top: 13px;
    right: 14px;
    opacity: .4
}

ul#pagination-demo {
    display: block
}

.pagination-news,
.pagination-same-games {
    padding: 0 0 0 20px !important;
    margin-right: 100px
}

.pagination>li>a,
.pagination>li>span {
    color: #777
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #fa8e07;
    border-color: #fa8e07
}

div.total-pages {
    margin-left: 20em;
    padding-left: 10em;
    color: #777
}

p.slide2 {
    position: relative;
    top: 20px
}

p.slide3 {
    position: relative;
    top: 20px
}

p.slide4 {
    position: relative;
    top: 20px
}

div.game-description h2 {
    padding-top: 20px
}

.pros-and-cons {
    display: flex;
    font-family: Inter, sans-serif;
    margin-bottom: 50px
}

.pros-and-cons-header {
    display: flex;
    align-items: center
}

.pros-and-cons-header img {
    width: 18px
}

.pros-and-cons span {
    font-size: 18px;
    color: #202c2b;
    margin-left: 15px
}

.pros-and-cons ul {
    margin: 0;
    color: #686868;
    font-size: 16px
}

.pros-and-cons li {
    padding-top: 10px
}

.pros-and-cons .cons,
.pros-and-cons .pros {
    background: #f8f8f8;
    padding: 20px
}

.pros-and-cons .pros {
    margin-right: 20px
}

.pros-and-cons li::before {
    padding: 3px
}

.pros-and-cons .pros li::before {
    content: '+'
}

.pros-and-cons .cons li::before {
    content: '-'
}

div.game-description .tab-content-wrapper {
    margin-top: 30px
}

div.game-description .content-table li {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px
}

div.game-description .content-table-mobile li {
    display: flex
}

div.game-description .content-table li span,
div.game-description .content-table-mobile li span {
    color: #686868;
    float: left;
    width: 25px
}

div.game-description .content-table a {
    display: block
}

div.game-description .content-table-mobile a {
    width: 100%
}

div.game-description .content-table {
    padding-left: 0;
    margin-bottom: 15px;
    padding-right: 30px
}

div.game-description .content-table-container {
    border: 1px solid #f8f8f8;
    box-sizing: border-box;
    padding: 0 15px
}

div.game-description .content-table-mobile {
    margin-bottom: 30px
}

.content-table-mobile-dropdown-wrapper {
    position: relative
}

.content-table-mobile-dropdown-wrapper button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    font-weight: 700
}

.content-table-mobile-dropdown-wrapper button span {
    width: 100%;
    text-align: left
}

.content-table-mobile-dropdown-wrapper button .glyphicon {
    color: #b6b8b8;
    font-size: 14px
}

.content-table-mobile-dropdown-wrapper .dropdown-menu {
    width: 100%;
    padding: 10px
}

.content-table-mobile-dropdown-wrapper .dropdown-menu .content-table-section,
.content-table-mobile-dropdown-wrapper .dropdown-menu li:not(:first-child) {
    padding-top: 10px
}

.content-table-mobile-dropdown-wrapper .dropdown-menu li a {
    background: 0 0;
    padding: 0
}

div.game-description .content-table-section span {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 174%;
    color: #202c2b;
    text-transform: uppercase
}

div.game-description .content-table-section hr {
    border-top: 1px solid #f8f8f8;
    margin-top: 5px
}

.highlighted-note {
    color: #686868;
    background: #f8f8f8;
    padding: 20px;
    font-size: 16px;
    margin-bottom: 16px
}

.ckedit-green-button {
    cursor: pointer
}

.ckedit-green-button a,
.ckedit-green-button a:hover {
    text-decoration: none;
    color: #fff
}

div.game-description .game-excerpt {
    padding: 0;
    margin-bottom: 20px
}

div.game-description .highlighted-note {
    display: flex;
    padding: 20px;
    margin-bottom: 20px
}

div.game-description .highlighted-note * {
    display: contents
}

#game-index-page-article li,
.homepageArticle li,
div.game-description .game-article li {
    list-style-type: inherit;
    color: #686868;
    margin-bottom: 6px
}

div.game-description .game-article-video {
    display: flex;
    flex-direction: column;
    background: #e0e0e0;
    padding: 20px
}

div.game-description .game-article-video iframe {
    width: 100%
}

div.game-description .game-article-video p {
    margin: 0;
    padding-top: 15px;
    color: #202c2b
}

div#externalGamePopup {
    z-index: 9999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: rgba(0, 0, 0);
    display: block
}

div#externalGamePopupTop {
    width: 427px;
    height: 100px;
    display: block;
    margin: 100px auto 0
}

div#externalGamePopupTop p {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-align: center
}

div#externalGamePopupBottom {
    background-color: #000;
    width: 427px;
    display: block;
    margin: 0 auto
}

div#externalGamePopupBottom button {
    background-color: #7dc255;
    display: block;
    margin: 0 auto;
    color: #fff;
    padding: 15px 30px;
    border: 0;
    font-weight: 900
}

div#externalGamePopupBottom span {
    background-color: #547dc0;
    display: block;
    margin: 40px auto;
    color: #fff;
    text-align: center;
    width: 45px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-weight: 900
}

.background-content {
    background: #080808
}

.content-border-img {
    position: relative;
    display: block;
    width: 100%
}

.content-border-img img {
    position: absolute;
    width: 100%;
    z-index: 2
}

.content-border-top-img img {
    top: -4px
}

.content-border-bottom-img img {
    bottom: -4px
}

.user-reviews {
    margin-top: 30px
}

.mobile-review,
.review-summary {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

.review-summary {
    margin-top: 30px
}

.mobile-review {
    margin: -15px -30px 15px -30px
}

.mobile-review-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px
}

.mobile-review-content-item {
    margin-bottom: 10px
}

.mobile-review-scores {
    font-size: 14px
}

.review-summary-content {
    padding: 15px
}

.review-summary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 15px
}

.review-summary-title,
.review-summary-write {
    padding: 0
}

.review-summary-header .review-mask {
    position: absolute;
    top: -50px;
    z-index: 3
}

.review-summary-title span {
    font-weight: 700;
    font-size: 18px
}

.bar-star,
.review-summary-score,
.review-summary-score-bar {
    display: flex
}

.review-summary-score {
    margin-top: 50px
}

.review-summary-score-bar-container {
    border-left: 1px solid #686868;
    padding-left: 0
}

.review-summary-score-bar-wrapper {
    display: flex;
    flex-direction: column
}

.review-summary-score-bar {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
    margin-left: 5px
}

.review-summary-score-bar-container div.review-summary-score-bar:last-child {
    margin-bottom: 0
}

.review-summary-score-bar-stars,
.review-summary-write {
    display: flex;
    justify-content: flex-end
}

.review-summary-score .jq-ry-container {
    padding: 0
}

.game-frame .jq-ry-group svg {
    margin-right: 5px
}

.bar-star-container {
    height: 15px;
    display: flex;
    align-items: center;
    margin-left: 5px
}

.review-summary-score-bar-stars {
    width: 200px;
    margin-right: 10px
}

.review-summary-score-bar-score {
    width: 120px;
    margin-left: 10px
}

.overall-score-text {
    margin-top: 25px
}

.review-star-container {
    display: flex
}

.review-star-container div {
    margin-right: 5px
}

.review-star-container div:last-child {
    margin-right: 0
}

.review-star-fill {
    mask: url(/images/icons/review-star-empty.svg) no-repeat center;
    width: 21px;
    height: 21px;
    background: linear-gradient(180deg, #f7b119 0, #f2960e 100%)
}

.review-star-fill.filled {
    mask: url(/images/icons/review-star.svg) no-repeat center
}

.review-list {
    background-color: #f6f6f6;
    padding: 40px 45px
}

.review-sort-dropdown {
    display: flex;
    height: 50px;
    padding: 0 20px;
    margin: 0 auto;
    background: #f6f6f6
}

.review-sort-dropdown li {
    margin-bottom: 5px
}

.review-sort-dropdown button {
    color: #3c3d3c;
    background: 0 0;
    border: none;
    display: flex;
    align-items: center;
    flex: 1
}

.review-sort-dropdown button div {
    padding-right: 10px
}

.review-sort-dropdown button span:first-child {
    flex: 1;
    text-align: center
}

.review-sort-dropdown .dropdown-menu {
    border-radius: 11px;
    border: 1px solid #979797;
    margin-top: -5px;
    padding: 0
}

.review-sort-dropdown .dropdown-menu a {
    color: #7c7c7c;
    font-size: 14px;
    border-radius: 11px;
    cursor: pointer;
    outline: 0
}

.review-sort-dropdown .dropdown-menu a:hover {
    background: #929292;
    color: #fff
}

.pagination-control {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.pagination-control .review-list-row.paginator .inner-content {
    display: flex;
    justify-content: center
}

.pagination-control .page-num-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    color: #000
}

.pagination-control.tournaments .page-num-container {
    display: flex;
    flex-direction: row
}

.pagination-number {
    padding-left: 15px;
    padding-right: 15px;
    color: #8298ab;
    cursor: pointer;
    font-weight: 700
}

@media (max-width:575px) {
    .pagination-number {
        padding-left: 10px;
        padding-right: 10px
    }
}

.pagination-filler {
    padding-left: 10px;
    padding-right: 10px;
    color: #8298ab
}

.pagination-number:last-child {
    padding-right: 10px
}

.pagination-number.selected {
    color: #f2960e
}

.leaderboard-button {
    color: #8298ab;
    font-size: 16px
}

.pagination-arrow {
    cursor: pointer;
    outline: 0
}

.review-container {
    box-shadow: 0 3px 6.5px rgba(163, 163, 163, .5);
    background: #fff;
    border-radius: 35px;
    padding: 25px 50px;
    margin-bottom: 70px;
    color: #000;
    display: flex
}

.review-container.dark {
    flex-direction: column
}

.review-container.approved {
    background: #ecf6ed
}

.review-container.pending {
    background: #ccc
}

.review-container.rejected {
    background: #f5dede
}

.review-header {
    display: flex;
    flex-direction: column;
    padding-right: 50px
}

.review-header .review-avatar-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.review-header .review-avatar-name {
    padding-top: 10px;
    overflow: hidden;
    flex: 1
}

.review-game-title {
    font-size: 22px;
    font-weight: 900;
    padding: 12.5px 0
}

.review-rating {
    padding-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.review-explanation {
    font-size: 16px;
    font-weight: 900;
    padding-left: 5px
}

.review-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px
}

.review-title .review-title-text {
    font-weight: 900
}

.review-body {
    padding-bottom: 12.5px
}

.review-text {
    color: #000;
    text-align: justify
}

.review-feedback {
    display: flex
}

.review-feedback .feedback {
    display: flex;
    align-items: center;
    padding-right: 65px
}

.review-feedback .feedback.incrementable {
    cursor: pointer
}

.review-feedback .feedback.incremented {
    transition: filter .5s ease-out;
    filter: invert(62%) sepia(64%) saturate(568%) hue-rotate(1deg) brightness(105%) contrast(93%)
}

.review-feedback .feedback.helpful .feedback-counter {
    color: #279232
}

.review-feedback .feedback.unhelpful .feedback-counter {
    color: #b5b9b9
}

.review-feedback .feedback>span:first-child {
    padding-right: 5px
}

.review-feedback img {
    width: 16px;
    margin-right: 5px
}

.review-feedback .feedback.unhelpful img {
    margin-bottom: -6px
}

.review-footer {
    border-top: 1px solid #d8dfd8
}

.review-status {
    display: block;
    padding-top: 12.5px
}

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

.row-flex {
    flex: 1;
    position: relative
}

.col-flex-end {
    display: flex;
    align-items: flex-end
}

.btn-secondary {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    border-radius: 62px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #979797
}

.email-form-error {
    display: none;
    color: red;
    padding: 0 12px
}

.tab-title {
    font-size: 24px;
    font-family: Inter, sans-serif;
    font-weight: 900;
    margin: 50px 0
}

.review-submitted-container span {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 12px
}

.review-submit-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

button#write-review-first,
button.review-submit,
button.review-submit-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    border: 0;
    color: #202c2b;
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%)
}

button#write-review-first:focus,
button.review-submit-secondary:focus,
button.review-submit:focus {
    outline: 0
}

button.review-submit-secondary {
    background: #4fb95e
}

button.review-submit .icon-dark-tangerine,
button.review-submit-secondary .icon-dark-tangerine {
    color: #202c2b !important
}

#create-review-modal .modal-footer button.review-submit,
#create-review-modal .modal-footer button.review-submit-secondary {
    width: 100%
}

#create-review-modal .form-control {
    background: #f5f5f5;
    border-radius: 20px;
    border-color: transparent;
    box-shadow: none
}

#create-review-modal .modal-header {
    padding-bottom: 0
}

#create-review-modal .modal-body {
    padding-top: 0
}

#create-review-auth-form #review-auth-global-error,
#create-review-auth-form .form-label-review,
#create-review-form .form-label-review,
#create-review-modal .modal-body .reviewRateYo-notifications,
#create-review-modal .notification-errors,
#create-review-modal .overall-review-score {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

#create-review-modal .overall-review-score {
    padding-top: 15px
}

#create-review-auth-form #review-auth-global-error,
#create-review-modal .modal-body .reviewRateYo-notifications,
#create-review-modal .notification-errors {
    color: red
}

#create-review-modal .form-group .vertical-center-wrapper {
    display: flex;
    align-items: center
}

#create-review-modal .create-review-input-checked {
    margin-left: 15px;
    display: none
}

#create-review-modal .create-review-input-filled {
    border: 2px solid #6cb668
}

#create-review-auth-form,
#create-review-form {
    margin-top: 25px;
    width: 60%
}

#create-review-form textarea {
    resize: none;
    padding: 20px 15px
}

@media screen and (device-aspect-ratio:40/71) {

    #verifyAgeForm .col-form-label,
    #verifyAgeForm .field-validation-message {
        width: 100%
    }

    #verify-form-fail .verify-center,
    #verify-form-success .verify-center {
        margin-top: 50px
    }
}

.btn-img {
    background: 0 0;
    border: none
}

.modal {
    text-align: center;
    padding: 0 !important
}

.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.result-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#pw-reset-fail .modal-body img {
    margin-top: 50px;
    margin-bottom: 20px;
    height: 100px
}

.result-modal p {
    color: #fff;
    text-align: center
}

.email-sent div {
    justify-content: center;
    display: flex;
    align-items: center
}

.email-sent div span {
    font-size: 40px;
    margin: 2px 2px 20px;
    color: #fff
}

.email-sent div span:last-child {
    font-size: 70px
}

.email-sent p {
    text-align: center;
    color: #fff
}

#resetPwSuccess .main-block,
#resetPwSuccess h1 {
    text-align: center
}

.close-modal-container {
    background: 0 0;
    border: none;
    cursor: default
}

.close-modal-button {
    cursor: pointer
}

#openLoginPopup {
    text-decoration: underline;
    cursor: pointer
}

#search-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2
}

@media (min-width:992px) {
    .results-table .text-vertical {
        vertical-align: middle
    }
}

.disabledGameLink {
    cursor: default;
    display: block;
    margin: 10px 0
}

span.casinoRating {
    position: absolute;
    border: 1px solid #c7c7c7;
    color: #3c3d3c;
    top: 0;
    left: 15px;
    padding: 1px 2px;
    font-size: 12px
}

a.gameinfoFeatureLink {
    padding: 5px 0;
    display: block
}

a,
a:hover {
    color: inherit
}

h3 {
    color: #3c3d3c;
    font-size: 16px;
    font-weight: 700
}

span#tc {
    display: block;
    font-size: 10px;
    color: #fff;
    clear: both;
    text-align: left;
    line-height: 15px
}

span#tc a {
    color: #fff;
    text-decoration: underline
}

img.tc1 {
    position: relative;
    bottom: 30px
}

p.tc1 {
    position: relative;
    bottom: 30px
}

span.tc1 {
    display: block;
    position: relative;
    bottom: 45px;
    font-size: 8px;
    color: #fff;
    line-height: 15px
}

a.tc1 {
    color: #fff;
    text-decoration: underline;
    font-size: 8px;
    position: relative;
    bottom: 55px
}

span.tc2 {
    display: block;
    position: relative;
    top: 10px;
    font-size: 8px;
    color: #fff;
    line-height: 15px
}

a.tc2 {
    color: #fff;
    text-decoration: underline
}

span.tc3 {
    display: block;
    font-size: 10px;
    color: #fff;
    line-height: 15px;
    padding: 10px
}

span.tc3 a {
    color: #fff;
    text-decoration: none
}

a.tc6 {
    text-decoration: none
}

a.tc6:hover {
    text-decoration: underline
}

a.tc3 {
    color: #fff;
    text-decoration: underline;
    font-size: 8px;
    position: relative;
    top: 10px
}

a.tc4 {
    color: #fff;
    text-decoration: underline;
    font-size: 10px;
    display: block;
    padding: 5px 0
}

span.tc3 a.tc4,
span.tc3 a.tc5 {
    color: #fff;
    text-decoration: underline;
    font-size: 10px
}

a#horizontal_title {
    color: #fff;
    text-decoration: none;
    font-family: Inter, sans-serif
}

a#horizontal_title:hover {
    text-decoration: underline;
    color: #fff
}

button.casino_promotions_cta {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    background-color: #4fb95e;
    display: inline-block;
    width: 60%;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    margin: 10px 0;
    padding: 0;
    border: 0
}

button.casino_promotions_cta:hover {
    background-color: orange
}

div#plus18messageDiv {
    z-index: 99999;
    position: fixed;
    top: 0;
    background-color: #494b50;
    padding: 0;
    width: 100%;
    text-align: center;
    opacity: .9;
    color: #fff;
    font-size: 12px;
    display: none
}

div#plus18messageDiv a {
    color: #fff;
    text-decoration: underline;
    padding: 0 5px
}

div#cookieConsentDiv {
    z-index: 99999;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #000000e6;
    padding: 50px 40px 20px;
    width: 435px;
    height: 100%;
    text-align: left;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    overflow-y: auto
}

@media screen and (max-width:767px) {
    div#cookieConsentDiv {
        padding: 50px 40px 50px 40px;
        height: 90%;
        width: auto;
        margin: 5px
    }
}

#cookieConsentDiv>div {
    margin-bottom: 28px
}

a#cookiePolicyLink,
a#cookiePolicyLinkMobile {
    color: #fff;
    text-decoration: underline;
    margin: 0
}

.cookie-button.button {
    font-size: 15px;
    height: 40px;
    letter-spacing: 0;
    margin-bottom: 18px;
    padding: .4em .8em;
    width: 100%
}

.cookie-button.button svg {
    height: calc(1em + 5px);
    width: calc(1em + 5px)
}

#cookieConsentEssentialButton {
    font-size: 14px
}

span.casino_list_tc_text {
    font-size: 10px;
    line-height: 15px;
    color: #000;
    display: block
}

p.casino_list_title {
    margin: 0
}

span.casino_review_tc_text {
    font-size: 10px;
    line-height: 15px;
    color: #000;
    display: block;
    padding-top: 20px
}

a.readmore:not(.slotstable) {
    text-decoration: none;
    color: #555;
    cursor: default;
    pointer-events: none
}

label {
    font-weight: 400
}

p {
    font-size: 16px;
    color: #686868;
    line-height: 1.66em;
    margin-bottom: 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h1,
h2 {
    font-size: 19px;
    color: #3c3d3c;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-family: Lexend, sans-serif
}

h1 {
    margin: 0 0 14px
}

h2 {
    margin: 0 0 14px;
    font-size: 18px;
    line-height: 22px
}

h2.top-border {
    border-top: 1px solid #ebebeb;
    padding: 30px 0 10px
}

.game-page .game-content a:not(.gold-gradient-button, .verify-age-btn, .button, .join-btn, .yellow-gradient-button) {
    color: #fff
}

li {
    list-style-type: none
}

.note {
    color: #3c3d3c;
    font-weight: 700
}

ul {
    padding-left: 0
}

.article-text ul {
    padding-left: 40px
}

.article-text ul li {
    list-style-type: disc;
    font-size: 16px
}

.article-text ol li {
    list-style-type: unset;
    font-size: 16px
}

#game-index-page-article ol,
#game-index-page-article ul,
.game-article ol,
.game-article ul,
.homepageArticle ul {
    padding-inline-start: 40px;
    font-size: 16px
}

.img-mb {
    margin-bottom: 30px
}

.main-block {
    padding-top: 20px
}

.main-block.homePage.getting-started {
    padding-top: 0;
    background: 0 0;
    border: none
}

.main-block.home.tournament-header-text {
    background: 0 0;
    border: none
}

.inner-max-width {
    --stop1: 600px;
    --stop2: 700px;
    --stop3: 780px
}

@media screen and (min-width:991.98px) {
    .inner-max-width {
        --stop1: 350px;
        --stop2: 600px;
        --stop3: 750px
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .inner-max-width {
        --stop1: 650px;
        --stop2: 760px;
        --stop3: 830px
    }
}

@media screen and (max-width:767px) {
    li.keen-slider__slide .tournaments.card {
        position: relative;
        transform: translateX(-50%);
        left: 50%
    }
}

.link-to-game {
    font-weight: 700;
    word-wrap: break-word
}

.link-to-game:active,
.link-to-game:focus,
.link-to-game:hover,
.link-to-game:link,
.link-to-game:visited {
    outline: 0 none
}

.navbar .navbar-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0
}

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

.account-group .notification-counter {
    position: absolute;
    background: #d4603c;
    border: 1px solid #0b0d14;
    box-sizing: border-box;
    border-radius: 3px;
    line-height: normal;
    padding: 0 3px;
    left: 4px;
    top: 0;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    font-size: 11.5px;
    min-width: 15px;
    text-align: center
}

.notification-dot {
    height: 6px;
    width: 6px;
    background-color: #d4603c;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 5px
}

.notification-dot .unread-message-count {
    display: none
}

.navbar .navbar-toggle {
    padding: 0;
    margin: 0
}

.navbar .navbar-toggle .icon-bar {
    height: 3px;
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%)
}

.navbar .nav {
    position: relative
}

.dropdown-menu li {
    padding-left: 15px
}

.navbar-nav .open .dropdown-menu>li>a {
    line-height: 28px;
    color: #fff;
    font-size: 15px
}

.navbar .nav .open>a {
    background: unset
}

.navbar .nav .open>ul {
    left: 0
}

.navbar .nav>li>a {
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    padding: 6px;
    line-height: 1em;
    display: inline-flex;
    align-items: center;
    gap: .3em
}

.navbar .nav>li a:hover,
.navbar .nav>li>a:focus {
    background-color: transparent;
    outline: 0
}

.navbar .nav>li:focus,
.navbar .nav>li:hover {
    position: relative
}

.navbar .nav>li>a>img {
    margin-bottom: 2px
}

.navbar .nav>li.login-group a {
    display: flex;
    align-items: center
}

.navbar .nav>li>a .icon-container.nav-gold-star {
    background: url(/images/nav/nav_gold_star.png) 4px 8px no-repeat
}

.navbar .nav>li>a .icon-container.nav-gold-filter {
    background: url(/images/nav/nav_gold_filter.png) 0 8px no-repeat
}

.navbar .nav>li>a .icon-container.nav-gold-bell {
    background: url(/images/nav/nav_gold_bell.png) 2px 9px no-repeat
}

.navbar .nav>li>a .icon-container.nav-gold-stack {
    background: url(/images/nav/nav_gold_stack.png) 3px 6px no-repeat
}

.navbar .nav>li>a .icon-container.nav-gold-news {
    background: url(/images/nav/nav_gold_news.png) 3px 6px no-repeat
}

.navbar .nav>li>a .icon-container.nav-gold-my-account {
    background: url(/images/nav/nav_gold_my_account.png) 0 7px no-repeat;
    height: 23px
}

.navbar .nav>li>a>.icon-container {
    display: inline-flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center
}

.game-description .nav-tabs .nav-item.active a .nav-icon-container {
    filter: invert(82%) sepia(50%) saturate(1844%) hue-rotate(339deg) brightness(99%) contrast(90%)
}

.nav-icon-container {
    width: 25px;
    display: inline-block;
    margin-right: 5px;
    text-align: center
}

.icon-lg {
    font-size: 42px !important
}

.icon-spacer {
    margin-right: 3px
}

f .icon-double-spacer {
    margin-right: 10px
}

.icon-dark-tangerine {
    color: #fa8e07 !important;
    border-color: #fa8e07 !important
}

.icon-dark {
    color: #343234 !important;
    border-color: #343234 !important
}

@media (min-width:768px) {
    .main-block.tournaments {
        padding: 20px 150px 50px
    }

    .main-block.tournaments .results-table table {
        font-size: 16px;
        line-height: 25px
    }

    .main-block.tournaments .results-table thead {
        font-size: 14px;
        text-transform: unset
    }

    .main-block.tournaments .results-table .tournament-row>td {
        padding: 10px 0
    }
}

@media (max-width:767px) {
    .pagination-control {
        justify-content: space-between
    }

    .pagination-control .page-num-container {
        padding: 0
    }

    .results-pagination .results-pagination-controls {
        margin-bottom: 20px
    }

    .review-container {
        flex-direction: column;
        padding: 25px 20px
    }

    .review-header {
        padding-right: 0
    }

    .review-header .review-avatar-container {
        flex-direction: row
    }

    .review-header .review-avatar-name {
        padding-top: 0;
        padding-left: 12px
    }

    .review-col {
        padding: 0
    }

    .overall-score-text {
        font-size: 14px
    }

    .review-rating {
        flex-direction: column;
        align-items: flex-start;
        padding: 12.5px 0
    }

    .review-body,
    .review-footer,
    .review-rating .review-explanation,
    .review-text,
    .review-title {
        font-size: 12px
    }

    .review-explanation {
        padding-left: 0
    }

    .review-title {
        flex-direction: column-reverse;
        align-items: flex-start;
        font-size: 12px
    }

    .review-feedback {
        width: 100%;
        justify-content: space-between
    }

    .review-feedback .feedback {
        padding-right: 0
    }

    .results-header-button {
        border: 1px solid #8298ab;
        box-sizing: border-box;
        border-radius: 60px;
        background-color: transparent;
        color: #8298ab;
        width: 172.7px;
        font-family: Inter, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        height: 44px;
        left: 42.22%;
        right: 41.88%;
        top: 194px;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px
    }

    .td-width {
        width: 10%
    }

    .review-sort-dropdown .dropdown-menu>li {
        margin-left: 0;
        padding-left: 15px
    }
}

@media (max-width:375px) {
    .review-star {
        width: 28px
    }
}

.carousel-home {
    margin-bottom: 20px
}

.carousel-home .carousel-indicators {
    bottom: 5px
}

.carousel-home .carousel-indicators li {
    border-color: rgba(0, 0, 0, .7);
    background-color: rgba(0, 0, 0, .7);
    transition: box-shadow .3s ease;
    margin: 0 8px
}

.carousel-home .carousel-indicators li:hover {
    transition: box-shadow .3s ease;
    background-color: #333;
    border-color: #333
}

.carousel-home .carousel-indicators .active {
    position: relative;
    box-shadow: 0 0 0 2px #333;
    background-color: transparent;
    width: 10px;
    height: 10px
}

.carousel-home .carousel-indicators .active:hover {
    background-color: transparent
}

.carousel-home .carousel-indicators .active:after {
    content: " ";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    background-color: #333
}

.carousel-home .item {
    height: 264px;
    overflow: hidden;
    background-color: #000
}

.carousel-home .item img {
    position: relative;
    width: auto;
    height: auto;
    max-height: 100%;
    transform: translateX(-50%);
    left: 50%
}

.carousel-home .carousel-caption {
    width: 35%;
    left: 35px;
    bottom: 40px;
    text-align: left
}

.carousel-home .edge-desc {
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: calc(15px + (25 - 15) * ((100vw - 300px)/ (1920 - 300)));
    line-height: 40px;
    margin-bottom: 30px
}

.carousel-home .play-now {
    border-radius: 60px;
    color: #202c2b;
    font-size: 14px;
    padding: 0 28px;
    background: linear-gradient(175deg, #fcf45f 10%, #fead25 93%);
    width: 70%;
    border-radius: 40px;
    font-weight: 700;
    letter-spacing: 2px
}

.carousel-home .edge-desc.slide1 {
    position: relative;
    top: 20px
}

.carousel-caption {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.col-lg-5ths,
.col-md-5ths,
.col-sm-5ths,
.col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.games {
    padding: 0 12.5px;
    margin-bottom: 20px
}

.games .row {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px
}

.game-bl {
    display: block;
    margin: 10px 0 5px
}

.game-bl img {
    border-radius: 10px;
    width: 214px;
    height: 145px
}

.game-bl-my-acc {
    display: block;
    margin-bottom: 5px
}

.game-bl-my-acc img {
    width: 120px;
    height: 70px;
    border-radius: 10px
}

.game-bl-small {
    display: block;
    margin-bottom: 5px
}

@media screen and (max-width:1024px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 130px
    }
}

@media screen and (max-width:900px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 110px
    }
}

@media screen and (max-width:767px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 130px
    }
}

@media screen and (max-width:650px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 115px
    }
}

@media screen and (max-width:600px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 100px
    }
}

@media screen and (max-width:540px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 140px
    }
}

@media screen and (max-width:450px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 120px
    }
}

@media screen and (max-width:400px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 105px
    }
}

@media screen and (max-width:360px) {
    :not(.keen-slider__slide, .game_data)>.five-cols>.game-bl img {
        height: 90px
    }
}

.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
    overflow: visible !important
}

img.small-tile {
    border-radius: 10px;
    width: 114px;
    height: 77px
}

span.title {
    font-weight: 700
}

.game-title {
    display: block;
    margin: 0;
    text-align: center;
    color: #3c3d3c;
    font-size: calc(10px + (16 - 13) * ((100vw - 300px)/ (1920 - 300)));
    font-weight: 600;
    white-space: nowrap;
    transition: all .18s cubic-bezier(.64, .2, .02, .35);
    -webkit-transition: all .18s cubic-bezier(.64, .2, .02, .35)
}

.game-title:hover {
    color: #3c3d3c
}

.game-selection .games {
    padding: 0
}

.breadcrumb {
    background: 0 0;
    margin: 0 0 10px;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px
}

.breadcrumb>li+li:before {
    content: "»";
    font-weight: 700;
    padding: 0 4px 0 2px
}

.breadcrumb .active {
    font-weight: 700
}

.game-page .breadcrumb {
    font-size: 12px;
    font-weight: 700
}

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

.page-title-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, .4)
}

.page-title-bg img {
    width: 100%;
    height: 100%;
    filter: blur(5px) brightness(.5) contrast(2);
    background: #080808
}

.p-left-indent {
    padding-left: 19px
}

.m-top-indent {
    margin-top: 30px
}

.how-to-use-free-pokies ol {
    font-style: italic;
    padding-left: 20px;
    margin-bottom: 16px
}

.free-pokies-suppliers .suppliers-inner {
    padding-left: 20px;
    margin-bottom: 16px
}

.terms-and-conditions {
    margin: 0 0 16px
}

.terms-and-conditions p,
.terms-and-conditions ul {
    margin-bottom: 0
}

.mobileSearch {
    display: none
}

.casinos {
    margin-bottom: 60px
}

.casinos .supporting_casinos {
    background-color: #424242;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 179px;
    position: relative;
    text-align: center;
    display: block;
    position: relative;
    top: 10px;
    font-size: 10px;
    color: #fff;
    line-height: 15px;
    display: block;
    background-image: url(../images/stmp_tile_bkg-min.png);
    border-radius: 15px
}

.casinos .supporting_casinos a {
    color: #fff
}

.casinos .supporting_casinos img {
    margin: 0 auto
}

.casinos .supporting_casinos .front-desc {
    font-size: 17px;
    color: #fff;
    margin: 5px 0 5px 5px
}

.casinos .supporting_casinos .play-now {
    position: absolute;
    right: 0;
    bottom: 0
}

.play-now {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    background-color: #4fb95e;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center
}

.play-now:hover {
    text-decoration: none
}

#mobile_game_container .play-now {
    font-style: normal;
    width: auto;
    height: auto
}

.game-description .glyphicon {
    font-size: 18px;
    color: #444;
    padding-right: 6px;
    vertical-align: middle
}

.game-description .nav-tabs>li.active>a,
.game-description .nav-tabs>li.active>a:focus,
.game-description .nav-tabs>li.active>a:hover {
    background-color: transparent;
    border: 0
}

.game-description .nav-tabs>li.active {
    border-bottom: 2px solid #f0af2a
}

.game-description .nav {
    margin-bottom: 30px
}

.game-description .nav .nav-item .nav-link {
    padding: 14px 15px;
    font-size: 13px;
    line-height: 22px;
    border: 0
}

.game-description .nav .nav-item .nav-link:hover {
    background-color: transparent;
    border: 0
}

.game-description .pre-game-info {
    font-style: italic
}

.game-description .game-info .list {
    font-style: italic;
    margin-bottom: 16px
}

.game-info-header {
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 15px
}

.game-info-header span {
    color: #202c2b;
    font-size: 18px;
    font-weight: 700
}

.game-info-table {
    display: flex;
    flex-direction: column;
    color: #202c2b
}

.game-info-table.stmp {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 15px;
    font-size: 12px
}

.game-info-table-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 10px
}

.game-info-table.stmp .game-info-table-row {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 0
}

.game-info-table-row .game-info-table-column:not(:first-child) {
    width: 100%
}

.game-info-table-row .game-info-table-column:first-child {
    min-width: 25%;
    font-weight: 700
}

.game-info-table-column-2 {
    width: 100%
}

.game-info-table.stmp .game-info-table-column {
    padding-bottom: 5px
}

.game-info-table-row .game-info-table-column img {
    vertical-align: sub
}

.game-info-table.not-stmp .game-info-table-row {
    border-top: 1px solid #ddd
}

.game-info-table.not-stmp .game-info-table-row:nth-of-type(odd) {
    background-color: #f9f9f9
}

.game-info-table.not-stmp .game-info-table-column {
    text-align: center
}

.casino-info .column-2 {
    border-left: 0;
    border-right: 1px solid #fff
}

.games-by-same-maker {
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px
}

.games-by-same-maker.stmp {
    font-size: 12px
}

.games-by-same-maker .row:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .04)
}

.games-by-same-maker .row:nth-of-type(even) {
    background-color: rgba(0, 0, 0, .02)
}

.games-by-same-maker.stmp .row {
    background-color: #fff;
    padding: 3px 0
}

.games-by-same-maker .row .col-lg-3 {
    text-align: center !important;
    padding: 12px 15px;
    position: relative
}

.games-by-same-maker .row .col-lg-3:after {
    content: " ";
    display: block;
    min-height: 120px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #fff
}

.games-by-same-maker a {
    word-wrap: break-word
}

.games-by-same-maker a:active,
.games-by-same-maker a:focus,
.games-by-same-maker a:hover,
.games-by-same-maker a:link,
.games-by-same-maker a:visited {
    outline: 0 none
}

.flip-block {
    margin-bottom: 15px
}

.vertical.flip-container {
    perspective: 1000px;
    position: relative;
    width: 100%;
    height: 200px
}

.vertical.flip-container.hover .flipper,
.vertical.flip-container:hover .flipper {
    transform: rotateX(-180deg)
}

.back,
.front {
    width: 100%;
    height: 200px;
    background-color: #424242
}

.back p,
.front p {
    font-size: 18px;
    color: #fff;
    margin-top: 10px
}

.back img,
.front img {
    margin: 0 auto
}

.back .play-now {
    border-radius: 40px;
    margin-top: -30px;
    font-size: 20px
}

.vertical.flip-container .flipper {
    transition: .6s;
    transform-style: preserve-3d;
    position: relative;
    transform-origin: 100% 100px
}

.back,
.front {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 50px 10px 30px
}

.front {
    z-index: 2;
    transform: rotateY(0)
}

.vertical .back {
    transform: rotateX(180deg)
}

.banner {
    background-color: #424242;
    font-size: 28px;
    color: #fff;
    padding: 30px 15px;
    background-image: url(../images/stmp_tile_bkg-min.png);
    text-align: center;
    margin-bottom: 15px;
    border-radius: 0 0 15px 15px
}

.banner .game-logo {
    position: relative;
    bottom: 15px;
    float: left;
    margin: 0
}

.banner .play-now {
    float: right;
    width: 158px;
    position: relative;
    bottom: 10px
}

.mk-back-top {
    margin-bottom: 30px
}

.votes-count-bubble {
    position: absolute;
    right: 50px;
    top: -40px;
    width: 120px;
    height: 80px;
    font-size: 10px;
    line-height: 100%;
    font-weight: 700;
    padding-left: 12px;
    padding-top: 20px;
    background-image: url(/images/icons/game_frame_votes_count2.png)
}

.game-frame-simple {
    background-color: #080808;
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 28px;
    border-radius: 15px 15px 0 0
}

.review-stars {
    display: flex;
    align-items: center
}

.review-stars .review-average {
    padding-left: 30px
}

.review-stars .review-average span {
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    color: #fff
}

.game-frame-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.game-frame-actions .write-review {
    margin-right: 20px;
    cursor: pointer
}

.game-frame-actions .write-review a,
.game-frame-actions .write-review a:visited {
    text-decoration-color: #fcf45f;
    text-decoration: underline
}

.game-frame-actions .write-review span {
    padding-left: 5px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 12px
}

.game-frame-actions .refresh-game {
    cursor: pointer
}

.game-frame-actions .refresh-game {
    -webkit-mask: url(/images/icons/refresh.svg) no-repeat center;
    mask: url(/images/icons/refresh.svg) no-repeat center;
    width: 25px;
    height: 25px;
    background-color: #686868;
    cursor: pointer
}

.game-frame-actions .refresh-game.active {
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%)
}

.votes-count-bubble>span {
    width: 45px;
    display: block;
    float: left;
    text-align: center
}

.game-frame {
    position: relative
}

.game-frame .game-content a:not(.button) {
    display: block
}

.game-frame .game-content a>img {
    width: 100%
}

.game-frame .game-content span {
    font-size: 12px;
    display: inherit;
    text-align: center
}

.game-frame .game-content span a {
    color: #fff
}

.game-frame .game-content span a:hover {
    color: #fff;
    text-decoration: none
}

#op4u_game {
    border: 0;
    margin-bottom: -7px
}

.hid {
    display: none
}

.nav-menu-right-side.pokie-themes .widgettitle {
    margin-top: 0
}

.slots-makers .slots-maker {
    position: relative;
    border: 1px solid grey;
    height: 150px;
    margin-bottom: 18px
}

.slots-makers>.row>div {
    width: 20%
}

.slots-makers .slots-maker a {
    display: block;
    height: 145px;
    position: relative;
    overflow: hidden
}

.slots-makers .slots-maker a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slots-makers .slots-maker .maker-name {
    font-size: 12px;
    font-weight: 700;
    background: grey;
    padding: 3px 10px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.slots-makers .slots-maker .maker-name span {
    font-size: 12px;
    font-weight: 700;
    float: right;
    padding: 0 10px;
    background-color: #3c3d3c
}

.top-bonus {
    background-color: #efefef;
    border-radius: 2px;
    padding: 10px 15px
}

.top-bonus .bonus-img {
    border: 1px solid #c7c7c7;
    min-height: 100px;
    padding: 14px 20px;
    margin-bottom: 10px
}

.top-bonus .bonus-img a {
    display: block;
    margin-bottom: 20px
}

.top-bonus .bonus-img a img {
    margin: 0 auto
}

.top-bonus .bonus-desc {
    background: -webkit-linear-gradient(top, #eaeaea 0, #cecece 100%);
    background: linear-gradient(to bottom, #eaeaea 0, #cecece 100%);
    transition: background .2s ease-in-out;
    border: 1px solid #c7c7c7;
    padding: 8px 10px;
    min-height: 100px;
    margin-bottom: 10px
}

.view-link {
    display: block;
    padding: 38px 44px;
    font-size: 18px;
    line-height: 100%;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    background-color: #4fb95e;
    transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out;
    border-radius: 3px;
    letter-spacing: 2px
}

.view-link-first:hover,
.view-link:hover {
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

.view-link-second:hover {
    text-decoration: none;
    color: #4fb95e;
    font-weight: 700
}

.view-link-first {
    display: block;
    padding: 19px 22px;
    font-size: 14px;
    line-height: 100%;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    background-color: #4fb95e;
    transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out;
    border-radius: 3px;
    letter-spacing: 2px;
    margin: 0 0 10px
}

.view-link-second {
    display: block;
    padding: 19px 22px;
    font-size: 14px;
    line-height: 100%;
    text-decoration: none;
    background-color: #efefef;
    font-weight: 500;
    color: #4fb95e;
    transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out;
    border: 3px solid #4fb95e;
    border-radius: 3px;
    letter-spacing: 2px;
    margin: 0 0 10px
}

.list {
    padding-left: 0;
    font-style: italic;
    margin-bottom: 20px
}

.casino-reviews .svg-icon {
    height: 20px;
    width: 20px;
    margin-right: 6px;
    vertical-align: middle;
    fill: #444
}

.casino-reviews h3 {
    font-size: 16px;
    color: #3c3d3c;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 0
}

.casino-reviews .review {
    color: #3c3d3c;
    font-weight: inherit;
    line-height: 1.66em;
    font-family: Inter, sans-serif
}

.casino-reviews .review ol,
.casino-reviews .review ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
    padding-inline-start: 40px;
    font-size: 16px
}

.casino-reviews .review .col-sm-6>ul {
    padding-inline-start: 0
}

.casino-reviews .review ol li,
.casino-reviews .review ul li {
    position: relative;
    margin: 0 0 6px;
    line-height: 24px
}

.casino-reviews .review ul li {
    list-style-type: disc
}

.casino-reviews .review ol li {
    list-style-type: decimal
}

.casino-reviews .review ol li span,
.casino-reviews .review ul li span:not(.full_text, .review-text-show-full) {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 5px
}

.casino-reviews .review .article-list {
    padding: 0
}

.casino-reviews .review .article-list li {
    padding: 0
}

.casino-reviews .progress {
    height: 22px;
    border-radius: 0;
    position: relative;
    margin-bottom: 15px
}

.casino-reviews .progress .progress-percent {
    position: absolute;
    color: #383838;
    right: 10px;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px
}

.casino-reviews .progress-bar {
    -webkit-transition: width 2.5s ease !important;
    -moz-transition: width 2.5s ease !important;
    -o-transition: width 2.5s ease !important;
    transition: width 2.5s ease !important
}

.casino-reviews .progress-bar-red {
    background-color: #3c3d3c
}

.casino-reviews .progress-bar-orange {
    background-color: #f9b233
}

.skill-meter-title {
    letter-spacing: 1px;
    margin-bottom: 6px;
    font-weight: 700;
    line-height: 14px
}

a.full_tc_301 {
    background: 0 0 !important;
    color: #000 !important;
    display: inline !important;
    font-size: 10px !important;
    text-decoration: underline !important;
    padding: 0 !important
}

.visit-casino {
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    background-color: #f7f7f7;
    padding: 28px;
    word-wrap: break-word;
    margin-bottom: 35px
}

.visit-casino a {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 18px 25px;
    color: #fff;
    border-color: #6dab3c;
    background-color: #6dab3c;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%);
    background-repeat: repeat-x;
    transition: all .2s ease-in-out;
    vertical-align: middle;
    margin-top: 16px
}

.visit-casino a span.glyphicon {
    padding-right: 8px;
    color: #fff;
    top: -3px
}

.visit-casino a:hover {
    text-decoration: none;
    color: #f7f7f7;
    border-color: #5f9434;
    background-color: #5f9434
}

.sign-up {
    display: inline-block;
    color: #fff;
    -moz-box-shadow: 0 3px 0 0 #1a8901;
    box-shadow: 0 3px 0 0 #1a8901;
    background-color: #21ab01;
    padding: 14px 24px;
    font-size: 12px;
    line-height: 100%;
    font-weight: 700;
    width: 225px;
    text-align: center
}

.sign-up:hover {
    color: #fff
}

.sign-up svg {
    width: 16px;
    height: auto;
    fill: currentColor
}

.sign-up span {
    vertical-align: text-top;
    padding-left: 30px
}

.process-steps {
    position: relative
}

.process-steps:before {
    top: 32%;
    position: absolute;
    display: block;
    width: 75%;
    height: 0;
    border-top: 1px dashed #bbb;
    content: "";
    left: 80px
}

.process-steps h3 {
    margin-bottom: 40px
}

.process-steps .step {
    width: 180px;
    height: 180px;
    background-color: #fff;
    transition: background .3s, color .3s, box-shadow .3s;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #bbb;
    margin: 0 auto 40px;
    position: relative;
    z-index: 20
}

.process-steps .step .step-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.process-steps .step .step-icon svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: rgba(0, 0, 0, .24);
    margin-top: -3px
}

.process-steps .step:hover {
    background-color: #3c3d3c;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, .1)
}

.process-steps .step:hover svg {
    z-index: 100;
    fill: #fff;
    -webkit-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards
}

.news article {
    margin-bottom: 50px
}

.news article .inner {
    margin-left: 20px;
    margin-bottom: 35px
}

.news .author {
    color: #999;
    font-style: italic;
    font-size: 12px
}

.news .author a {
    color: #252525
}

.news .author a:focus,
.news .author a:hover {
    color: #252525;
    text-decoration: none
}

.news .excerpt {
    margin-bottom: 30px
}

.news .excerpt ul,
.slots-by-page ul {
    margin-left: 22px
}

.news .excerpt ul li,
.slots-by-page ul li {
    position: relative;
    margin: 0 0 6px;
    padding: 0 0 0 5px;
    line-height: 24px;
    list-style-type: inherit
}

.news .article-title {
    margin: 5px 0 10px
}

.news .article-title a {
    line-height: 24px;
    font-size: 24px;
    color: #3c3d3c;
    font-weight: 700;
    text-transform: capitalize
}

.news .article-title a:hover {
    text-decoration: none
}

.news .read-more {
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    border-radius: 3px;
    background-color: #4fb95e;
    color: #fff;
    font-size: 12px;
    padding: 11.5px 24px
}

.news .read-more:hover {
    text-decoration: none
}

.article-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px
}

.article-img svg {
    height: 48px;
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    display: none
}

.latest-news {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding: 40px 0 20px;
    margin-bottom: 50px
}

.latest-news .thumbnail {
    border: 1px solid #e3e3e3;
    font-size: 12px;
    padding: 0;
    color: #3c3d3c
}

.latest-news .article-img {
    margin-bottom: 0
}

.latest-news .article-img img {
    width: 100%
}

.latest-news svg {
    height: 16px;
    width: 16px;
    fill: #898989;
    vertical-align: middle
}

.latest-news h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 5px 0 10px;
    letter-spacing: 1px;
    line-height: 18px
}

.latest-news a {
    color: #3c3d3c;
    font-weight: 700
}

.latest-news .caption {
    padding: 20px
}

.latest-news .read-m {
    border-top: 1px solid #e3e3e3;
    position: relative;
    padding: 20px
}

.latest-news .read-m a:first-of-type:hover {
    color: #252525
}

.latest-news .read-m .counter-link {
    position: absolute;
    right: 20px;
    color: #898989
}

.latest-news .read-m .counter-link .counter {
    font-weight: 400;
    font-size: 11px
}

.latest-news .glyphicon-chevron-right {
    padding-right: 5px
}

.results-pagination .pagination-next {
    color: #8298ab;
    text-decoration: underline;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 700
}

.results-pagination .pagination-previous {
    color: #8298ab;
    text-decoration: underline;
    font-size: 16px;
    padding-right: 10px;
    font-weight: 700
}

.results-pagination .pagination-control.tournaments .page-num-container {
    color: #8298ab;
    font-size: 16px
}

.results-pagination-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 41px;
    font-size: 16px
}

.r-p-thumbnail {
    display: block;
    position: relative
}

.r-p-thumbnail .img-overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    background-color: #2c3e40
}

.r-p-thumbnail:hover .img-overlay {
    opacity: .8
}

.article-list {
    margin-left: 38px;
    margin-bottom: 16px
}

.btn-soft-green i,
.casino_promotions_cta i,
.cta-game-container i,
.play-now i,
.verify-age-click i {
    color: #000;
    margin-right: 10px
}

.btn-wide {
    padding: 12px 70px
}

.btn-mid-wide {
    padding: 11px 55px
}

.btn-full-width {
    width: 100% !important
}

footer:not(.new) {
    background: url(/images/stmp_bg2.png) #1a1a1a
}

footer.new {
    background-color: #080808
}

footer .footer-content {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 68px
}

footer .footer-content>div {
    width: calc(20% - 30px);
    margin-right: 30px
}

footer .footer-content .footer-logo {
    width: 190px;
    height: auto;
    object-fit: contain;
    object-position: center;
    padding: 0
}

footer .footer-content .text_18 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 600
}

footer .footer-content .social-media {
    margin-top: 35px;
    margin-bottom: 22px
}

footer .footer-content .social-media>a {
    margin-right: 20px;
    cursor: pointer
}

footer .footer-content .social-media>a i {
    font-size: 25px
}

footer .footer-content .social-media>a:last-of-type i {
    margin-right: 0
}

footer .footer-content .section-title {
    font-size: 17px;
    margin-bottom: 28px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 700
}

footer .footer-content .games,
footer .footer-content .links,
footer .footer-content .partners {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0 15px 0 0
}

footer .footer-content .first-row img,
footer .footer-content .games img {
    margin-bottom: 22px;
    color: #fff
}

footer .footer-content .first-row {
    text-align: left
}

footer .footer-content .footer-link-container-firstrow a,
footer .footer-content .links a,
footer .footer-content .partners a {
    font-size: 13px;
    margin-bottom: 15px;
    color: #fff;
    word-break: break-all;
    display: block
}

footer .footer-content .links a:last-of-type,
footer .footer-content .partners a:last-of-type {
    margin-bottom: 0
}

footer .footer-content .games img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    padding: 0
}

#ukgc_footer_text {
    color: #fff;
    margin: 20px 40px;
    font-size: 14px;
    text-align: center
}

footer .footer-content .games div a:first-of-type {
    display: inline-block;
    margin-right: 24px
}

footer .footer-content .games div img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    object-position: center
}

footer .footer-content .first-row img,
footer .footer-content .raig img {
    padding: 0
}

footer .footer-content .raig p {
    margin-top: 12px;
    font-size: 11px;
    line-height: 136%;
    font-weight: 600;
    color: #fff
}

footer .footer-copy {
    margin-top: 60px;
    background-color: #000;
    padding: 15px 0;
    text-align: center;
    font-size: 10px;
    color: #fff
}

@media screen and (max-width:1199px) {
    footer .footer-content {
        flex-wrap: wrap
    }

    footer .footer-content>div {
        width: calc(25% - 30px)
    }
}

@media screen and (max-width:991px) {
    #stmp-logo {
        display: block;
        text-align: center
    }

    .nav-steps-bottom {
        margin-top: 0 !important
    }

    footer {
        width: 100%;
        height: auto;
        background-size: cover
    }

    footer .footer-content {
        padding: 40px 80px;
        flex-direction: column
    }

    footer .footer-content>div {
        width: 100%;
        text-align: center
    }

    footer .footer-copy {
        margin-top: 0
    }

    footer .footer-content>div:not(:first-of-type) {
        margin-top: 40px
    }

    footer .footer-content .section-title {
        margin-bottom: 20px
    }

    footer .footer-content .games img {
        max-width: 200px
    }
}

@media screen and (max-width:350px) {
    footer .footer-content {
        padding: 41px 50px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    footer .footer-content .raig p {
        font-size: 10px
    }
}

footer .inner {
    background: linear-gradient(to left, #35363a 50%, #404246 50%);
    padding: 50px 35px 0
}

footer .col-bar {
    margin-bottom: 40px
}

footer ul li {
    list-style-type: none
}

footer ul li .glyphicon-menu-right {
    top: -1px;
    font-size: 8px;
    margin-right: 7px
}

footer ul li a {
    display: block;
    padding: 5px 0;
    color: #fff !important;
    font-size: 13px
}

footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none;
    color: #fff
}

footer .title {
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: inherit
}

footer .copy {
    background-color: #46494e;
    padding: 20px 15px 15px;
    line-height: 1.66em
}

footer .copy .rights {
    font-size: 10px;
    letter-spacing: 1px;
    color: #8c8e91;
    margin-left: 25px;
    line-height: 1.66em
}

footer .copy a {
    font-size: 11px;
    color: #3c3d3c
}

footer .copy .bar {
    padding: 0 3px 0 6px
}

.widget-container {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

.widget-container li,
.widget-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.widget {
    margin-bottom: 27px;
    display: block
}

.widget .w-header {
    height: 51px;
    color: #fff;
    background-color: #3c3d3c;
    font-size: 14.5px;
    font-weight: 700;
    padding-left: 18px;
    line-height: 51px;
    position: relative;
    cursor: pointer;
    background-image: url(../images/stmp_tile_bkg-min.png)
}

.widget .w-header span {
    float: right;
    padding: 18px 37px 0 0
}

.w-header.ui-accordion-header:focus {
    outline: 0
}

.widget {
    overflow: hidden;
    transition: max-height .5s
}

.widget .w-body {
    overflow: hidden;
    position: relative
}

.widget .w-body .widget-search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.widget .w-body .w-list {
    overflow: scroll
}

.widget .w-body .w-list.w-list-min {
    max-height: 230px
}

.widget .w-body .w-list.jspScrollable form,
.widget .w-body .w-list.jspScrollable ul {
    margin-right: -2px
}

.widget.widget-c .w-header:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.widget .w-list li {
    border: solid #e7e7e7;
    border-left-width: 2px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 2px;
    line-height: 44px;
    color: #686868;
    padding-left: 18px;
    position: relative;
    font-size: 12px;
    font-weight: 400
}

.widget .w-list li:first-of-type {
    margin-top: 46px
}

.w-list li .icons {
    display: inline-block;
    text-align: center;
    width: 25px;
    margin: 0 auto;
    margin-right: 5px
}

.w-list li .icons img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

.search input[type=search] {
    -webkit-appearance: none;
    border: solid #e7e7e7;
    border-left-width: 2px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 2px;
    width: 100%;
    padding: 14.5px 18px;
    padding-right: 90px;
    font-size: 12px;
    margin: 0;
    color: #686868;
    line-height: 1.66em
}

.widget .hidden {
    display: none;
    visibility: hidden
}

.widget .no-results {
    border: solid #e7e7e7;
    border-left-width: 2px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 2px;
    width: auto;
    padding: 14.5px 18px;
    font-size: 12px;
    color: #ff1116;
    line-height: 15px;
    outline: 0;
    margin-top: 46px
}

.widget .search {
    position: relative
}

.widget .search input[type=submit] {
    border: 0;
    height: 32px;
    width: 32px;
    position: absolute;
    right: 58px;
    top: 7px;
    background: transparent url(../images/search.png) center center no-repeat
}

.widget .aw-min .search input[type=submit] {
    right: 30px
}

.widget .search input[type=submit]:hover {
    opacity: .7
}

.widget .search input[type=submit]:active {
    margin-right: -1px;
    margin-top: 1px
}

.search input:focus {
    outline: 0
}

label.checkbox input[type=checkbox] {
    display: none
}

label.checkbox span.ch,
label.checkbox span.ch-all {
    display: inline-block;
    border: 2px solid #e7e7e7;
    border-radius: 3px;
    width: 21px;
    height: 21px;
    background: #fff;
    vertical-align: middle;
    right: 30px;
    top: 12px;
    position: absolute
}

label.checkbox :checked+span.ch-all {
    background: url(../images/ch-all.png) no-repeat center center
}

label.checkbox :checked+span.ch {
    background: url(../images/check.png) no-repeat center center
}

.widget .w-more {
    position: relative;
    height: 51px;
    color: #fff;
    background-color: #d7d7d7;
    cursor: pointer;
    padding-left: 20px;
    line-height: 51px;
    font-size: 14.5px
}

.widget .w-more:after {
    content: "–";
    position: absolute;
    right: 30px;
    font-size: 34px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 100
}

.widget .w-list-min+.w-more:after {
    content: "+"
}

.w-list ul {
    list-style-type: disc
}

.w-list label {
    font-weight: 400
}

.w-list .checkbox {
    margin-top: 0;
    margin-bottom: 0
}

.nav-menu-right-side {
    margin-bottom: 40px
}

.nav-menu-right-side .widgettitle {
    text-transform: none;
    font-size: 14px;
    color: #3c3d3c;
    font-weight: 700;
    margin: 15px 0
}

.nav-menu-right-side ul.menu {
    margin: 0;
    padding: 0;
    border: 1px solid #ebebeb;
    border-radius: 2px
}

.nav-menu-right-side ul.menu li {
    border-bottom: 1px solid #ebebeb;
    vertical-align: baseline;
    font-size: 100%
}

.nav-menu-right-side ul.menu li a {
    display: block;
    padding: 6px 10px;
    outline: 0 none;
    word-wrap: break-word;
    font-size: 14px
}

.nav-menu-right-side ul.menu li a:before {
    content: " ›";
    padding-right: 7px
}

.nav-menu-right-side ul.menu li a:hover {
    color: #ccc
}

.game-page .nav-menu-right-side ul.menu li a,
.game-page .nav-menu-right-side ul.menu li a:hover {
    font-weight: 400
}

.search-bar-container {
    width: 100%;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
    margin: 20px 0 30px;
    border-radius: 15px
}

.search-bar-container .search-games {
    width: 40%;
    position: relative
}

.search-bar-container .clear-filters,
.search-bar-container .results {
    width: 30%
}

.search-bar-container .clear-filters,
.search-bar-container .results,
.search-bar-container .search-games {
    height: 43px;
    float: left;
    border-bottom: 1px solid #fff;
    line-height: 40px
}

.search-bar-container .clear-filters {
    position: relative;
    text-align: center
}

.search-bar-container .clear-filters:before {
    content: " ";
    position: absolute;
    top: 11px;
    bottom: 8px;
    margin-left: -60px;
    border-right: 1px solid #e7e7e7
}

.search-bar-container .clear-filters span {
    padding-right: 12px;
    font-size: 20px;
    font-weight: 700
}

.search-bar-container .clear-filters a {
    border: solid 1px #c7c7c7;
    border-radius: 40px;
    padding: 5px 10px;
    text-decoration: none
}

.search-bar-container .results {
    color: #3c3d3c;
    text-align: center
}

.search-bar-container .results span {
    font-weight: 700
}

.search-bar-container .search-games {
    position: relative
}

.search-bar-container .search-games input[type=text] {
    margin-left: 20px;
    border: none;
    outline: 0;
    font-size: 14px;
    color: #686868;
    height: 38px
}

.search-bar-container .search-games input[type=submit] {
    border: 0;
    height: 43px;
    width: 63px;
    position: absolute;
    right: 0;
    top: 0;
    background: #d7d7d7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAkpJREFUOI19lN1uq0oMRpdNEiJIG5qIqj9Sqr7/+5S7ShVVUhopVRMQMMDMuehhdrLVc+ZysJft7/MgWZY55xwiQhiG3NzcEMcx0+kU5xx1XfP9/c3xeMQ5x3+dyQhZr9ekaYq1lr7vKcsSESGKIqIoIkkSttstXdchIlhrEZE/oHNI13UURUFVVTjncM4xm81IkoT1es3z8zOvr690XecBzjlUFQ3DkDRN6fuet7c3TqeTDxIRjDHs93uKokBVubu7Q0QQEcZpnHNokiQ459jtdvR97z+cwwC+vr6o65o4jgnDEABV9TG6XC4xxlBV1UXib+dwOCAiXF1dXRSz1qIiQtu2HjAG/OZQ3/cABEFw0bmq/oBU9SJxFHCEj0ljzDAMXicf3zQNURQRBIEHqSrWWm/xCL6+vgbAGHMBBtDD4YCqslqtfAVrrQeOCSLCcrlkGAa/HhcTlGWJMYbVakWSJH6UcekA5vM5m82GIAgoioK+771jPj7LMjedTnl6emIymVBVFcfjEWMMqspisWC5XKKq7HY7TqcTj4+PfHx8YIz5o+PLy4tTVSaTCWmaeh3+dmu/31NVFff398RxTF3X5Hnuu5Ysy9y5M2EYslgsCIIAay1t21JVFdZaNpsNURT5Ak3TkOf5j4sj6HwnftshEWE2m3F7e0scx17ktm3J8xw9F/fvfTmHWGtpmobtdkvTNP5+Pp/z8PDwA/q/ZXTO/TyBf++GYeD9/Z26rn1OHMfoeeURMiafdzsWG/9XeZ5TliXDMPD5+ck/WYd4+EySzUYAAAAASUVORK5CYII=) no-repeat center center
}

.search-bar-container div.select {
    line-height: 43px;
    padding-left: 29px;
    background-image: url(../images/stmp_tile_bkg-min.png);
    background-color: #3c3d3c;
    border-radius: 0 0 15px 15px
}

.search-bar-container label.f-radio {
    position: relative;
    padding-left: 20px;
    padding-right: 8px;
    white-space: nowrap;
    margin-right: 2.5em;
    font-size: 14px;
    display: inline;
    margin-bottom: 0;
    font-weight: 400
}

.search-bar-container label.f-radio input[type=radio] {
    display: none
}

.search-bar-container label.f-radio span.rd {
    display: inline-block;
    border: 4px solid #e7e7e7;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    background: #fff;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 3px
}

.search-bar-container label.f-radio :checked+span.rd {
    background-color: #f1950a
}

@media (min-width:992px) {
    .col-md-5ths {
        width: 25%;
        float: left
    }

    .right-side-portfolio {
        margin-left: 13px;
        margin-right: 13px
    }

    .right-side-portfolio .col-lg-6 {
        padding-left: 6px;
        padding-right: 6px
    }

    .right-side-portfolio .game-title {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}

@media (max-width:1500px) {
    .process-steps .step {
        width: 170px;
        height: 170px
    }
}

@media (max-width:1199px) {
    .view-link {
        padding: 26px;
        word-wrap: break-word
    }

    .process-steps .step {
        width: 160px;
        height: 160px
    }
}

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

    .navbar .nav>li>a,
    .navbar .nav>li>form>a>.locale-container {
        font-size: 12px
    }

    .navbar {
        padding: 0 15px
    }

    .navbar .navbar-brand img {
        width: 150px
    }

    .navbar .nav>li>a {
        padding: 12px 6px
    }
}

@media (min-width:768px) {
    .terms-and-conditions {
        padding-left: 24px
    }

    .results-header h2 {
        padding-bottom: 22px
    }

    .game-page h1,
    h1 {
        font-family: Lexend, sans-serif;
        color: #202c2b;
        font-weight: 900
    }
}

div.homepageArticle img {
    max-width: 100%
}

@media (max-width:767px) {
    div#slot-review table {
        width: 100% !important;
        height: 100% !important
    }

    div#slot-review td:not(.game-info-table-column) {
        padding: 10px !important
    }

    div.casino-reviews img {
        width: 100% !important;
        height: 100% !important
    }

    div.casino-reviews iframe {
        width: 100% !important;
        height: 100% !important
    }

    div#slot-review iframe {
        width: 100% !important;
        height: 100% !important
    }

    div.homepageArticle img {
        width: 100% !important;
        height: 100% !important
    }

    div.homepageArticle iframe {
        width: 100% !important;
        height: 100% !important
    }

    div#redirected-slots-article img {
        width: 100% !important;
        height: 100% !important
    }

    div#redirected-slots-article iframe {
        width: 100% !important;
        height: 100% !important
    }

    div#game-index-page-article img {
        width: 100% !important;
        height: 100% !important
    }

    div#game-index-page-article iframe {
        width: 100% !important;
        height: 100% !important
    }

    .carousel-home .play-now.slide1 {
        width: 180px;
        position: relative;
        top: 0
    }

    p.slide2 {
        position: relative;
        top: 20px
    }

    a.slide2 {
        position: relative;
        top: 0
    }

    p.slide3 {
        position: relative;
        top: 20px
    }

    a.slide3 {
        position: relative;
        top: 0
    }

    p.slide4 {
        position: relative;
        top: 0
    }

    .carousel-home .edge-desc.slide1 {
        position: relative;
        top: 0
    }

    .cover-img {
        height: 215px;
        background-image: url(../images/Golden-Goddess-Mobile-Free-Pokies.jpg);
        border-top: 1px solid #fff
    }

    .main-block {
        padding: 15px;
        margin-top: 0
    }

    .blank-divider-group {
        max-width: 100%;
        display: flex;
        margin: 0 auto
    }

    .blank-divider-group button {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
        word-wrap: break-word;
        line-height: 15px
    }

    div#plus18messageDiv {
        font-size: 10px
    }

    div.total-pages {
        margin-left: 0;
        padding-left: 0;
        color: #777;
        display: block;
        clear: both;
        padding-top: 1em
    }

    .casino-reviews .tab-content {
        margin-bottom: 30px
    }

    .process-steps:before {
        display: none
    }

    .games {
        padding: 0
    }

    footer .inner {
        padding: 50px 0 0
    }

    footer .copy .rights {
        margin-left: 15px
    }

    .carousel .carousel-indicators {
        display: none
    }

    .carousel .carousel-caption {
        bottom: 0;
        width: 100%
    }

    .carousel .edge-desc {
        font-weight: 700;
        width: 50%;
        line-height: 20px
    }

    #create-review-auth-form,
    #create-review-form {
        width: 100%
    }

    .review-star-fill {
        width: 20px;
        height: 20px
    }

    .pros-and-cons {
        flex-direction: column
    }

    .pros-and-cons .pros {
        margin-right: 0;
        margin-bottom: 20px
    }

    #create-review-modal .modal-dialog {
        margin-top: 30px
    }
}

@media screen and (max-width:700px) {
    .search-bar-container .clear-filters:before {
        margin-left: -30px
    }

    .banner {
        min-height: 120px
    }

    .banner span {
        font-size: 25px
    }

    .banner .game-logo {
        position: relative
    }

    .banner .play-now {
        bottom: 0;
        margin-top: 10px
    }
}

@media screen and (max-width:678px) {
    .review-summary-score {
        align-items: center;
        flex-direction: column;
        margin-top: 25px
    }

    .review-summary-overall-score {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 25px;
        border-bottom: 1px solid #686868;
        padding-bottom: 25px
    }

    .overall-score-text {
        margin-top: 10px
    }

    .review-summary-score-bar-container {
        width: 100%;
        border: 0
    }

    .review-summary-score-bar-wrapper {
        align-items: center
    }

    .review-summary-score-bar-score {
        margin-left: 0;
        margin-right: 10px;
        text-align: right
    }
}

@media screen and (max-width:580px) {
    .search-bar-container .clear-filters:before {
        margin-left: -10px
    }
}

@media (max-width:575px) {
    .slots-makers .col-xs-4 {
        width: 50%
    }

    .slots-makers .slots-maker {
        height: 145px
    }

    .slots-makers .slots-maker a {
        height: 111px
    }

    .slots-makers .slots-maker a img {
        max-height: 100px
    }

    .game-description .nav {
        margin-bottom: 10px;
        border-bottom: 0
    }

    .game-description .nav .nav-item {
        float: none
    }

    .game-description .nav .nav-item .nav-link {
        background-color: rgba(0, 0, 0, .05);
        border-bottom: 2px solid rgba(0, 0, 0, .1);
        padding: 5px 10px;
        border-radius: 0;
        margin-bottom: 15px
    }

    .game-description .nav-tabs>li.active {
        border-bottom: 0;
        background-color: rgba(0, 0, 0, .07)
    }

    .game-description .nav-tabs .nav-item.active a {
        border-bottom: 2px solid #f0af2a
    }

    .game-description .nav .nav-item .nav-link:focus,
    .game-description .nav .nav-item .nav-link:hover {
        background-color: rgba(0, 0, 0, .07);
        border-bottom: 2px solid #f0af2a
    }

    .casino-reviews .review ul {
        padding: 0
    }

    .process-steps .step {
        width: 120px;
        height: 120px
    }
}

@media (max-width:540px) {
    .portfolio .col-xs-4 {
        width: 50% !important
    }

    .carousel-home .item {
        height: 200px
    }
}

@media screen and (max-width:540px) {
    .search-bar-container {
        display: none !important
    }

    .mobileSearch {
        display: block;
        margin-bottom: 30px
    }

    .casinoMobileSearch {
        margin-top: 20px
    }

    button:focus,
    input:focus,
    textarea:focus {
        outline: 0
    }

    .search-container {
        font-family: Inter, sans-serif;
        border: 2px solid #e7e7e7;
        font-weight: 700;
        font-size: 14px;
        color: #afafaf;
        max-width: 500px;
        min-width: 265px;
        height: 110px
    }

    .search-container .search-games {
        position: relative;
        border-bottom: 2px solid #e7e7e7;
        height: 48px;
        line-height: 49px;
        overflow: hidden
    }

    .search-container .search-games input[type=text] {
        padding: 14px 12px;
        border: none;
        outline: 0;
        width: 100%;
        font-size: 14px;
        color: #686868;
        line-height: 100%
    }

    .search-container .search-games input[type=submit] {
        border: 0;
        height: 50px;
        width: 63px;
        position: absolute;
        right: 0;
        top: 0;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAkpJREFUOI19lN1uq0oMRpdNEiJIG5qIqj9Sqr7/+5S7ShVVUhopVRMQMMDMuehhdrLVc+ZysJft7/MgWZY55xwiQhiG3NzcEMcx0+kU5xx1XfP9/c3xeMQ5x3+dyQhZr9ekaYq1lr7vKcsSESGKIqIoIkkSttstXdchIlhrEZE/oHNI13UURUFVVTjncM4xm81IkoT1es3z8zOvr690XecBzjlUFQ3DkDRN6fuet7c3TqeTDxIRjDHs93uKokBVubu7Q0QQEcZpnHNokiQ459jtdvR97z+cwwC+vr6o65o4jgnDEABV9TG6XC4xxlBV1UXib+dwOCAiXF1dXRSz1qIiQtu2HjAG/OZQ3/cABEFw0bmq/oBU9SJxFHCEj0ljzDAMXicf3zQNURQRBIEHqSrWWm/xCL6+vgbAGHMBBtDD4YCqslqtfAVrrQeOCSLCcrlkGAa/HhcTlGWJMYbVakWSJH6UcekA5vM5m82GIAgoioK+771jPj7LMjedTnl6emIymVBVFcfjEWMMqspisWC5XKKq7HY7TqcTj4+PfHx8YIz5o+PLy4tTVSaTCWmaeh3+dmu/31NVFff398RxTF3X5Hnuu5Ysy9y5M2EYslgsCIIAay1t21JVFdZaNpsNURT5Ak3TkOf5j4sj6HwnftshEWE2m3F7e0scx17ktm3J8xw9F/fvfTmHWGtpmobtdkvTNP5+Pp/z8PDwA/q/ZXTO/TyBf++GYeD9/Z26rn1OHMfoeeURMiafdzsWG/9XeZ5TliXDMPD5+ck/WYd4+EySzUYAAAAASUVORK5CYII=) no-repeat center center;
        background-color: #d7d7d7
    }

    .search-container .search-games input[type=submit]:active {
        border-top: 3px solid #d7d7d7;
        border-left: 3px solid #d7d7d7
    }

    .search-container .search-games input[type=text]::-webkit-input-placeholder {
        color: #686868;
        font-size: 14px
    }

    .search-container .search-games :-moz-placeholder,
    .search-container .search-games :-ms-input-placeholder,
    .search-container .search-games ::-moz-placeholder,
    .search-container .search-games :placeholder-shown {
        font-size: 14px;
        color: #686868;
        opacity: 1
    }

    .sort {
        width: 100%;
        vertical-align: middle;
        padding: 15px 12px;
        padding-top: 5px;
        color: #686868;
        line-height: 100%
    }

    .sort .sort-by {
        display: inline-block
    }

    .sort .sort-by label {
        line-height: 32px;
        position: relative;
        top: 0;
        margin-bottom: 0;
        font-weight: 400
    }

    .filter-sel {
        display: inline-block;
        cursor: pointer;
        margin-left: 7em;
        padding: 8px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAJNJREFUGJVt0KEOhDAQhOEfQlKBQ2H6AphaEtL3JqlA1NRVolAYDBJBKNlzd+Ho2G+ymwwhBLnvW3Ipl2XBOcdxHPynBNj3nXEc2bbtjQDneTJNE/M8vxFARIgx4r3nui6q1yNgXVdEJI9aa/q+f2JRFBhj6LoO4IdKKYZhoG3bb7kCaJoGay11XT/vhxAkpZRd6APAKGH672QZDQAAAABJRU5ErkJggg==);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 15px;
        position: relative;
        top: 0
    }

    .filter-sel-reset {
        display: inline-block;
        cursor: pointer;
        margin-left: 7em;
        padding: 8px;
        text-decoration: underline;
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 15px;
        position: relative;
        top: 0
    }

    a.back-button {
        display: block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAKJJREFUGJWFkDEKhDAABCfRFwhCIIVgE4j6/38YUSwsLIIpgj+IueLgTrBw2l12YMVxHJkb53ninCOlRNu2lPcwxsg0TVzXhTEGrfW/EEJgWRYArLUopQC+Be8967oipaTrOuq6/q2W+76zbRtFUTAMA1VV3a1IXpBN02CMIaXEOI7EGJ8LWmusteSccc4RQngqlFL0fY8Qgnme8d4DIN6O+gByEUvGdApPgAAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
        background-position: left 43px center;
        background-color: #e7e7e7;
        border-bottom: 2px solid #d7d7d7;
        color: #a5a5a5;
        font-size: 14px;
        text-decoration: none;
        height: 52px;
        line-height: 54px;
        padding-left: 60px
    }

    a.back-button:hover {
        color: #3c3d3c
    }

    .pokies-bl {
        padding: 14px 25px
    }

    .pokies-bl .pokie-item {
        border: 2px solid #d7d7d7;
        height: 51px;
        line-height: 51px;
        margin-bottom: 9px;
        font-size: 14px;
        font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif
    }

    .pokies-bl .pokie-item a {
        text-decoration: none;
        color: #3f3f3f;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAHRJREFUGJWFkDEOQyEMQ6EXI0GRclJmZlb4G5yJ16mV+lFbTx6ebCehlEJKCXdnrcVdAaDWiohgZlzXdQIArTVUlZwzrbUTAOi9Y2aICLXWEwCYc+LupJQopfAIN8UY337vHT4SxhjfK14jVfUc+fPMf496Aqpi6z5kLRrbAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: right 24px center;
        display: block;
        padding: 0 24px;
        font-weight: 700
    }

    .pokies-bl .pokie-item:not(.clear-all-filters) a:hover {
        color: #fff;
        background-color: #3c3d3c;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAJdJREFUGJWFkDsKwkAURV9iMcWrXYob0Eqw9FsGUocswM9yBMvZhJAiRQrdSIoJmcyx1DigF2534H7kcTwD4NuW+3KFNTqyWKM0RQkhMDhHtd7FgDVKneUE7wl9T53lMWCNUm0PDF0HIdAUJdYoiTWKfGi6mMvsdpWJqjxPF0nlW7z5JE1lHLHZMzg3iohLeh+X/Dnz31EvLICojlMqGwsAAAAASUVORK5CYII=)
    }

    .pokies-bl .clear-all-filters a {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAJpJREFUGJWVkTsOgzAQRE3OQMMtKGjzEckFKOgiIaVC4g75WZwWGsoYyS/FRBBLCCXTWJ598s56DdcHxAmcK3g5Ao2j/DiB2xOD91A3MuoGvBe44BtALxalCrYVbFvdi3LqaKaWwwDbXEB10bnL5X80wwBdB2kmMM2g74Pyxnwrisyqghj7YxjjcFqI8fOAf33d2lKcm5dyt7wBjtVDUhIsM7wAAAAASUVORK5CYII=)
    }

    .pokie-maker-filter {
        position: relative
    }

    .pokie-maker-filter .checkbox,
    .pokie-maker-filter .radio {
        margin-bottom: 0;
        margin-top: 0
    }

    .pokie-maker-filter h3 {
        color: #3c3d3c;
        font-size: 18px;
        font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
        margin-top: 2px;
        margin-bottom: 17px;
        margin-left: 3px;
        font-weight: 700;
        text-transform: capitalize
    }

    .pokie-maker-filter .w-list-filter {
        padding: 24px
    }

    .pokie-maker-filter .w-list-filter li {
        border: solid #e7e7e7;
        border-left-width: 2px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-right-width: 2px;
        line-height: 44px;
        color: #fa8e07;
        padding-left: 18px;
        position: relative;
        font-size: 12px;
        font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif
    }

    .pokie-maker-filter .w-list-filter li .icons {
        display: inline-block;
        text-align: center;
        width: 25px;
        margin: 0 auto;
        margin-right: 15px
    }

    .pokie-maker-filter .w-list-filter li img {
        vertical-align: middle
    }

    .pokie-maker-filter li,
    .pokie-maker-filter ul {
        margin: 0;
        list-style-type: none
    }

    .pokie-maker-filter label {
        font-weight: 400
    }

    .po-select-hidden {
        display: none;
        visibility: hidden;
        padding-right: 10px
    }

    .search-container .po-select {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 14.5px;
        color: #b5b5b5;
        width: 108px;
        height: 30px;
        top: 10px
    }

    .po-select-styled {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #e7e7e7;
        padding: 0 2em;
        line-height: 30px;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        width: 10em;
        text-align: left
    }

    .po-select-styled:after {
        content: "";
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-color: #b5b5b5 transparent transparent transparent;
        position: absolute;
        top: 14px;
        right: 10px
    }

    .po-select-styled.active:after,
    .po-select-styled:active:after {
        top: 8px;
        border-color: transparent transparent #b5b5b5 transparent
    }

    .select-options {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 162px;
        text-align: center;
        z-index: 999;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #fff;
        border: 1px solid #e7e7e7;
        border-top: 0
    }

    .select-options li {
        margin: 0;
        padding: 12px 0;
        border-top: 1px solid #e7e7e7;
        -moz-transition: all .15s ease-in;
        -o-transition: all .15s ease-in;
        -webkit-transition: all .15s ease-in;
        transition: all .15s ease-in
    }

    .select-options li:hover {
        color: #fff;
        background: #fa8e07
    }

    .select-options li[rel=hide] {
        display: none
    }

    .pokie-maker-filter label.checkbox input[type=checkbox] {
        display: none
    }

    .pokie-maker-filter label.checkbox span.ch,
    .pokie-maker-filter label.checkbox span.ch-all {
        display: inline-block;
        border: 2px solid #e7e7e7;
        border-radius: 3px;
        width: 21px;
        height: 21px;
        background: #fff;
        vertical-align: middle;
        right: 30px;
        top: 12px;
        position: absolute
    }

    .pokie-maker-filter label.checkbox :checked+span.ch-all {
        background: url(../images/ch-all.png) no-repeat center center
    }

    .pokie-maker-filter label.checkbox :checked+span.ch {
        background: url(../images/check.png) no-repeat center center
    }
}

@media (max-width:500px) {
    footer .inner {
        background: linear-gradient(to bottom, #35363a 50%, #404246 50%)
    }

    footer .inner .col-xs-6 {
        width: 100% !important;
        padding-left: 25px
    }

    .games .col-xs-4 {
        width: 50% !important
    }

    .right-side-portfolio .col-xs-4 {
        width: 50% !important
    }

    .banner span {
        font-size: 20px;
        display: block;
        margin-bottom: 0;
        font-style: normal;
        color: #fff
    }

    .banner .game-logo {
        position: static;
        float: none;
        margin: auto
    }

    .banner .play-now {
        position: static;
        float: none;
        margin-bottom: 20px
    }

    .content-border-top-img img {
        top: -2px
    }

    .content-border-bottom-img img {
        bottom: -2px
    }
}

@media screen and (max-width:420px) {
    .review-summary-title {
        min-width: 80px
    }

    .review-summary-score-bar-stars {
        width: 160px
    }
}

@media screen and (max-width:395px) {
    .filter-sel {
        margin-left: 2em
    }

    footer img {
        padding: 10px 5px;
        max-width: 200px
    }
}

@media screen and (max-width:360px) {
    .banner span {
        font-size: 22px
    }
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translateX(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    51% {
        opacity: 1
    }
}

@media print {
    .main-block .col-lg-9 {
        width: 100% !important
    }

    article h1 {
        color: #3c3d3c !important
    }

    strong.note {
        color: #fa8e07 !important;
        font-weight: 700
    }

    .link-to-game {
        font-weight: 700
    }
}

@media (min-width:1050px) and (max-width:1160px) {
    .search-bar-container label.f-radio {
        margin-right: 1.5em
    }
}

@media (min-width:746px) and (max-width:1049px) {
    .search-bar-container label.f-radio {
        margin-right: 1em
    }
}

@media (max-width:745px) {
    .search-bar-container label.f-radio {
        margin-right: .25em
    }
}

.game-article>.game-page-picture-wrapper img.DDgameArtileImg {
    max-width: 100% !important;
    height: auto !important
}

.game-container-tile {
    border-radius: 10px
}

.age-verify-row {
    padding: 0 30px;
    margin-bottom: 5px
}

.verify-box-header {
    padding-left: 30px;
    font-family: Inter, sans-serif;
    font-size: 23px;
    font-weight: 700
}

#turnstile-container {
    display: flex;
    justify-content: center;
    margin: 40px 0 10px 0
}

.field-validation-message {
    color: #dc3545;
    display: inline-block;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 12px
}

@media (min-width:768px) {

    .field-validation-error,
    .field-validation-success {
        position: absolute;
        right: -36px
    }
}

.is_invalid {
    border: 1px solid #dc3545
}

ul.age-verification-reasons {
    border-radius: 10px;
    padding: 10px 15px;
    margin-top: 11px
}

ul.age-verification-reasons li {
    color: #fff;
    padding: 1px 0 0 40px;
    margin: 26px 0;
    background: url(/images/age-verify-new/privacy_white_fill.png) no-repeat;
    font-size: 15px
}

#verifyAgeFormWrapper input {
    border-radius: 20px
}

.verify-age-click {
    padding: 0;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    background-color: #4fb95e;
    width: 214px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    margin-top: 23px
}

a.verify-age-click:focus,
a.verify-age-click:hover {
    color: #fff;
    text-decoration: none
}

#verifyMoreInfo p {
    margin-bottom: 5px
}

#verifyMoreInfo span {
    font-size: 22px
}

.star-bullet {
    font-size: 22px;
    margin-right: 10px
}

.agree-terms-link,
.agree-terms-link:hover {
    color: #fff;
    display: inline !important;
    text-decoration: underline
}

.stmp-blur-game-bg {
    height: 750px;
    background: url(/images/stmp_blur_bg.jpg);
    background-size: cover
}

.verify-age-one-text {
    font-size: 17px;
    line-height: 2em
}

#verifyAgeFormWrapper label {
    font-size: 12px;
    margin-bottom: 3px;
    padding-left: 15px
}

div#age-verification-mobile-help p {
    color: #fff
}

a.cta-game-container {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    background-color: #4fb95e;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    margin: 10px 0;
    padding: 0;
    border: 0;
    font-family: Inter, sans-serif;
    font-weight: 700
}

@media screen and (min-width:480px) {
    a.cta-game-container {
        width: 213px;
        margin: 15px auto auto
    }
}

.cta-game-container.stmp-green {
    display: block;
    justify-content: center;
    align-items: center;
    background: linear-gradient(177.44deg, #59d069 8.28%, #23902f 91.72%);
    min-width: 213px
}

.cta-game-container.stmp-yellow {
    display: block;
    justify-content: center;
    align-items: center;
    color: #202c2b;
    opacity: .81;
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%)
}

.cta-game-container.stmp-orange {
    display: block;
    color: #fff;
    background: linear-gradient(180deg, #ffb444 0, #ea4e10 100%)
}

#mobile_game_container {
    margin: 10px 0
}

.game_area.play-demo {
    display: flex;
    flex-direction: column
}

.game_area.play-demo .age-confirm-wrapper {
    margin-top: auto
}

ul.mobile-age-verification-reasons {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 0 15px;
    margin-top: 11px;
    width: 77%
}

ul.mobile-age-verification-reasons li {
    color: #fff
}

#mobile_game_container {
    margin: 10px 0
}

#verifyAgeFormWrapper #verifyAgeForm .form-group .label-row {
    padding-right: 0
}

.age-verification-form-footer span,
.age-verification-result-footer span {
    padding-left: 5px !important;
    color: #fff !important;
    font-size: 12px !important;
    display: inline !important;
    position: static !important
}

.age-verification-by-clicking {
    line-height: 1.3em
}

.age-verification-loading {
    width: 170px;
    height: 170px;
    display: inline-block
}

.age-verification-result-footer {
    text-align: center;
    margin-top: 40px
}

.age-verification-result-fail-footer {
    text-align: center;
    margin-top: 25px
}

.float-none {
    float: none
}

.height-100 {
    height: 100%
}

.margin-none {
    margin: 0
}

.margin-left-15 {
    margin-left: 15px
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-top-5 {
    margin-top: 5px
}

.margin-bottom-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 10px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.text-white {
    color: #fff
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

footer img {
    padding: 10px 35px
}

@media screen and (max-width:560px) {
    footer img {
        padding: 10px 5px;
        max-width: 300px
    }
}

.footer-container {
    float: none;
    text-align: center;
    padding: 30px
}

.arr {
    color: #fff;
    font-size: 10px;
    margin: 10px
}

.front-desc a {
    font-family: Inter, sans-serif
}

@media (min-width:1201px) {
    .dd-navbar-collapse {
        margin-top: 6px
    }

    .container-fluid>.navbar-collapse {
        margin-left: auto
    }

    .navbar-header button {
        display: none !important
    }

    .navbar-nav>li.login-group>a>span {
        display: none
    }

    .navbar-nav .open .dropdown-menu>li>a {
        font-size: 12px
    }

    .navbar .nav .open>.dropdown-menu.auth {
        left: auto
    }

    .dropdown-menu.lang-picker {
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, 0) !important;
        min-width: 90px
    }
}

@media (max-width:1200px) {
    .navbar-nav .open .dropdown-menu {
        max-width: 100px;
        background: 0 0;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 5vw
    }

    .navbar-nav .open .dropdown-menu li {
        margin-left: 0
    }

    .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        font-size: 13px
    }

    .navbar>.container-fluid .navbar-brand {
        height: initial;
        padding: 0;
        padding-top: 5px;
        margin: 0 auto
    }

    .navbar>.container-fluid .collapse .navbar-brand {
        margin: 0
    }

    .navbar .navbar-brand img {
        width: 140px
    }

    .navbar .collapse .navbar-brand img {
        width: 151px
    }

    .navbar .navbar-toggle {
        border: 0
    }

    .navbar .navbar-header {
        background: url(../images/stmp_bg2.png) #1a1a1a;
        margin: 0 25px
    }

    .nav-search {
        order: 0;
        margin-top: 0;
        padding-left: 0;
        margin: 0 25px
    }

    .nav-search .glyphicon {
        font-size: 22px;
        padding-left: 10vw
    }

    .navbar .navbar-header button {
        display: block
    }

    .navbar .nav {
        margin: 0
    }

    .navbar .nav>li {
        padding: 0;
        float: none !important
    }

    .navbar .nav>li:hover {
        background-color: rgba(0, 0, 0, .03);
        border-top: 0
    }

    .navbar .nav>li>a {
        font-size: 14px;
        font-weight: 800;
        padding: 14px;
        line-height: 1;
        display: flex;
        align-items: center
    }

    .navbar .nav>li:focus:before,
    .navbar .nav>li:hover:before {
        display: none
    }

    .navbar .nav>li>a .fa-angle-down {
        padding-left: 10px
    }

    .navbar .nav>li>a>.icon-container {
        display: inline-flex;
        width: 20px;
        height: 20px;
        justify-content: center;
        align-items: center;
        margin-right: 15px
    }

    .navbar .nav>li>a>.icon-container.free-slots img {
        padding-right: 5px
    }

    .navbar-collapse.collapse {
        display: none
    }

    .navbar-fixed-top .navbar-collapse.navbar-overlay {
        max-height: none;
        height: 100vh !important;
        width: 100vw;
        background: #0b1019;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        overflow-y: auto !important;
        display: none !important
    }

    .navbar-fixed-top .navbar-collapse.navbar-overlay.collapse.in {
        display: flex !important;
        flex-direction: column
    }

    .navbar-fixed-top .navbar-collapse.navbar-overlay.collapse.in .collapse-close {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0
    }

    .navbar .nav.container-fluid {
        justify-content: space-between
    }

    .navbar .navbar-right {
        display: block
    }

    .navbar .nav>li>a .icon-container.nav-gold-star {
        background: url(/images/nav/nav_gold_star.png) 1px 4px no-repeat
    }

    .navbar .nav>li>a .icon-container.nav-gold-filter {
        background: url(/images/nav/nav_gold_filter.png) 0 5px no-repeat
    }

    .navbar .nav>li>a .icon-container.nav-gold-bell {
        background: url(/images/nav/nav_gold_bell.png) 2px 5px no-repeat
    }

    .navbar .nav>li>a .icon-container.nav-gold-stack {
        background: url(/images/nav/nav_gold_stack.png) 3px 4px no-repeat
    }

    .navbar .nav>li>a .icon-container.nav-gold-news {
        background: url(/images/nav/nav_gold_news.png) 3px 4px no-repeat
    }

    .dropdown-menu>li {
        margin-left: 40vw;
        padding: 0
    }
}

.green-age-verify-button-mobile {
    justify-content: center;
    align-items: center;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    padding: 0;
    background: linear-gradient(177.44deg, #59d069 8.28%, #23902f 91.72%);
    height: 40px;
    border: 0;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.carousel-inner {
    border-radius: 15px
}

#game-index-page-article li.toc-link {
    list-style-type: none
}

#game-index-page-article ul.toc-list {
    padding-inline-start: 0
}

.promotions-blocked {
    color: red;
    margin-bottom: 20px;
    font-weight: 700
}

.mk-loadmore-bonuses-button {
    display: none
}

#game-index-page-article div {
    font-size: 16px;
    color: #686868
}

.casino-reviews .tab-content .ftmArticle ul {
    color: #686868;
    font-size: 16px;
    list-style-type: inherit
}

.casino-reviews .tab-content .ftmArticle ul:not(:first-child) {
    padding-inline-start: 40px
}

.casino-reviews .tab-content .ftmArticle ul li {
    margin: 0 0 6px;
    padding: 0;
    line-height: inherit
}

.pswp__img--placeholder--blank {
    display: none
}

.pswp img {
    max-width: none;
    object-fit: contain
}

.p2p-games {
    margin: 20px 0
}

.margin-y-auto {
    margin: auto 0
}

.button-fill {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 12em;
    display: inline-flex;
    gap: .5em;
    justify-content: center;
    align-items: center;
    padding: 1em 1.5em;
    text-transform: uppercase
}

.button-fill.primary {
    background: linear-gradient(0, #f6b119, #f2960e);
    border: none;
    color: #110b02
}

.button-fill.primary:hover {
    color: #110b02;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    text-decoration: none
}

.button-fill.primary:focus {
    color: #110b02;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    outline: 0;
    text-decoration: none
}

.button-fill.secondary {
    background: linear-gradient(0, #5cb958, #33872d);
    border: none;
    color: #e9e6e0
}

.button-fill.secondary:hover {
    color: #e9e6e0;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    text-decoration: none
}

.button-fill.secondary:focus {
    color: #e9e6e0;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    outline: 0;
    text-decoration: none
}

.button-outline {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 12em;
    display: inline-flex;
    gap: .5em;
    justify-content: center;
    align-items: center;
    padding: 1em 1.5em;
    text-transform: uppercase
}

.button-outline.primary {
    position: relative;
    border: none;
    background: linear-gradient(0, #f6b119, #f2960e);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.button-outline.primary:hover {
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    text-decoration: none
}

.button-outline.primary:focus {
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    outline: 0;
    text-decoration: none
}

.button-outline.primary::after {
    content: "";
    border: solid transparent;
    border-width: 2px;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    background: linear-gradient(0, #f6b119, #f2960e) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.button-outline.white {
    background: 0 0;
    border: 1px solid #e9e6e0;
    color: #e9e6e0
}

.button-outline.white:hover {
    color: #e9e6e0;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    text-decoration: none
}

.button-outline.white:focus {
    color: #e9e6e0;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    outline: 0;
    text-decoration: none
}

.button-outline-gradient {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 12em;
    display: inline-flex;
    gap: .5em;
    justify-content: center;
    align-items: center;
    padding: 1em 1.5em;
    text-transform: uppercase
}

.button-outline-gradient.primary {
    position: relative;
    border: none;
    text-decoration: none
}

.button-outline-gradient.primary>span {
    background: linear-gradient(0, #f6b119, #f2960e);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.button-outline-gradient.primary>svg {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%)
}

.button-outline-gradient.primary::after {
    content: "";
    border: solid transparent;
    border-width: 2px;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    background: linear-gradient(0, #f6b119, #f2960e) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.button-outline-gradient.primary svg {
    stroke: #f6b119
}

.navbar {
    background: #000;
    border-radius: 0;
    height: 72px;
    font-family: Lexend, sans-serif;
    margin: 0 auto;
    min-height: 50px;
    vertical-align: baseline;
    width: 100%
}

@media (max-width:1280px) and (min-width:1200px) {
    .navbar .nav>li>a {
        padding: 4px
    }
}

.navbar .nav>li>a .st-icon {
    font-size: 14px
}

.navbar .nav.container-fluid {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    z-index: 1
}

.navbar .nav.container-fluid .navbar-header button i.nav-icon {
    font-size: 24px
}

.navbar .nav.container-fluid .navbar-brand {
    display: flex;
    padding: 0;
    margin: 0
}

.navbar .nav.container-fluid .navbar-brand .mainLogo {
    margin: auto
}

.navbar .nav.container-fluid>.navbar-collapse {
    margin: 0
}

.navbar .nav .nav-icon {
    font-size: 20px
}

.nav-steps {
    margin-top: 72px
}

.navbar-fixed-top::before {
    background: url(/images/nav/background/stmp.png) 0 0/180px #000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 3%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body {
    font-size: 14px;
    color: #3c3d3c;
    font-weight: inherit;
    line-height: 1.66em;
    font-family: Inter, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0
}

body,
body.median-restricted .content {
    background-color: #000
}

body.median-restricted .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 64px 16px
}

@media (min-width:991.98px) {
    body.median-restricted .content {
        padding: 240px 64px
    }
}

body.median-restricted .content,
body.median-restricted .content p {
    color: #fff
}

body.median-restricted .content h4 {
    font-size: 37.9259259259px;
    font-family: Lexend, sans-serif;
    line-height: 40px;
    letter-spacing: .25px;
    text-transform: uppercase
}

body.median-restricted .content p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px
}

body.median-restricted .content p span {
    text-decoration: underline
}

body:has(.median) {
    margin-bottom: 35px
}

.inner-max-width {
    width: 100%;
    margin: 0 auto;
    background: #fff
}

.inner-max-width.tournaments {
    position: absolute;
    background: 0 0
}

.inner-max-width.tournaments::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background: url(/images/tournament-bg-top.png) center 5vh no-repeat, url(/images/tournament-bg-bottom.png) center bottom no-repeat, #000;
    background-blend-mode: exclusion
}

@media (min-width:320px) and (max-width:1200px) {
    .inner-max-width.tournaments::before {
        margin-top: 88px
    }
}

@media (max-width:1200px) {
    .inner-max-width.tournaments::before {
        background-position-y: top, bottom
    }
}

.inner-max-width.getting-started-container {
    position: relative;
    background: 0 0
}

.inner-max-width.getting-started-container::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background: url(/images/tournament-bg-top.png) top/100% no-repeat, linear-gradient(180deg, #000 0, #000 var(--stop1), #b6b8b8 var(--stop2), #fff var(--stop3)), url(/images/tournament-bg-bottom.png) bottom/100% no-repeat
}

@media (min-width:320px) and (max-width:1200px) {
    .inner-max-width.getting-started-container::before {
        margin-top: 88px
    }
}

.inner-max-width.xpoints-container {
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-position-y: top, bottom
}

.inner-max-width.xpoints-container .cep-content {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:767.98px) {
    .inner-max-width.xpoints-container {
        background-position: top, bottom;
        background-size: 1200px, 1200px;
        background-repeat: no-repeat;
        background-position-y: top, bottom
    }

    .inner-max-width.xpoints-container .cep-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.inner-max-width .page-title {
    width: 100%;
    position: relative;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 120%;
    word-wrap: break-word;
    padding: 15px;
    z-index: 0;
    background: #f8f8f8
}

.inner-max-width .page-title h1 {
    max-width: 1200px;
    margin: 0 auto;
    color: #202c2b;
    font-family: Lexend, sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 6px;
    font-size: 22px
}

@media screen and (max-width:767.98px) {
    .inner-max-width .page-title h1 {
        margin-bottom: 0
    }
}

.inner-max-width .page-title h2 {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-family: Lexend, sans-serif
}

.inner-max-width .page-title h2::before {
    background: 0 0
}

.inner-max-width .page-title h2.subtitle {
    color: #3c3c3c;
    margin-bottom: 0
}

@media screen and (max-width:767.98px) {
    .inner-max-width .page-title.white {
        background: #fff
    }

    .inner-max-width .page-title.game-page-title h1 {
        color: #fff;
        margin-top: 13px
    }
}

.inner-max-width .main-block {
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width:768px) {
    .item:not(.active):not(:nth-child(2)):not(:last-child)>.year {
        display: none
    }

    .item:not(.active):not(:nth-child(2)):not(:last-child)>.point {
        position: relative;
        top: -11px
    }
}

.icon-gold-gradient {
    background: linear-gradient(0, #f2960e 0, #f7b119 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width:1200px) {
    .active .icon-gold-gradient {
        background-image: linear-gradient(0deg, #0b1019, #0b1019)
    }
}

.center-button-group {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex: 1 1 0;
    padding: 2em 1em
}

.center-button-group>* {
    margin: 10px
}

.center-button-group a.button {
    max-width: fit-content
}

.max-characters {
    color: red;
    font-weight: 100;
    font-size: 10px;
    text-align: right
}

#list_selector {
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 0;
    color: #999
}

.options {
    display: none;
    margin: 0;
    background: 0 0;
    width: 95%;
    margin: 0 auto;
    height: 100px;
    overflow: overlay
}

.options>li {
    background: #fff;
    line-height: 25px;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    color: #3c3d3c;
    border: 1px solid #3c3d3c;
    border-radius: 5px
}

.options>li:hover {
    background: #aaa
}

.unified-content ul {
    padding-inline-start: 40px;
    font-size: 16px
}

.unified-content ul li {
    padding: 0
}

#game-index-page-article :not(h1, h2, h3, h4, h5) a,
#game-index-page-article :not(h1, h2, h3, h4, h5) a:hover,
#mk-sidebar :not(h1, h2, h3, h4, h5) a,
#mk-sidebar :not(h1, h2, h3, h4, h5) a:hover,
#redirected-slots-article :not(h1, h2, h3, h4, h5) a,
#redirected-slots-article :not(h1, h2, h3, h4, h5) a:hover,
#terms-conditions-content :not(h1, h2, h3, h4, h5) a,
#terms-conditions-content :not(h1, h2, h3, h4, h5) a:hover,
.article :not(h1, h2, h3, h4, h5) a,
.article :not(h1, h2, h3, h4, h5) a:hover,
.cep-content :not(h1, h2, h3, h4, h5) a,
.cep-content :not(h1, h2, h3, h4, h5) a:hover,
.content :not(h1, h2, h3, h4, h5) a,
.content :not(h1, h2, h3, h4, h5) a:hover,
.content-article :not(h1, h2, h3, h4, h5) a,
.content-article :not(h1, h2, h3, h4, h5) a:hover,
.excerpt :not(h1, h2, h3, h4, h5) a,
.excerpt :not(h1, h2, h3, h4, h5) a:hover,
.favourite-games-article :not(h1, h2, h3, h4, h5) a,
.favourite-games-article :not(h1, h2, h3, h4, h5) a:hover,
.ftmArticle :not(h1, h2, h3, h4, h5) a,
.ftmArticle :not(h1, h2, h3, h4, h5) a:hover,
.game-article :not(h1, h2, h3, h4, h5) a,
.game-article :not(h1, h2, h3, h4, h5) a:hover,
.read-more-container :not(h1, h2, h3, h4, h5) a,
.read-more-container :not(h1, h2, h3, h4, h5) a:hover,
.toc-link :not(h1, h2, h3, h4, h5) a,
.toc-link :not(h1, h2, h3, h4, h5) a:hover,
.toc-list :not(h1, h2, h3, h4, h5) a,
.toc-list :not(h1, h2, h3, h4, h5) a:hover,
.unified-content :not(h1, h2, h3, h4, h5) a,
.unified-content :not(h1, h2, h3, h4, h5) a:hover {
    text-decoration: underline
}

#game-index-page-article h1 a,
#game-index-page-article h1 a:hover,
#game-index-page-article h2 a,
#game-index-page-article h2 a:hover,
#game-index-page-article h3 a,
#game-index-page-article h3 a:hover,
#game-index-page-article h4 a,
#game-index-page-article h4 a:hover,
#game-index-page-article h5 a,
#game-index-page-article h5 a:hover,
#mk-sidebar h1 a,
#mk-sidebar h1 a:hover,
#mk-sidebar h2 a,
#mk-sidebar h2 a:hover,
#mk-sidebar h3 a,
#mk-sidebar h3 a:hover,
#mk-sidebar h4 a,
#mk-sidebar h4 a:hover,
#mk-sidebar h5 a,
#mk-sidebar h5 a:hover,
#redirected-slots-article h1 a,
#redirected-slots-article h1 a:hover,
#redirected-slots-article h2 a,
#redirected-slots-article h2 a:hover,
#redirected-slots-article h3 a,
#redirected-slots-article h3 a:hover,
#redirected-slots-article h4 a,
#redirected-slots-article h4 a:hover,
#redirected-slots-article h5 a,
#redirected-slots-article h5 a:hover,
#terms-conditions-content h1 a,
#terms-conditions-content h1 a:hover,
#terms-conditions-content h2 a,
#terms-conditions-content h2 a:hover,
#terms-conditions-content h3 a,
#terms-conditions-content h3 a:hover,
#terms-conditions-content h4 a,
#terms-conditions-content h4 a:hover,
#terms-conditions-content h5 a,
#terms-conditions-content h5 a:hover,
.article h1 a,
.article h1 a:hover,
.article h2 a,
.article h2 a:hover,
.article h3 a,
.article h3 a:hover,
.article h4 a,
.article h4 a:hover,
.article h5 a,
.article h5 a:hover,
.cep-content h1 a,
.cep-content h1 a:hover,
.cep-content h2 a,
.cep-content h2 a:hover,
.cep-content h3 a,
.cep-content h3 a:hover,
.cep-content h4 a,
.cep-content h4 a:hover,
.cep-content h5 a,
.cep-content h5 a:hover,
.content h1 a,
.content h1 a:hover,
.content h2 a,
.content h2 a:hover,
.content h3 a,
.content h3 a:hover,
.content h4 a,
.content h4 a:hover,
.content h5 a,
.content h5 a:hover,
.content-article h1 a,
.content-article h1 a:hover,
.content-article h2 a,
.content-article h2 a:hover,
.content-article h3 a,
.content-article h3 a:hover,
.content-article h4 a,
.content-article h4 a:hover,
.content-article h5 a,
.content-article h5 a:hover,
.excerpt h1 a,
.excerpt h1 a:hover,
.excerpt h2 a,
.excerpt h2 a:hover,
.excerpt h3 a,
.excerpt h3 a:hover,
.excerpt h4 a,
.excerpt h4 a:hover,
.excerpt h5 a,
.excerpt h5 a:hover,
.favourite-games-article h1 a,
.favourite-games-article h1 a:hover,
.favourite-games-article h2 a,
.favourite-games-article h2 a:hover,
.favourite-games-article h3 a,
.favourite-games-article h3 a:hover,
.favourite-games-article h4 a,
.favourite-games-article h4 a:hover,
.favourite-games-article h5 a,
.favourite-games-article h5 a:hover,
.ftmArticle h1 a,
.ftmArticle h1 a:hover,
.ftmArticle h2 a,
.ftmArticle h2 a:hover,
.ftmArticle h3 a,
.ftmArticle h3 a:hover,
.ftmArticle h4 a,
.ftmArticle h4 a:hover,
.ftmArticle h5 a,
.ftmArticle h5 a:hover,
.game-article h1 a,
.game-article h1 a:hover,
.game-article h2 a,
.game-article h2 a:hover,
.game-article h3 a,
.game-article h3 a:hover,
.game-article h4 a,
.game-article h4 a:hover,
.game-article h5 a,
.game-article h5 a:hover,
.read-more-container h1 a,
.read-more-container h1 a:hover,
.read-more-container h2 a,
.read-more-container h2 a:hover,
.read-more-container h3 a,
.read-more-container h3 a:hover,
.read-more-container h4 a,
.read-more-container h4 a:hover,
.read-more-container h5 a,
.read-more-container h5 a:hover,
.toc-link h1 a,
.toc-link h1 a:hover,
.toc-link h2 a,
.toc-link h2 a:hover,
.toc-link h3 a,
.toc-link h3 a:hover,
.toc-link h4 a,
.toc-link h4 a:hover,
.toc-link h5 a,
.toc-link h5 a:hover,
.toc-list h1 a,
.toc-list h1 a:hover,
.toc-list h2 a,
.toc-list h2 a:hover,
.toc-list h3 a,
.toc-list h3 a:hover,
.toc-list h4 a,
.toc-list h4 a:hover,
.toc-list h5 a,
.toc-list h5 a:hover,
.unified-content h1 a,
.unified-content h1 a:hover,
.unified-content h2 a,
.unified-content h2 a:hover,
.unified-content h3 a,
.unified-content h3 a:hover,
.unified-content h4 a,
.unified-content h4 a:hover,
.unified-content h5 a,
.unified-content h5 a:hover {
    text-decoration: none
}

.flex {
    display: flex
}

.flex.column {
    flex-direction: column
}

.flex.center {
    justify-content: center;
    align-items: center
}

.gold-trophy-icon {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%);
    background-image: url(/images/card/gold-trophy.png);
    background-position: center;
    background-repeat: no-repeat
}

.st-icon {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%);
    display: inline-block;
    height: 1em
}

.st-icon::before {
    content: "";
    color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    word-wrap: normal;
    height: 1em;
    width: 1em;
    display: inline-block
}

.st-icon.st-icon-coin::before {
    background-image: url(/images/nav/desktop/p2p_slots_ellipse.png)
}

.st-icon.st-icon-star::before {
    background-image: url(/images/nav/desktop/free_slots_star.png);
    margin-bottom: 1px
}

.st-icon.st-icon-trophy::before {
    background-image: url(/images/nav/desktop/tournaments_trophy.png)
}

.st-icon.st-icon-bell::before {
    background-image: url(/images/nav/desktop/casinos_bell.png)
}

.st-icon.st-icon-question-mark::before {
    background-image: url(/images/nav/desktop/support_question_mark.png)
}

.st-icon.st-icon-profile::before {
    background-image: url(/images/nav/nav_gold_my_account.png)
}

.st-icon.st-icon-stack::before {
    background-image: url(/images/nav/desktop/bonuses_stack.png)
}

.st-icon.st-icon-news::before {
    background-image: url(/images/nav/desktop/news.png)
}

.st-icon.st-icon-globe::before {
    background-image: url(/images/nav/desktop/region_globe.png)
}

.st-icon.st-icon-filter::before {
    background-image: url(/images/nav/desktop/slots_by_filter.png)
}

.st-icon.st-icon-states::before {
    background-image: url(/images/nav/desktop/states.png)
}

.st-icon.st-icon-shield::before {
    background-image: url(/images/nav/safer_gambling.png)
}

.st-icon.st-icon-lock::before {
    background-image: url(/images/nav/player_protection.png)
}

.checkbox-form-group {
    padding: 0 15px;
    margin-top: 30px
}

.checkbox-form-group label {
    display: flex;
    cursor: pointer;
    outline: 0
}

.checkbox-form-group label .checkbox-input {
    opacity: 0
}

.checkbox-form-group label .checkbox-input:checked+i {
    background: #fff;
    border-color: #fff
}

.checkbox-form-group label .checkbox-input:checked+i:hover:after {
    opacity: 1
}

.checkbox-form-group label .checkbox-input:checked+i:after {
    opacity: 1;
    border-color: #4a8f40
}

.checkbox-form-group label .checkbox-input+i {
    box-sizing: border-box
}

.checkbox-form-group label .checkbox-input+i:after,
.checkbox-form-group label .checkbox-input+i:before {
    box-sizing: border-box
}

.checkbox-form-group label .checkbox-input+i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #999;
    transition: background .2s ease;
    border-radius: .2em;
    background: #f9f9f9;
    font-size: 16px;
    cursor: pointer
}

.checkbox-form-group label .checkbox-input+i:hover:after {
    opacity: 0
}

.checkbox-form-group label .checkbox-input+i:after {
    content: "";
    opacity: 0;
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 22%;
    left: 15%;
    width: .68em;
    height: .4em;
    border: .15em solid #222;
    border-top: none;
    border-right: none;
    background: rgba(0, 0, 0, 0)
}

.checkbox-form-group label .checkbox-input+i {
    margin-left: -15px;
    margin-right: 10px;
    flex: 0 0 16px
}

.checkbox-form-group label span {
    line-height: 12px;
    font-size: 10px;
    text-align: left
}

.loading-indicator {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .75);
    display: none;
    z-index: 100
}

.loading-indicator i {
    font-size: 30px;
    color: #fff
}

.status-success-row {
    display: none;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    margin-top: 60px
}

@media (min-width:767.98px) {
    .status-success-row {
        margin-top: 0
    }
}

.status-success-row h2 {
    font-size: 24px;
    color: #fff
}

.status-success-row p {
    margin-top: 20px;
    color: #fff
}

.status-success-row .status-success-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 50px 0
}

.status-success-row .status-success-body img {
    margin-bottom: 30px
}

.status-success-row .status-success-body p {
    margin: 0 0 5px
}

.transparent-background {
    background-color: transparent
}

.content-container * {
    color: #f8f8f8
}

.content-container .content-title {
    padding: 10px
}

.toc-title {
    color: #3c3d3c;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 14px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-block-start: .83em;
    margin-block-end: .83em
}

.maintenance {
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.tournament-play-button-debounced {
    align-self: center;
    text-align: center
}

.light-gradient-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%
}

.light-gradient-button svg {
    margin-bottom: 2px
}

.light-gradient-button:focus {
    color: #202c2b
}

.gold-gradient-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(176.17deg, #fcf45f 10%, #fead25 93.33%);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%
}

.gold-gradient-button svg {
    margin-bottom: 2px
}

.gold-gradient-button:focus {
    color: #202c2b
}

.yellow-gradient-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(0, #f2960e, #f7b119);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700
}

.yellow-gradient-button svg {
    margin-bottom: 2px
}

.yellow-gradient-button:focus {
    color: #202c2b
}

.yellow-gradient-button [data-button-state=default] {
    display: flex;
    align-items: center;
    gap: .5em;
    justify-content: center
}

.yellow-gradient-button [data-button-state=default] img {
    filter: brightness(0) saturate(1) invert(9%) sepia(16%) saturate(1057%) hue-rotate(126deg) brightness(92%) contrast(82%);
    height: 1em
}

.green-gradient-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(176.17deg, #4bc55c 10%, #2a8a35 93.33%);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%
}

.green-gradient-button svg {
    margin-bottom: 2px
}

.green-gradient-button:focus {
    color: #202c2b
}

.transparent-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    font-size: 14px
}

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

.transparent-button img {
    width: .7em;
    margin-left: .5em
}

.light-bluish-grey-outline-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #8298ab;
    color: #8298ab;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.light-bluish-grey-outline-button:hover {
    outline: 0;
    text-decoration: none;
    word-wrap: break-word;
    color: #8298ab
}

.light-bluish-grey-outline-button img {
    width: .7em;
    margin-left: .5em
}

.gold-outline-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #fcf45f;
    width: 100%;
    height: 40px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(176.17deg, #fcf45f 10%, #fead25 93.33%) border-box;
    border: 1px solid transparent
}

.gold-outline-button * {
    background: -webkit-linear-gradient(#fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.yellow-gradient-outline-button {
    position: relative;
    border: none;
    background: linear-gradient(0, #f6b119, #f2960e);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    border-radius: 50px;
    padding: 9px 28px;
    text-transform: uppercase
}

.yellow-gradient-outline-button:hover {
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    text-decoration: none
}

.yellow-gradient-outline-button:focus {
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    outline: 0;
    text-decoration: none
}

.yellow-gradient-outline-button::after {
    content: "";
    border: solid transparent;
    border-width: 2px;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    background: linear-gradient(0, #f6b119, #f2960e) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.yellow-gradient-outline-button .glyphicon {
    display: contents;
    padding: 0
}

.yellow-gradient-outline-button .glyphicon+* {
    padding-left: 12px
}

.navbar .nav .navbar-nav {
    border: 0;
    text-transform: uppercase
}

.navbar .nav .navbar-nav>li.nav-language-picker {
    display: block
}

@media (min-width:1199.98px) {
    .navbar .nav .navbar-nav>li.nav-language-picker {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 7px 0
    }
}

.navbar .nav .navbar-nav>li.nav-language-picker a {
    text-decoration: none
}

.navbar .nav .navbar-nav>li.nav-language-picker .locale-container {
    background: 0 0;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 1.66em
}

.navbar .nav .navbar-nav>li.nav-language-picker .locale-container.option {
    border: none;
    cursor: pointer;
    outline: 0
}

@media (min-width:1199.98px) {
    .navbar .nav .navbar-nav>li.nav-language-picker .locale-container {
        padding: 6px 10px;
        border-radius: 1em;
        font-size: 20px
    }

    .navbar .nav .navbar-nav>li.nav-language-picker .locale-container.option {
        display: flex;
        align-items: center
    }
}

.navbar .nav .navbar-nav>li.nav-language-picker .locale-list {
    display: flex;
    flex-direction: column;
    align-items: start
}

.navbar .nav .navbar-nav>li.nav-language-picker .locale-flag {
    width: 1em
}

.navbar .nav .navbar-nav>li.nav-language-picker .locale-flag.desktop-only {
    display: none
}

@media (min-width:1199.98px) {
    .navbar .nav .navbar-nav>li.nav-language-picker .locale-flag {
        margin-bottom: 0
    }

    .navbar .nav .navbar-nav>li.nav-language-picker .locale-flag.desktop-only {
        display: inline-block
    }
}

.navbar .nav .navbar-nav>li.nav-language-picker .locale-picker .locale-container .locale {
    padding-left: 8px;
    padding-right: 17px
}

.navbar .nav .navbar-nav .locale-picker {
    width: 100%
}

.navbar .nav .navbar-nav .locale-picker li.select-locale {
    vertical-align: middle;
    display: list-item;
    cursor: pointer
}

@media (min-width:1199.98px) {
    .navbar .nav .navbar-nav .locale-picker li.select-locale {
        padding-left: 15px
    }

    .navbar .nav .navbar-nav .locale-picker li.select-locale.icon-only {
        padding-left: 0
    }
}

.navbar .nav .navbar-nav .locale-picker li.select-locale a {
    line-height: normal
}

.navbar .nav .navbar-nav .locale-picker li.select-locale .locale-flag {
    height: 20px;
    width: 20px
}

@media (min-width:1199.98px) {
    .navbar .nav .navbar-nav .locale-picker li.select-locale .locale-flag {
        padding-right: 0
    }
}

.navbar .nav .navbar-nav .locale-picker li.select-locale.selected,
.navbar .nav .navbar-nav .locale-picker li.select-locale:active {
    background: linear-gradient(0, #f2960e, #f7b119);
    border-radius: 8px
}

.navbar .nav .navbar-nav .locale-picker li.select-locale.selected span,
.navbar .nav .navbar-nav .locale-picker li.select-locale:active span {
    background: 0 0 !important;
    color: #0b1019 !important;
    -webkit-text-fill-color: unset !important
}

@media (min-width:1199.98px) {

    .navbar .nav .navbar-nav .locale-picker li.select-locale.selected,
    .navbar .nav .navbar-nav .locale-picker li.select-locale:active {
        background: 0 0
    }

    .navbar .nav .navbar-nav .locale-picker li.select-locale.selected span,
    .navbar .nav .navbar-nav .locale-picker li.select-locale:active span {
        background: 0 0 !important;
        color: #fff !important;
        -webkit-text-fill-color: unset !important
    }
}

.navbar .nav .navbar-nav .locale-picker li.select-locale>a:focus,
.navbar .nav .navbar-nav .locale-picker li.select-locale>a:hover {
    background: url(/images/nav/nav_gold_bullet.png);
    background-repeat: no-repeat;
    background-position-y: center
}

.navbar .nav .navbar-nav>li .dropdown-menu {
    background-color: #000;
    border-radius: 7px;
    min-width: fit-content
}

@media (max-width:1200px) {
    .navbar .nav .navbar-nav>li .dropdown-menu {
        background: 0 0;
        border: none
    }
}

.navbar .nav .navbar-nav>li .dropdown-menu.dropdown-menu-left {
    left: unset;
    right: 0
}

.navbar .nav .navbar-nav>li .dropdown-menu.slots-by {
    right: 0;
    margin: auto;
    padding: 5px 0 10px
}

.navbar .nav .navbar-nav>li .dropdown-menu .dropdown-submenu {
    position: relative
}

.navbar .nav .navbar-nav>li .dropdown-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px
}

.navbar .nav .navbar-nav>li .dropdown-menu .dropdown-submenu .fa-angle-down {
    display: none
}

@media (max-width:1200px) {
    .navbar .nav .navbar-nav>li .dropdown-menu .dropdown-submenu .fa-angle-down {
        display: inline-block
    }

    .navbar .nav .navbar-nav>li .dropdown-menu .dropdown-submenu .fa-angle-right {
        display: none
    }
}

.navbar .nav .navbar-nav>li .dropdown-menu>li>a {
    background: url(/images/nav/nav_gold_bullet.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    padding: 6px 20px
}

@media (min-width:1199.98px) {
    .navbar .nav .navbar-nav>li .dropdown-menu>li>a .list-bullet {
        display: block;
        position: absolute;
        left: 13px;
        margin-top: 4px
    }

    .navbar .nav .navbar-nav>li .dropdown-menu>li>a .list-bullet.fa {
        font-size: 20px;
        color: #fead25
    }

    .navbar .nav .navbar-nav>li .dropdown-menu>li>a .list-bullet.notification-counter {
        left: 11px;
        margin-top: 6px;
        background: red;
        box-sizing: border-box;
        border-radius: 50%;
        line-height: normal;
        padding: 2px 7px;
        font-weight: 700;
        color: #fff;
        font-size: 12px;
        min-width: 15px;
        text-align: center
    }
}

.navbar .nav .navbar-nav>li :not(li.dropdown-submenu)>.dropdown-menu {
    top: 45px
}

.navbar .nav .navbar-nav>li :not(li.dropdown-submenu)>.dropdown-menu.slots-by {
    left: 0
}

.navbar .nav .navbar-nav>li .dropdown-menu-center {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0)
}

@media (min-width:1199.98px) {
    .navbar .nav .navbar-hover>li .dropdown-menu {
        background-color: #000;
        border: none;
        border-radius: 7px;
        min-width: fit-content;
        left: 0
    }

    .navbar .nav .navbar-hover>li .dropdown-menu>li>a {
        font-size: 12px;
        padding: 6px 20px;
        line-height: 28px
    }

    .navbar .nav .navbar-hover>li .dropdown-menu.dropdown-menu-center {
        left: 50%
    }

    .navbar .nav .navbar-hover>li:hover>.dropdown-menu {
        display: block;
        background-color: #000
    }

    .navbar .nav .navbar-hover>li:hover>.dropdown-menu>li>a>span {
        color: #fff
    }
}

@media (min-width:320px) and (max-width:1200px) {
    .navbar .nav .account-group .nav-icon {
        margin-right: 0;
        font-size: 14px
    }
}

@media (max-width:1200px) {
    .navbar .nav>li.active {
        background: linear-gradient(0, #f2960e, #f7b119);
        border-radius: 8px
    }

    .navbar .nav>li.active>a>.st-icon {
        filter: brightness(0) saturate(1)
    }

    .navbar .nav>li.active>a>span {
        background: 0 0 !important;
        color: #0b1019 !important;
        -webkit-text-fill-color: unset !important
    }

    .navbar .nav>li.active>a>span.fa-angle-right {
        background-image: linear-gradient(#0b1019, #0b1019)
    }

    .navbar .nav>li>a>span {
        background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.navbar .nav .hamburger-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 24px 0
}

.navbar .nav .hamburger-middle {
    margin-bottom: 0
}

.navbar .nav .hamburger-middle .inactive {
    display: none
}

.navbar .nav .hamburger-middle .icon-spacer {
    margin-right: 9px
}

.navbar .nav .hamburger-middle>li {
    font-size: 14px;
    font-weight: 800;
    padding: 14px;
    line-height: 1;
    display: flex;
    align-items: center
}

.navbar .nav .hamburger-middle>li>* {
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.navbar .nav .hamburger-dynamic hr {
    display: none
}

@media (max-width:1200px) {
    .navbar .nav .hamburger-dynamic {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        float: none !important
    }

    .navbar .nav .hamburger-dynamic hr {
        border: none;
        height: 1px;
        background-color: #3c3c3c;
        width: 93%;
        margin: 0 auto;
        display: block
    }

    .navbar .nav .hamburger-dynamic>li {
        width: 100%
    }

    .navbar .nav .hamburger-dynamic>li>a {
        line-height: normal
    }

    .navbar .nav .hamburger-dynamic>li:active {
        background: linear-gradient(0, #f2960e, #f7b119);
        border-radius: 8px
    }

    .navbar .nav .hamburger-dynamic>li:active>a>i {
        background-image: linear-gradient(#0b1019, #0b1019)
    }

    .navbar .nav .hamburger-dynamic>li:active>a>span {
        color: #0b1019;
        background-image: linear-gradient(#0b1019, #0b1019)
    }
}

.navbar .nav .hamburger-dynamic.mobile-only {
    display: flex
}

@media (min-width:1199.98px) {
    .navbar .nav .hamburger-dynamic.mobile-only {
        display: none
    }
}

@media (min-width:1199.98px) {
    .navbar .nav .hamburger-dynamic .desktop-icon {
        display: inline-block;
        margin-right: 3px
    }
}

.navbar .nav .hamburger-dynamic .fa.desktop-only {
    display: none
}

@media (min-width:1199.98px) {
    .navbar .nav .hamburger-dynamic .fa.desktop-only {
        display: inline-block
    }
}

@media (max-width:1200px) {
    .navbar .nav .hamburger-dynamic .fa.fa-angle-right {
        margin-left: auto;
        display: inline-block
    }
}

.navbar .nav .hamburger-dynamic a.nav-search {
    margin-top: 0
}

.navbar .nav .hamburger-dynamic .nav-icon {
    width: 1em
}

.navbar .nav .hamburger-dynamic .nav-icon.fa-question-circle {
    font-size: 24px
}

@media (max-width:1200px) {
    .navbar .nav .hamburger-dynamic .nav-icon.fa-question-circle {
        font-size: 16px
    }
}

.navbar .nav .hamburger-dynamic>div.login-container {
    display: flex;
    gap: 16px;
    margin: 0 8px
}

.navbar .nav .hamburger-dynamic>div.login-container>a.button {
    font-family: inherit;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    max-width: 97px;
    max-height: 41px;
    aspect-ratio: 97/48
}

.navbar .nav .hamburger-dynamic>div.login-container>a.button.desktop-only {
    display: none
}

@media (min-width:1199.98px) {
    .navbar .nav .hamburger-dynamic>div.login-container>a.button.desktop-only {
        display: inline-flex
    }
}

.navbar .nav .icon-spacer {
    margin-right: 10px
}

.navbar .nav .hamburger-bottom {
    margin: auto 0;
    display: flex;
    flex-direction: row;
    align-content: space-between;
    align-items: center;
    height: 80px;
    padding: 20px;
    gap: 12px;
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    border-radius: 0
}

@media (max-width:1200px) {
    .navbar .nav .hamburger-bottom.mobile-only {
        display: flex;
        max-width: 100vw
    }
}

.navbar .nav .hamburger-bottom .button {
    font-size: 11.5px;
    line-height: 12px;
    letter-spacing: 0;
    height: 32px;
    min-width: 65px;
    padding: 7px 16px
}

.navbar .nav .hamburger-bottom .button .login {
    position: relative;
    outline: 0;
    z-index: 1
}

.navbar .nav .hamburger-bottom .button .login::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: #000;
    border-radius: 4px;
    z-index: -1
}

.navbar .nav .hamburger-bottom .button .login::after {
    content: attr(data);
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.navbar .nav .hamburger-bottom .img-container {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: linear-gradient(0, #f2960e, #f7b119);
    position: relative
}

.navbar .nav .hamburger-bottom .img-container .img-inner-container {
    border: 1px solid #000;
    box-shadow: inset 0 0 10px #000
}

.navbar .nav .hamburger-bottom .img-container .img-inner-container .first-letter {
    font-size: 1.9em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.navbar .nav .hamburger-bottom .img-container>* {
    position: absolute;
    background-color: #3c3c3c;
    width: 44px;
    height: 44px;
    top: 2px;
    left: 2px;
    border-radius: 23px
}

.navbar .nav .hamburger-bottom .userinfo {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    width: 100%
}

.navbar .nav .hamburger-bottom .userinfo .name {
    color: #fff;
    line-height: 20px;
    font-weight: 500
}

.navbar .nav .hamburger-bottom a>i {
    font-size: 15px;
    color: #e0e0e0
}

.navbar .nav .hamburger-bottom a.button {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: unset;
    white-space: nowrap
}

.navbar .nav .desktop-only {
    display: none
}

@media (min-width:1199.98px) {
    .navbar .nav .desktop-only {
        display: flex
    }
}

.navbar .nav .nav-label {
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    white-space: nowrap
}

.navbar .nav .mobile-only {
    display: inherit
}

@media (min-width:1199.98px) {
    .navbar .nav .mobile-only {
        display: none
    }
}

@media (min-width:767.98px) {
    .game-recommendations-wrapper {
        margin: 0 15px
    }
}

.game-recommendations-wrapper .navigation-wrapper {
    position: relative
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider {
    padding-inline-start: 0
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide {
    margin: auto !important
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container {
    width: 214px
}

@media (min-width:992px) and (max-width:1024px) {
    .game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container {
        width: 208px
    }
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game {
    position: relative
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .foreground .sign-up-link {
    color: #fff
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .common-attributes {
    width: 100%;
    position: absolute;
    bottom: 2em;
    text-align: center;
    background-color: #f8f8f8;
    padding: .5em 0;
    color: #3c3d3c;
    transition: .5s all ease-in-out;
    max-height: calc(100% - 2em);
    overflow: auto
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .common-attributes.collapsed {
    bottom: -100%
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .details {
    color: #3c3d3c;
    background-color: #f8f8f8;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    display: inline-block;
    font-size: 8.5px;
    position: relative;
    text-align: center;
    text-decoration: underline;
    width: 100%;
    margin-bottom: 1.5em;
    padding-bottom: 1px
}

@media (max-width:480px) {
    .game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .details {
        font-size: 8px
    }
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .details::before {
    content: "";
    height: 2em;
    width: 100%;
    display: block;
    top: 100%;
    position: absolute;
    background: #fff
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .image-wrapper {
    margin-bottom: -1em
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .image-wrapper,
.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game .image-wrapper img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game-title {
    margin: .1em 0 -.5em;
    color: #3c3d3c;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game-title,
.game-recommendations-wrapper .navigation-wrapper #game-recommendations-slider .keen-slider__slide .slide-container .game-title::before {
    background-color: #fff;
    position: relative
}

.game-recommendations-wrapper .navigation-wrapper .dots {
    display: flex;
    justify-content: center;
    padding: 20px 0 10px
}

.game-recommendations-wrapper .navigation-wrapper .dots .dot {
    border: none;
    width: 6px;
    height: 6px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 2px;
    cursor: pointer
}

.game-recommendations-wrapper .navigation-wrapper .dots .dot--active {
    background: #686868
}

.game-recommendations-wrapper .navigation-wrapper .left-fade::before,
.game-recommendations-wrapper .navigation-wrapper .right-fade::after {
    content: " ";
    height: 100%;
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 0
}

.game-recommendations-wrapper .navigation-wrapper .left-fade::before {
    background: linear-gradient(90deg, #fff 0, transparent 100%);
    left: 0
}

.game-recommendations-wrapper .navigation-wrapper .right-fade::after {
    background: linear-gradient(90deg, transparent 0, #fff 100%);
    right: 0
}

.game-recommendations-wrapper .navigation-wrapper .arrow {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.game-recommendations-wrapper .navigation-wrapper .arrow--left {
    left: -20px;
    background-image: url(/images/icons/carousel-left.png)
}

.game-recommendations-wrapper .navigation-wrapper .arrow--right {
    left: auto;
    right: -20px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

#get-started-button {
    background: linear-gradient(0, #f2960e, #f7b119);
    color: #000;
    font-size: 16px
}

#get-started-button:hover {
    text-decoration: none;
    color: #000
}

#get-started-button:hover:not([disabled]) {
    box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, .1)
}

.header-steps-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 20px;
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%)
}

.header-steps-container .title {
    font-size: 33px;
    color: #fff;
    max-width: 90%;
    margin-bottom: 15px;
    font-family: Lexend, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.header-steps-container .subtitle {
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    max-width: 85%;
    margin-bottom: 20px
}

.header-steps-container .subtitle a {
    color: #fff;
    text-decoration: underline
}

.header-steps {
    display: none
}

.header-steps a,
.header-steps a:hover {
    text-decoration: none
}

.header-steps-mobile {
    margin: 35px 10px 0 25px;
    display: flex;
    flex-direction: column;
    position: relative
}

.header-steps-mobile.no-margin-bottom {
    margin-bottom: 0
}

.header-steps-mobile .step-icon {
    width: 40px;
    height: 23px;
    background: url(/images/homepage-step-mobile.png);
    background-repeat: no-repeat;
    margin-right: 5px
}

.header-steps-mobile .header-step {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.header-steps-mobile .header-step .step-text-wrapper {
    max-width: 80%
}

.header-steps-mobile .header-step .step-text-wrapper .step-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    word-wrap: break-word
}

.header-steps-mobile .header-step .step-text-wrapper .step-text.step-title {
    font-size: 18px
}

.header-steps-mobile .header-step .step-text-wrapper .step-text.step-subtitle {
    font-size: 12px
}

@media screen and (min-width:991.98px) {
    .header-steps-container {
        padding-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: auto;
        left: auto
    }

    .header-steps-container .title {
        font-size: 55px
    }

    .header-steps-container .subtitle {
        max-width: 50%
    }

    .header-steps-mobile {
        display: none
    }

    .header-steps {
        margin: 50px 0 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .header-steps .header-step {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        position: relative
    }

    .header-steps .header-step>div,
    .header-steps .header-step>p {
        position: relative
    }

    .header-steps .header-step>svg {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .header-steps .header-step .step-icon {
        display: none
    }

    .header-steps .header-step .step-text {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #fff;
        margin: 0;
        line-height: 1.2;
        cursor: pointer;
        font-size: 16px;
        word-wrap: break-word
    }

    .header-steps .header-step .step-text.step-title {
        max-width: 70%;
        font-size: 25px;
        font-weight: 700;
        font-family: Lexend, sans-serif;
        margin-bottom: 15px
    }

    .header-steps .header-step .step-text.step-subtitle {
        max-width: 60%;
        margin-left: 10px;
        font-weight: 700
    }

    .header-steps .header-step.side-step {
        width: 217px;
        height: 133px
    }

    .header-steps .header-step.middle-step {
        width: 384px;
        height: 162px
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .header-steps-container .title {
        font-size: 60px
    }

    .header-steps-container .subtitle {
        font-size: 10px
    }

    .header-steps-mobile {
        margin-left: 50px
    }

    .header-steps-mobile .header-step .step-text-wrapper .step-text {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        font-size: 16px;
        word-wrap: break-word
    }

    .header-steps-mobile .header-step .step-text-wrapper .step-text.step-title {
        font-size: 22px
    }

    .header-steps-mobile .header-step .step-text-wrapper .step-text.step-subtitle {
        font-size: 14px
    }
}

#ageVerifyMobile .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    color: #fff
}

#ageVerifyMobile .modal-dialog .modal-content {
    border-radius: 0;
    min-height: 100%;
    background: url(/images/age_verify_mobile_bg.png) #254c37;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 10px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-header {
    display: flex;
    align-items: center;
    padding: 0;
    border-bottom: none
}

#ageVerifyMobile .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px;
    font-family: Lexend, sans-serif;
    font-weight: 700;
    color: #fff
}

#ageVerifyMobile .modal-dialog .modal-content .modal-header .button-container {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body {
    flex: 1;
    margin-top: 65px;
    padding: 0 24px 0 9px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .mobile-age-verification-reasons {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 0 15px;
    margin-top: 11px;
    width: 77%
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .mobile-age-verification-reasons li {
    color: #fff;
    padding: 0 0 0 30px;
    margin: 17px 0;
    background: url(/images/stmp_tick_small.png) no-repeat 5px;
    font-size: 15px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .verify-info-title {
    font-family: Lexend, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .verify-center {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .verify-center span {
    padding: 25px 0;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .verify-center .primary.button {
    height: 40px;
    margin-top: 20px;
    font-size: 15px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .verify-center .primary.button svg {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%)
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .col-form-label {
    padding-right: 0
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .col-form-error {
    color: #faabb5;
    font-size: 10px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .form-group {
    margin-bottom: 15px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .form-group label {
    font-size: 12px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .form-control {
    border-radius: 16.5px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .form-control.valid {
    border: 2px solid #4fb95e
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .form-control.is_invalid {
    border: 2px solid #d0021b
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .verify-block {
    padding-top: 10px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body .verify-block p {
    font-size: 10px;
    color: #fff;
    margin-top: 13px;
    margin-bottom: 15px
}

#ageVerifyMobile .modal-dialog .modal-content .modal-body.success {
    display: flex;
    flex-direction: column;
    padding: 0
}

#ageVerifyMobile .modal-dialog .modal-content .modal-footer {
    margin-top: auto;
    padding: 15px 0 20px;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: none
}

#ageVerifyMobile .modal-dialog .modal-content .modal-footer .secure-verification {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

#ageVerifyMobile .modal-dialog .modal-content .modal-footer .secure-verification span {
    padding-left: 10px;
    text-align: center
}

#ageVerifyMobile .modal-dialog .modal-content .modal-footer .commission-verification img {
    padding: 5px
}

#ageVerifyMobile .modal-dialog .modal-content .verify-form-indicator .modal-body {
    margin-top: 150px
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .registration-subtitle,
#ageVerifyMobile .modal-dialog .modal-content #verify-form-success .registration-subtitle {
    font-size: 16px
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .mobile-age-verification-reasons,
#ageVerifyMobile .modal-dialog .modal-content #verify-form-success .mobile-age-verification-reasons {
    width: 100%;
    padding-top: 10px;
    text-align: center;
    border-image: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%) 1
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .mobile-age-verification-reasons .mobile-age-verification-reasons-title,
#ageVerifyMobile .modal-dialog .modal-content #verify-form-success .mobile-age-verification-reasons .mobile-age-verification-reasons-title {
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .mobile-age-verification-reasons li,
#ageVerifyMobile .modal-dialog .modal-content #verify-form-success .mobile-age-verification-reasons li {
    text-align: left;
    font-size: 12px;
    margin: 12px 0
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-success.extended .modal-body {
    margin-top: 80px
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-success.extended .modal-body .registration-prompt {
    display: block;
    margin-top: 30px
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-success.extended .modal-body .registration-prompt .registration-subtitle {
    margin-bottom: 12px
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-success .modal-body .registration-prompt {
    display: none
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .modal-body {
    margin-top: 15px
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .modal-body .registration-subtitle {
    margin: 20px 0
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .modal-body label {
    font-size: 12px;
    color: #fff;
    padding-left: 0
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .modal-body .input-row {
    padding-left: 0
}

#ageVerifyMobile .modal-dialog .modal-content #verify-form-registration .modal-body .input-row input {
    font-size: 12px;
    border-radius: 40px;
    color: #202c2b
}

.age-verification .join-btn,
.age-verification a.verify-age-btn,
.age-verification button.verify-age-btn {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #0b1019;
    background: linear-gradient(0, #f2960e, #f7b119);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    min-width: 213px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    font-family: Inter, sans-serif;
    font-weight: 700;
    line-height: 2.6666666667;
    text-transform: uppercase
}

.age-verification .join-btn svg,
.age-verification a.verify-age-btn svg,
.age-verification button.verify-age-btn svg {
    margin-bottom: 2px
}

.age-verification .join-btn.transparent-button,
.age-verification a.verify-age-btn.transparent-button,
.age-verification button.verify-age-btn.transparent-button {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    width: 320px;
    height: 44px;
    margin-top: 0
}

.age-verification .join-btn i,
.age-verification a.verify-age-btn i,
.age-verification button.verify-age-btn i {
    margin-right: 10px
}

.age-verification a.gradient-btn {
    color: #000;
    margin-top: 10px;
    width: fit-content;
    min-width: 213px;
    background-image: linear-gradient(0, #f2960e, #f7b119);
    border-radius: 60px;
    padding: 2px
}

.age-verification a.gradient-btn .btn-background {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 60px;
    height: 40px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase
}

.age-verification a.gradient-btn .btn-background .play-icon-wrapper i {
    margin-right: 10px;
    background: 0 0 !important;
    color: #000 !important;
    -webkit-text-fill-color: unset !important
}

.age-verification a.gradient-btn .btn-background .text {
    background: 0 0 !important;
    color: #000 !important;
    -webkit-text-fill-color: unset !important
}

.age-verification {
    color: #fff
}

.age-verification .stmp-blur-game-bg {
    height: 637px;
    background: 0 0;
    background-size: cover
}

.age-verification .stmp-blur-game-bg label,
.age-verification .stmp-blur-game-bg p {
    color: #fff
}

.age-verification .stmp-blur-game-bg .age-verification-watch-video {
    margin: auto;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    width: 260px;
    background: url(/images/age-verify-new/white_arrow.png) 40px 9px;
    background-repeat: no-repeat;
    line-height: 30px;
    border-radius: 40px;
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 10px
}

.age-verification .stmp-blur-game-bg .age-verification-watch-video:focus,
.age-verification .stmp-blur-game-bg .age-verification-watch-video:hover {
    color: #fff;
    text-decoration: none;
    font-weight: unset
}

.age-verification .stmp-blur-game-bg .verify-more-info {
    border-radius: 30px;
    border-style: solid;
    border-color: rgba(202, 204, 204, .2);
    width: 75%;
    position: absolute;
    right: 0;
    z-index: 100
}

.age-verification .stmp-blur-game-bg .verify-more-info .age-verification-help {
    margin: 30px 0 20px;
    padding-right: 15px
}

.age-verification .stmp-blur-game-bg .verify-more-info .age-verification-help p {
    color: #686868;
    line-height: 1.66em
}

.age-verification .stmp-blur-game-bg .verify-more-info .age-verification-help .verify-more-info-text {
    font-size: 11px
}

.age-verification .stmp-blur-game-bg .verify-more-info .age-verification-help .more-info-header {
    font-weight: 400;
    font-size: 18px
}

.age-verification .stmp-blur-game-bg .verify-more-info .age-verification-help .more-info-sub-header {
    font-weight: 400;
    font-size: 16px
}

.age-verification .stmp-blur-game-bg .verify-more-info .close-more-info {
    margin-top: 23px;
    margin-right: 8px;
    float: right;
    cursor: pointer
}

.age-verification .stmp-blur-game-bg .verify_age_box {
    height: 100%
}

.age-verification .stmp-blur-game-bg .verify_age_box .age-verification-header {
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px
}

.age-verification .stmp-blur-game-bg .verify_age_box .verify-alert-title {
    margin-top: 5px
}

.age-verification .stmp-blur-game-bg #verify-form-fail .verify-center,
.age-verification .stmp-blur-game-bg #verify-form-success .verify-center {
    margin-top: 100px
}

.age-verification .flex.column.center {
    gap: .5em
}

.age-verification .flex.column.center .button {
    width: 225px;
    height: 46px;
    font-size: 15px
}

.age-verification .flex.column.center .button span {
    font-size: 15px
}

.age-verification .flex.column.center .button:hover {
    text-decoration: none
}

.age-verification .form-layout .form-group .field-validation-message,
.age-verification form .form-group .field-validation-message {
    display: none;
    text-align: right
}

.age-verification .form-layout .form-group label,
.age-verification form .form-group label {
    font-size: 12px;
    color: #fff
}

.age-verification .form-layout .form-group input,
.age-verification .form-layout .form-group select,
.age-verification form .form-group input,
.age-verification form .form-group select {
    border-radius: 60px;
    font-size: 12px
}

.age-verification .form-layout .form-group select,
.age-verification form .form-group select {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 12px;
    background-position: calc(100% - 20px) calc(100% - 7px);
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff
}

.age-verification .form-layout .form-group:last-of-type,
.age-verification form .form-group:last-of-type {
    margin-bottom: 30px
}

.age-verification .form-layout .form-group textarea,
.age-verification form .form-group textarea {
    border-radius: 15px
}

.age-verification .form-layout button.danger,
.age-verification form button.danger {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    background: linear-gradient(176deg, #fc005f 15%, #fe0005 93%);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700
}

.age-verification .form-layout button.danger svg,
.age-verification form button.danger svg {
    margin-bottom: 2px
}

.age-verification .form-layout button#delete-cancel,
.age-verification form button#delete-cancel {
    border-radius: 40px;
    height: 40px
}

.age-verification .form-layout .info,
.age-verification form .info {
    color: #fff;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px
}

.age-verification #registration-form {
    margin-bottom: 20px
}

.age-verification #registration-form .terms-group {
    padding: 0 15px;
    margin-top: 30px;
    display: flex
}

.age-verification #registration-form .terms-group div {
    line-height: 12px;
    font-size: 10px;
    color: #fff
}

.age-verification #registration-form .terms-group label {
    width: 16px;
    height: 16px;
    display: flex;
    margin-right: 10px
}

.age-verification #registration-form .terms-group label #terms-checkbox {
    opacity: 0
}

.age-verification #registration-form .terms-group label #terms-checkbox:checked+i {
    background: #fff;
    border-color: #fff
}

.age-verification #registration-form .terms-group label #terms-checkbox:checked+i:hover:after {
    opacity: 1
}

.age-verification #registration-form .terms-group label #terms-checkbox:checked+i:after {
    opacity: 1;
    border-color: #4a8f40
}

.age-verification #registration-form .terms-group label #terms-checkbox+i {
    box-sizing: border-box
}

.age-verification #registration-form .terms-group label #terms-checkbox+i:after,
.age-verification #registration-form .terms-group label #terms-checkbox+i:before {
    box-sizing: border-box
}

.age-verification #registration-form .terms-group label #terms-checkbox+i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #999;
    transition: background .2s ease;
    border-radius: .2em;
    background: #f9f9f9;
    font-size: 16px;
    cursor: pointer
}

.age-verification #registration-form .terms-group label #terms-checkbox+i:hover:after {
    opacity: 0
}

.age-verification #registration-form .terms-group label #terms-checkbox+i:after {
    content: "";
    opacity: 0;
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 22%;
    left: 15%;
    width: .68em;
    height: .4em;
    border: .15em solid #222;
    border-top: none;
    border-right: none;
    background: rgba(0, 0, 0, 0)
}

.age-verification #registration-form .terms-group label #terms-checkbox+i {
    margin-left: -15px;
    margin-right: 10px;
    flex: 0 0 16px
}

.age-verification #registration-form .terms-group label span {
    line-height: 12px;
    font-size: 10px;
    text-align: left
}

.age-verification #registration-form .form-group-password .col-xs-12:last-of-type {
    margin-bottom: 10px
}

.age-verification #registration-form .warning {
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    margin: 25px 0 35px;
    border-image-slice: 1;
    border-width: 1px;
    border-style: solid;
    border-image-source: linear-gradient(0, #f2960e, #f7b119)
}

.age-verification #registration-form .warning h6,
.age-verification #registration-form .warning span {
    font-size: 11px;
    line-height: 25px
}

.age-verification #registration-form .warning h6 {
    text-transform: uppercase;
    margin: 0
}

.age-verification #registration-form .warning.recently-deleted {
    display: none
}

.age-verification #registration-form #registration-form-submit {
    margin-top: 15px
}

.age-verification.age-verification-transparent .stmp-blur-game-bg {
    height: auto;
    background: 0 0
}

@media (min-width:767.98px) {
    .age-verification.age-verification-transparent .stmp-blur-game-bg {
        height: 637px;
        background: rgba(48, 70, 89, .35)
    }
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .row.height-100 {
    min-height: 500px;
    display: flex;
    flex-direction: column
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .verify-more-info {
    background: #fff
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .age-verification-title {
    font-family: Lexend, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: center
}

.age-verification.age-verification-transparent .stmp-blur-game-bg label {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    white-space: nowrap
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .form-control {
    font-size: 12px
}

.age-verification.age-verification-transparent .stmp-blur-game-bg #verifyAgeSubmit {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(0, #f2960e, #f7b119);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px
}

.age-verification.age-verification-transparent .stmp-blur-game-bg #verifyAgeSubmit svg {
    margin-bottom: 2px
}

.age-verification.age-verification-transparent .stmp-blur-game-bg #verifyAgeSubmit i {
    margin-right: 15px
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .col-form-error {
    font-size: 10px
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .age-verification-by-clicking {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding: 0 25px
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .verify_age_box {
    background: 0 0;
    margin: auto 0
}

@media (min-width:767.98px) {
    .age-verification.age-verification-transparent .stmp-blur-game-bg .verify_age_box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .verify_age_box .age-verification-header {
    display: none
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .verify_age_box .age-verification-modal {
    background: 0 0;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .verify_age_box .age-verification-footer {
    display: none;
    margin: auto auto 30px auto
}

.age-verification.age-verification-transparent .stmp-blur-game-bg .verify_age_box .age-verification-footer span {
    color: #fff
}

.age-verification.age-verification-green .stmp-blur-game-bg {
    height: 750px;
    background: url(/images/stmp_blur_bg.jpg);
    background-size: cover
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify-more-info {
    background: url(/images/stmp_tile_white.png) #fff
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify-more-info .more-info-header {
    font-family: Inter, sans-serif;
    font-weight: 700
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify-more-info .more-info-sub-header {
    font-weight: 700;
    font-family: Inter, sans-serif
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box {
    background: rgba(79, 185, 94, .301819)
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-form-footer {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-modal {
    background: url(/images/age-verify-new/new_modal_border.png);
    background-repeat: round;
    padding: 50px 30px;
    margin-top: 15px
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-modal .row:first-child {
    margin-top: 40px
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-modal .row:last-child {
    margin-bottom: 40px
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-footer {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 28px
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-footer span {
    padding-left: 5px !important;
    color: #fff !important;
    font-size: 12px !important;
    display: inline !important;
    position: static !important
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-title {
    font-size: 23px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    line-height: 1.5em
}

.age-verification.age-verification-green .stmp-blur-game-bg .verify_age_box .age-verification-sub-title {
    font-size: 15px;
    line-height: 1.3em
}

.age-verification.age-verification-green .open-more-info {
    width: 22px;
    cursor: pointer;
    float: right
}

@media (min-width:767.98px) {
    .age-verification.age-verification-green .open-more-info {
        width: 38px
    }
}

.age-verification.age-verification-magenta .stmp-blur-game-bg {
    background: url(/images/game/push_blur_bg.jpg) center/cover
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify-more-info {
    background: url(/images/stmp_tile_white.png) #fff
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify-more-info .more-info-header {
    font-family: MontserratTC, sans-serif
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify-more-info .more-info-sub-header {
    font-family: MontserratTC, sans-serif
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box #verifyAgeFormWrapper input {
    border-radius: 0
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-form-footer {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-modal {
    background: #2b292e;
    margin-top: 15px;
    margin-bottom: 115px
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-modal .row:first-child {
    margin-top: 40px
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-modal .row:last-child {
    font-family: MontserratTC, sans-serif;
    margin-bottom: 40px;
    text-transform: uppercase
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .verify-age-btn {
    border-radius: 0;
    background: #3250ff;
    color: #fff
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .verify-age-btn .glyphicon {
    display: none
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .transparent-button {
    border-radius: 0;
    height: 40px;
    margin-top: 10px;
    min-width: 213px;
    padding: 2px;
    width: fit-content
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .transparent-button .btn-background {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .transparent-button .btn-background .play-icon-wrapper {
    display: none
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-footer {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 28px
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-footer span {
    padding-left: 5px !important;
    color: #fff !important;
    font-size: 12px !important;
    display: inline !important;
    position: static !important
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-title {
    font-size: 23px;
    font-family: MontserratTC, sans-serif;
    line-height: 1.5em
}

.age-verification.age-verification-magenta .stmp-blur-game-bg .verify_age_box .age-verification-sub-title {
    font-size: 15px;
    line-height: 1.3em
}

.age-verification.age-verification-magenta .verify-age-click {
    border-radius: 0
}

.age-verification.age-verification-magenta .verify-age-click i {
    color: #fff
}

.age-verification.age-verification-magenta .age-verification-watch-video {
    border-radius: 0;
    background: 0 0
}

.age-verification.age-verification-magenta .open-more-info {
    width: 22px;
    cursor: pointer;
    float: right;
    filter: brightness(0) saturate(1) invert(1)
}

@media (min-width:767.98px) {
    .age-verification.age-verification-magenta .open-more-info {
        width: 38px
    }
}

.stmp-blur-game-bg {
    height: 637px;
    background: #080808
}

.faq-panel {
    margin-bottom: 8px
}

.question-container {
    background-color: #f2f2f2;
    display: flex;
    justify-content: space-between;
    padding: 0 15px 10px
}

.question-container .question-title {
    margin-top: 20px;
    flex: 1
}

.question-container .extend-arrow {
    font-size: 20px;
    align-self: center;
    padding-top: 10px;
    padding-left: 10px
}

.question-container:hover {
    cursor: pointer
}

.game-page-features-container .navigation-wrapper {
    position: relative
}

.game-page-features-container .navigation-wrapper #game_page_features {
    border-radius: 15px
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide {
    display: flex;
    justify-content: center;
    height: auto;
    padding: 0 40px;
    background-image: url(/images/review_content_background.png)
}

@media (min-width:767.98px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide {
        padding: 0 50px
    }
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container {
    width: 100%;
    display: flex;
    align-items: center
}

@media (max-width:768px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container {
        flex-direction: column-reverse
    }
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container {
    display: flex;
    flex: 1;
    flex-direction: column
}

@media (max-width:768px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container {
        max-height: 140px;
        margin-bottom: 10px
    }
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container .description,
.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container .title {
    text-align: center
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container .title {
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1;
    margin: auto 0 5%
}

@media (min-width:767.98px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container .title {
        font-size: 20px
    }
}

@media (min-width:991.98px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container .title {
        font-size: 30px
    }
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container .description {
    font-size: 12px;
    color: #fff;
    line-height: 1.66em;
    overflow-wrap: normal;
    padding: 0 20px;
    margin-bottom: auto
}

@media (min-width:767.98px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .left-container .description {
        font-size: 16px
    }
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container {
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%
}

@media (max-width:768px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container {
        margin: 10px 0
    }
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container .image,
.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container .video {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container .image .game-page-picture-wrapper {
    width: 100%;
    height: 100%
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container .image .game-page-picture-wrapper>img {
    max-width: 100%;
    max-height: 85%;
    object-fit: contain;
    top: 50%;
    transform: translateY(-50%);
    position: relative
}

@media (max-width:768px) {
    .game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container .image .game-page-picture-wrapper>img {
        max-height: 300px;
        top: 0;
        left: 50%;
        transform: translateX(-50%)
    }
}

.game-page-features-container .navigation-wrapper #game_page_features .keen-slider__slide .feature-container .right-container .video>iframe {
    object-fit: contain
}

.game-page-features-container .navigation-wrapper .arrow {
    display: flex;
    width: 37px;
    height: 37px;
    position: absolute;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.game-page-features-container .navigation-wrapper .arrow--left {
    left: 10px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/slider-right-arrow.svg)
}

@media (max-width:768px) {
    .game-page-features-container .navigation-wrapper .arrow--left {
        left: 0;
        transform: scaleX(-.8) scaleY(.8) translateY(-50%)
    }
}

.game-page-features-container .navigation-wrapper .arrow--right {
    left: auto;
    right: 10px;
    background-image: url(/images/slider-right-arrow.svg)
}

@media (max-width:768px) {
    .game-page-features-container .navigation-wrapper .arrow--right {
        right: 0;
        transform: scale(.8) translateY(-50%)
    }
}

.main-block.auth.age-verification #verifyAgeSubmit,
.main-block.auth.age-verification .button,
.main-block.auth.age-verification a.gold-gradient,
.main-block.auth.age-verification a.yellow-gradient {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    font-size: 14px
}

.main-block.auth.age-verification #verifyAgeSubmit i,
.main-block.auth.age-verification .button i,
.main-block.auth.age-verification a.gold-gradient i,
.main-block.auth.age-verification a.yellow-gradient i {
    margin-right: 10px
}

.main-block.auth.age-verification #verifyAgeSubmit,
.main-block.auth.age-verification .yellow-gradient {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(0, #f2960e, #f7b119);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 12px
}

.main-block.auth.age-verification #verifyAgeSubmit svg,
.main-block.auth.age-verification .yellow-gradient svg {
    margin-bottom: 2px
}

.main-block.auth.age-verification .stmp-blur-game-bg {
    background: 0 0;
    height: auto
}

.main-block.auth.age-verification .stmp-blur-game-bg #verifyAgeTwo #verifyAgeFormWrapper {
    padding: 0;
    max-width: 500px;
    margin: auto
}

.main-block.auth.age-verification .stmp-blur-game-bg #verifyAgeTwo #verifyAgeFormWrapper #verifyAgeSubmit {
    margin-right: 15px;
    margin-left: 15px
}

.main-block.auth.age-verification .stmp-blur-game-bg #verifyAgeTwo #turnstile-container {
    display: flex;
    justify-content: center;
    margin: 40px 0 10px 0
}

.main-block.auth.age-verification .stmp-blur-game-bg #verifyAgeTwo .verify-alert-title {
    display: none
}

@media (min-width:767.98px) {
    .main-block.auth.age-verification .stmp-blur-game-bg #verifyAgeTwo {
        background: rgba(48, 70, 89, .35);
        border: 1px solid rgba(130, 152, 171, .35);
        width: 600px;
        margin: auto;
        padding: 40px 15px 30px
    }
}

.main-block.auth.age-verification .verify {
    display: none
}

.main-block.forgot-password .input-row .col-xs-11 {
    padding-left: 0
}

.main-block.login {
    position: relative
}

.main-block.login .container .warning-box {
    display: none;
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    margin: 25px 0;
    border-image-slice: 1;
    border-width: 1px;
    border-style: solid;
    border-image-source: linear-gradient(0, #f2960e, #f7b119)
}

.main-block.login .container .warning-box h6,
.main-block.login .container .warning-box span {
    font-size: 11px;
    line-height: 25px
}

.main-block.login .container .warning-box h6 {
    text-transform: uppercase;
    margin: 0
}

.main-block.login .container #sign-up {
    display: flex;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    padding: 0;
    height: 40px;
    border: 1px solid #fff;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    width: 100%;
    border-width: 2px;
    margin: 15px 0 25px;
    text-transform: none;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5em
}

.main-block.login .container #sign-up i {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 40px
}

.main-block.login .container #sign-up img {
    height: 1em
}

.main-block.login .container button {
    font-size: 15px
}

.main-block.login .container #forgot-password {
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    text-align: center
}

.main-block.login .container #forgot-password img {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%);
    margin: 0 5px
}

.main-block.login .acceptance-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 76px);
    z-index: 5;
    background-color: rgba(0, 0, 0, .85);
    display: none
}

.main-block.login .acceptance-wrapper .image-wrapper {
    position: relative;
    top: 50%;
    left: 50%;
    width: 420px;
    height: 370px;
    transform: translate(-50%, -50%);
    background-image: url(/images/accept-login-content.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.main-block.login .acceptance-wrapper .image-wrapper .accept-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 40px 30px
}

.main-block.login .acceptance-wrapper .image-wrapper .accept-content img.header {
    position: absolute;
    top: -95px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: auto;
    object-fit: contain;
    object-position: center
}

.main-block.login .acceptance-wrapper .image-wrapper .accept-content p {
    font-size: 16px;
    color: #fff;
    text-align: center
}

.main-block.login .acceptance-wrapper .image-wrapper .accept-content button {
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    border-radius: 60px;
    border: 0;
    display: inline-block;
    width: fit-content;
    padding: 10px 35px;
    text-align: center;
    font-size: 16px;
    color: #202c2b;
    margin: auto
}

.main-block.login .acceptance-wrapper .image-wrapper .accept-content .alert-wrapper {
    margin: auto
}

.main-block.login .acceptance-wrapper .image-wrapper .accept-content .alert-wrapper a.alert-link {
    font-size: 14px;
    color: #fcf45f;
    text-align: center;
    margin-top: 15px;
    display: inline-block;
    margin-right: 10px
}

.main-block.login .acceptance-wrapper .image-wrapper .accept-content .alert-wrapper img.alert-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    object-position: center
}

.text-right {
    text-align: right
}

.step-back {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto
}

.step-back .back-arrow {
    cursor: pointer;
    width: 100px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.step-back .flipped {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.round-checkbox {
    position: absolute;
    top: 5px;
    right: 5px
}

.round-checkbox div {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.round-checkbox div:after {
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 4px;
    opacity: 0;
    position: absolute;
    transform: rotate(-45deg);
    width: 8px;
    margin-top: -1px
}

.round-checkbox input[type=checkbox] {
    visibility: hidden
}

.round-checkbox input[type=checkbox]:checked+div {
    background-color: #66bb6a;
    border-color: #66bb6a
}

.round-checkbox input[type=checkbox]:checked+div:after {
    opacity: 1
}

.text-right {
    text-align: right
}

.opt-in .opt-in-message {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.opt-in .opt-in-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.opt-in-methods {
    display: flex;
    justify-content: space-around
}

.opt-in-methods .opt-in-card {
    background: #fff;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    cursor: pointer
}

.opt-in-methods .opt-in-card .opt-in-card-body {
    color: #000;
    background: #e6e5e9;
    border-radius: 4px;
    font-size: 25px;
    padding: 5px
}

.opt-in-methods .opt-in-card .opt-in-card-body img {
    width: 25px
}

.opt-in-methods .opt-in-card .opt-in-card-footer {
    color: #000;
    padding: 5px
}

#opt-in-notice {
    text-align: center
}

#opt-in-notice p {
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 10px 15px
}

#opt-in-notice.border-gradient {
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%)
}

.switch {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 10px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch input:checked+.slider {
    background-color: #6cb668
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #6cb668
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px)
}

.switch .slider.round {
    border-radius: 35px
}

.switch .slider.round:before {
    border-radius: 50%
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .38);
    -webkit-transition: .4s;
    transition: .4s
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: -2px;
    bottom: -3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.select-all+.switch {
    margin-left: 10px
}

.select-all {
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400
}

#registration-progress-bar {
    font-family: Inter, sans-serif;
    font-weight: 700;
    background: 0;
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 20px
}

#registration-progress-bar .custom-progress-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px
}

#registration-progress-bar .custom-progress-bar .steps {
    display: flex;
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center
}

#registration-progress-bar .custom-progress-bar .steps .step {
    background: linear-gradient(0, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#registration-progress-bar .custom-progress-bar .steps .of {
    color: #fff
}

#registration-progress-bar .custom-progress-bar .bar {
    width: 80px;
    height: 1px;
    margin: 5px 0 15px;
    background-color: #8298ab
}

#registration-progress-bar .custom-progress-bar.quarter .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 25%, #8298ab 26%, #8298ab 100%)
}

#registration-progress-bar .custom-progress-bar.third .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 33%, #8298ab 34%, #8298ab 100%)
}

#registration-progress-bar .custom-progress-bar.half .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 50%, #8298ab 51%, #8298ab 100%)
}

#registration-progress-bar .custom-progress-bar.two-thirds .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 66%, #8298ab 67%, #8298ab 100%)
}

#registration-progress-bar .custom-progress-bar.three-quarters .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 75%, #8298ab 76%, #8298ab 100%)
}

#registration-progress-bar .custom-progress-bar.full .steps {
    background: linear-gradient(0, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#registration-progress-bar .custom-progress-bar.full .steps span {
    background: inherit
}

#registration-progress-bar .custom-progress-bar.full .bar {
    background: linear-gradient(270deg, #f2960e, #f7b119)
}

@media (min-width:767.98px) {
    #registration-progress-bar .custom-progress-bar {
        margin: 10px 0
    }

    #registration-progress-bar .custom-progress-bar .steps {
        font-size: 16px
    }

    #registration-progress-bar .custom-progress-bar .bar {
        width: 105px;
        margin: 15px 0
    }
}

#registration-progress-bar+.main-block {
    padding-top: 0
}

#registration-progress-bar .custom-progress-bar {
    width: 100%
}

#registration-progress-bar .empty {
    width: 100px
}

.main-block h1 {
    position: initial
}

.main-block.registration .form-layout .form-group .field-validation-message,
.main-block.registration form .form-group .field-validation-message {
    display: none;
    text-align: right
}

.main-block.registration .form-layout .form-group label,
.main-block.registration form .form-group label {
    font-size: 12px;
    color: #fff
}

.main-block.registration .form-layout .form-group input,
.main-block.registration .form-layout .form-group select,
.main-block.registration form .form-group input,
.main-block.registration form .form-group select {
    border-radius: 60px;
    font-size: 12px
}

.main-block.registration .form-layout .form-group select,
.main-block.registration form .form-group select {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 12px;
    background-position: calc(100% - 20px) calc(100% - 7px);
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff
}

.main-block.registration .form-layout .form-group:last-of-type,
.main-block.registration form .form-group:last-of-type {
    margin-bottom: 30px
}

.main-block.registration .form-layout .form-group textarea,
.main-block.registration form .form-group textarea {
    border-radius: 15px
}

.main-block.registration .form-layout button.danger,
.main-block.registration form button.danger {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    background: linear-gradient(176deg, #fc005f 15%, #fe0005 93%);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700
}

.main-block.registration .form-layout button.danger svg,
.main-block.registration form button.danger svg {
    margin-bottom: 2px
}

.main-block.registration .form-layout button#delete-cancel,
.main-block.registration form button#delete-cancel {
    border-radius: 40px;
    height: 40px
}

.main-block.registration .form-layout .info,
.main-block.registration form .info {
    color: #fff;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px
}

.main-block.registration #registration-form {
    margin-bottom: 20px
}

.main-block.registration #registration-form .terms-group {
    padding: 0 15px;
    margin-top: 30px;
    display: flex
}

.main-block.registration #registration-form .terms-group div {
    line-height: 12px;
    font-size: 10px;
    color: #fff
}

.main-block.registration #registration-form .terms-group label {
    width: 16px;
    height: 16px;
    display: flex;
    margin-right: 10px
}

.main-block.registration #registration-form .terms-group label #terms-checkbox {
    opacity: 0
}

.main-block.registration #registration-form .terms-group label #terms-checkbox:checked+i {
    background: #fff;
    border-color: #fff
}

.main-block.registration #registration-form .terms-group label #terms-checkbox:checked+i:hover:after {
    opacity: 1
}

.main-block.registration #registration-form .terms-group label #terms-checkbox:checked+i:after {
    opacity: 1;
    border-color: #4a8f40
}

.main-block.registration #registration-form .terms-group label #terms-checkbox+i {
    box-sizing: border-box
}

.main-block.registration #registration-form .terms-group label #terms-checkbox+i:after,
.main-block.registration #registration-form .terms-group label #terms-checkbox+i:before {
    box-sizing: border-box
}

.main-block.registration #registration-form .terms-group label #terms-checkbox+i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #999;
    transition: background .2s ease;
    border-radius: .2em;
    background: #f9f9f9;
    font-size: 16px;
    cursor: pointer
}

.main-block.registration #registration-form .terms-group label #terms-checkbox+i:hover:after {
    opacity: 0
}

.main-block.registration #registration-form .terms-group label #terms-checkbox+i:after {
    content: "";
    opacity: 0;
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 22%;
    left: 15%;
    width: .68em;
    height: .4em;
    border: .15em solid #222;
    border-top: none;
    border-right: none;
    background: rgba(0, 0, 0, 0)
}

.main-block.registration #registration-form .terms-group label #terms-checkbox+i {
    margin-left: -15px;
    margin-right: 10px;
    flex: 0 0 16px
}

.main-block.registration #registration-form .terms-group label span {
    line-height: 12px;
    font-size: 10px;
    text-align: left
}

.main-block.registration #registration-form .form-group-password .col-xs-12:last-of-type {
    margin-bottom: 10px
}

.main-block.registration #registration-form .warning {
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    margin: 25px 0 35px;
    border-image-slice: 1;
    border-width: 1px;
    border-style: solid;
    border-image-source: linear-gradient(0, #f2960e, #f7b119)
}

.main-block.registration #registration-form .warning h6,
.main-block.registration #registration-form .warning span {
    font-size: 11px;
    line-height: 25px
}

.main-block.registration #registration-form .warning h6 {
    text-transform: uppercase;
    margin: 0
}

.main-block.registration #registration-form .warning.recently-deleted {
    display: none
}

.main-block.registration #registration-form #registration-form-submit {
    margin-top: 15px
}

.main-block.registration-block p {
    color: #fff
}

.main-block.registration-block .stmp-blur-game-bg {
    background: 0 0;
    height: auto
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper {
    padding: 0;
    max-width: 500px;
    margin: auto
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row {
    padding: 0 15px 0 0;
    display: flex
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .form-control {
    display: inline-block
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .form-control.hide-arrows::-webkit-inner-spin-button,
.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .form-control.hide-arrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .form-control.hide-arrows[type=number] {
    -moz-appearance: textfield
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .form-control.mobile-country-code {
    width: 35%
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .form-control.mobile-number {
    width: 63%
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .form-control.mobile-verification {
    text-align: center;
    font-size: 12px;
    letter-spacing: 1em
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .country-code img {
    position: absolute;
    padding: 5px;
    max-width: 33px
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .country-code input {
    padding-left: 30px;
    text-align: center
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .field-validation-error,
.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row .field-validation-success {
    align-self: center
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row.mobile-verification-input .field-validation-error,
.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-row.mobile-verification-input .field-validation-success {
    position: absolute;
    right: 25px
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .resend-code {
    text-align: center
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .resend-code p {
    font-size: 12px
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .resend-code p a {
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .resend-code p a .resend-processing {
    display: none
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .resend-code p #resend-timer {
    display: none;
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-submit {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(0, #f2960e, #f7b119);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    margin: 23px 15px 15px;
    width: 100%
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-submit svg {
    margin-bottom: 2px
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-submit i {
    margin-right: 10px
}

.main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-submit#mobileVerificationSubmit {
    width: 60%
}

@media (min-width:767.98px) {
    .main-block.registration-block .stmp-blur-game-bg .auth-container {
        background: rgba(48, 70, 89, .35);
        border: 1px solid rgba(130, 152, 171, .35);
        width: 600px;
        margin: auto;
        padding: 40px 15px 30px
    }
}

.main-block.registration-block .stmp-blur-game-bg .terms {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding: 0 25px
}

.main-block .recommendations-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.main-block .recommendations-container .trust-pilot-wrapper {
    margin-top: 10px;
    transform: scale(.6666666667);
    height: 100px
}

.main-block .recommendations-container .withdrawal-options-wrapper {
    margin: 0
}

.main-block .recommendations-container .withdrawal-options-wrapper p.title {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #e9e6e0;
    margin-bottom: 0;
    text-align: center
}

.main-block .recommendations-container .withdrawal-options-wrapper p.title span {
    font-weight: 400
}

.main-block .recommendations-container .withdrawal-options-wrapper .payment-icons {
    display: flex;
    justify-content: center
}

.main-block .recommendations-container .withdrawal-options-wrapper .payment-icons .payment-icon {
    margin: 2px 8px;
    height: 28px
}

@media (min-width:767.98px) {
    .main-block .recommendations-container {
        align-items: flex-start;
        flex-direction: row;
        margin: 0 2em 2em
    }

    .main-block .recommendations-container .trust-pilot-wrapper {
        margin: 0 10px 0 -10px
    }

    .main-block .recommendations-container .withdrawal-options-wrapper {
        margin: 18px 10px 0;
        flex: 1
    }
}

.main-block .loader,
.main-block.auth.age-verification,
.main-block.auth.mobile-capture,
.main-block.auth.mobile-verification {
    display: none
}

.main-block #mobilcaptureLabel {
    color: #fff;
    padding-left: 0
}

.main-block #mobileCaptureInput {
    padding: 0
}

.main-block #mobileCaptureInput .country-code {
    display: none
}

.main-block #mobileCaptureInput div,
.main-block #mobileCaptureInput div input {
    width: 100%
}

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

@media (min-width:768px) {
    .main-block #mobileCapture .form-container {
        padding: 50px 140px
    }

    .main-block #verifyAgeError,
    .main-block.auth.registration .container:first-of-type {
        margin: auto
    }
}

.main-block #already-registered {
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    text-align: center
}

.main-block #already-registered img {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%);
    margin: 0 5px
}

.email-verification {
    padding: 0
}

.email-verification .row {
    max-width: 500px;
    margin: 30px auto
}

.email-verification button {
    width: 100%
}

.email-verification>.row {
    padding: 0 15px
}

@media (min-width:767.98px) {
    .email-verification {
        width: 700px !important;
        padding: 0 22px
    }
}

@media (min-width:991.98px) {
    .email-verification {
        width: 920px !important
    }
}

@media (min-width:1199.98px) {
    .email-verification {
        width: 1120px !important
    }
}

.main-block.verification .custom-progress-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px
}

.main-block.verification .custom-progress-bar .steps {
    display: flex;
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center
}

.main-block.verification .custom-progress-bar .steps .step {
    background: linear-gradient(0, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.verification .custom-progress-bar .steps .of {
    color: #fff
}

.main-block.verification .custom-progress-bar .bar {
    width: 80px;
    height: 1px;
    margin: 5px 0 15px;
    background-color: #8298ab
}

.main-block.verification .custom-progress-bar.quarter .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 25%, #8298ab 26%, #8298ab 100%)
}

.main-block.verification .custom-progress-bar.third .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 33%, #8298ab 34%, #8298ab 100%)
}

.main-block.verification .custom-progress-bar.half .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 50%, #8298ab 51%, #8298ab 100%)
}

.main-block.verification .custom-progress-bar.two-thirds .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 66%, #8298ab 67%, #8298ab 100%)
}

.main-block.verification .custom-progress-bar.three-quarters .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 75%, #8298ab 76%, #8298ab 100%)
}

.main-block.verification .custom-progress-bar.full .steps {
    background: linear-gradient(0, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.verification .custom-progress-bar.full .steps span {
    background: inherit
}

.main-block.verification .custom-progress-bar.full .bar {
    background: linear-gradient(270deg, #f2960e, #f7b119)
}

@media (min-width:767.98px) {
    .main-block.verification .custom-progress-bar {
        margin: 10px 0
    }

    .main-block.verification .custom-progress-bar .steps {
        font-size: 16px
    }

    .main-block.verification .custom-progress-bar .bar {
        width: 105px;
        margin: 15px 0
    }
}

.main-block.verification .big-icon-with-content {
    margin-bottom: 20px
}

.main-block.verification .big-icon-with-content p {
    margin-bottom: 10px
}

.main-block.verification a {
    margin: 20px 0 40px;
    width: 100%
}

.main-block.verification p {
    color: #fff
}

.main-block.verification-pending .custom-progress-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px
}

.main-block.verification-pending .custom-progress-bar .steps {
    display: flex;
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center
}

.main-block.verification-pending .custom-progress-bar .steps .step {
    background: linear-gradient(0, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.verification-pending .custom-progress-bar .steps .of {
    color: #fff
}

.main-block.verification-pending .custom-progress-bar .bar {
    width: 80px;
    height: 1px;
    margin: 5px 0 15px;
    background-color: #8298ab
}

.main-block.verification-pending .custom-progress-bar.quarter .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 25%, #8298ab 26%, #8298ab 100%)
}

.main-block.verification-pending .custom-progress-bar.third .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 33%, #8298ab 34%, #8298ab 100%)
}

.main-block.verification-pending .custom-progress-bar.half .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 50%, #8298ab 51%, #8298ab 100%)
}

.main-block.verification-pending .custom-progress-bar.two-thirds .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 66%, #8298ab 67%, #8298ab 100%)
}

.main-block.verification-pending .custom-progress-bar.three-quarters .bar {
    background: linear-gradient(to right, #fcf45f 0, #fead25 75%, #8298ab 76%, #8298ab 100%)
}

.main-block.verification-pending .custom-progress-bar.full .steps {
    background: linear-gradient(0, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.verification-pending .custom-progress-bar.full .steps span {
    background: inherit
}

.main-block.verification-pending .custom-progress-bar.full .bar {
    background: linear-gradient(270deg, #f2960e, #f7b119)
}

@media (min-width:767.98px) {
    .main-block.verification-pending .custom-progress-bar {
        margin: 10px 0
    }

    .main-block.verification-pending .custom-progress-bar .steps {
        font-size: 16px
    }

    .main-block.verification-pending .custom-progress-bar .bar {
        width: 105px;
        margin: 15px 0
    }
}

.main-block.exclusion-expired .container {
    margin-top: 30px
}

@media (min-width:575.98px) {
    .main-block.exclusion-expired .container {
        margin-top: auto
    }
}

.reality-check {
    background: url(/images/my-account/bg.png) no-repeat center center fixed;
    background-size: cover;
    height: auto
}

.reality-check .main-block.auth .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px
}

.reality-check .main-block.auth .container p {
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 700
}

.reality-check .main-block.auth .container p.warning-message {
    margin: 30px 0;
    max-width: 230px;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.reality-check .main-block.auth .container p.check-label {
    margin: 30px 0;
    font-size: 12px
}

.reality-check .main-block.auth .container .separator {
    width: 100%;
    max-width: 370px;
    height: 1px;
    background: linear-gradient(to right, #fcf45f 0, #fead25 100%);
    background: linear-gradient(270deg, #f2960e, #f7b119)
}

.reality-check .main-block.auth .container .buttons {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

.reality-check .main-block.auth .container .buttons .reality-check-action {
    display: flex;
    flex: 1;
    gap: .5em;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 40px;
    padding: 0 18px;
    margin: 0 10px 20px;
    min-width: 132px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase
}

.reality-check .main-block.auth .container .buttons .reality-check-action.transparent {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.reality-check .main-block.auth .container .buttons .reality-check-action.logout {
    justify-content: space-between;
    flex: 0
}

.reality-check .main-block.auth .container .buttons .reality-check-action.history {
    justify-content: center
}

.reality-check .main-block.auth .container .buttons .reality-check-action svg {
    margin-bottom: 0
}

@media (min-width:390px) {
    .reality-check .main-block.auth .container .buttons {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 380px
    }
}

@media (min-width:375px) and (max-width:455px) {
    .reality-check .main-block.auth .container .buttons .reality-check-action {
        padding: 0 13px;
        margin: 0 7px 20px;
        min-width: 120px
    }

    .reality-check .main-block.auth .container .buttons .reality-check-action.play {
        justify-content: center
    }

    .reality-check .main-block.auth .container .buttons .reality-check-action.play svg {
        display: none
    }
}

.reality-check .main-block.auth .container .content-excerpt {
    text-align: center;
    padding: 30px 0 0;
    max-width: 500px
}

.reality-check .main-block.auth .container .content-excerpt p {
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

.reality-check .main-block.auth .container .content-article p {
    color: #8298ab;
    font-size: 10px;
    margin: 0
}

@media (min-width:991.98px) {
    .reality-check .main-block.auth .container {
        width: 945px
    }
}

@media (min-width:767.98px) {
    .reality-check .main-block.auth .container {
        padding: 50px 40px
    }
}

.enforced-reality-check {
    background: url(/images/my-account/bg.png) no-repeat center center fixed;
    background-size: cover;
    height: auto
}

.enforced-reality-check .main-block.auth {
    height: 100vh;
    background-color: #000;
    padding: 0
}

@media (min-width:991.98px) {
    .enforced-reality-check .main-block.auth {
        height: 95vh
    }
}

.enforced-reality-check .main-block.auth .container {
    margin: 0;
    position: absolute;
    top: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    width: 100%;
    background-color: #000;
    border: unset
}

@media (orientation:landscape) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container {
        top: 6%
    }
}

@media (min-width:991.98px) {
    .enforced-reality-check .main-block.auth .container {
        top: 15%
    }
}

.enforced-reality-check .main-block.auth .container .mainLogo {
    width: 250px
}

@media (orientation:landscape) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container .mainLogo {
        width: 200px
    }
}

.enforced-reality-check .main-block.auth .container .warning {
    margin-top: 60px;
    width: 36px
}

@media (orientation:landscape) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container .warning {
        margin-top: 18px;
        width: 30px
    }
}

.enforced-reality-check .main-block.auth .container p {
    text-transform: uppercase;
    color: #fff;
    font-family: MontserratTC, sans-serif;
    text-align: center
}

.enforced-reality-check .main-block.auth .container p.warning-message {
    margin-top: 30px;
    max-width: 550px;
    font-weight: 700;
    font-size: 28px;
    line-height: 24px
}

@media (orientation:landscape) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container p.warning-message {
        font-size: 20px;
        margin-top: 25px
    }
}

.enforced-reality-check .main-block.auth .container p.check-label {
    font-size: 24px
}

@media (orientation:landscape) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container p.check-label {
        font-size: 20px;
        margin-bottom: 5px
    }
}

.enforced-reality-check .main-block.auth .container p.check-time {
    margin-bottom: 30px;
    font-size: 28px
}

@media (orientation:landscape) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container p.check-time {
        margin-bottom: 17px;
        font-size: 24px
    }
}

.enforced-reality-check .main-block.auth .container .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    min-width: 220px;
    margin-top: 10px
}

@media (min-height:650px) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container .buttons {
        margin-top: 70px
    }
}

@media (min-height:750px) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container .buttons {
        margin-top: 150px
    }
}

@media (min-height:900px) and (max-width:1200px) {
    .enforced-reality-check .main-block.auth .container .buttons {
        margin-top: 250px
    }
}

@media (min-width:991.98px) {
    .enforced-reality-check .main-block.auth .container .buttons {
        min-width: 0;
        margin-top: 10px
    }
}

.enforced-reality-check .main-block.auth .container .buttons .reality-check-button {
    min-height: 50px;
    margin-bottom: 20px;
    font-size: 15px;
    min-width: 180px
}

footer .nav-steps {
    margin-top: 0
}

.green-button {
    background-color: #4fb95e !important;
    color: #fff !important;
    border: none;
    border-radius: 20px;
    outline: 0 !important
}

.green-button i {
    color: #000
}

.blue-button {
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    border-radius: 60px;
    color: #202c2b;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 28px
}

.blue-button i {
    padding-right: 12px
}

.magenta-button,
.magenta-button.btn {
    background: #db05b3;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    width: 100%;
    padding: 9px 28px
}

.magenta-button.btn:hover,
.magenta-button:hover {
    color: #000
}

.magenta-button i,
.magenta-button.btn i {
    padding-right: 12px
}

.neon-blue-button {
    height: 40px
}

.neon-blue-button,
.neon-blue-button.btn {
    background: #3250ff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    width: 100%;
    padding: 9px 28px;
    text-transform: capitalize
}

.neon-blue-button.btn:hover,
.neon-blue-button:hover {
    color: #000
}

.neon-blue-button i,
.neon-blue-button.btn i {
    padding-right: 12px
}

.yellow-button {
    background: linear-gradient(0, #f2960e, #f7b119);
    color: #000;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 28px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    height: 40px
}

.yellow-button:hover {
    text-decoration: none;
    color: #000
}

.yellow-button:hover:not([disabled]) {
    box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, .1)
}

.yellow-button svg {
    margin-bottom: 2px;
    margin-left: .5em
}

.yellow-button:not(.get-started) i+*,
.yellow-button:not(.tep-banner-button) i+* {
    margin-left: .5em
}

#login-link-button.neon-blue-button {
    color: #fff;
    text-decoration: none;
    display: block
}

.button-centered-text {
    display: flex;
    align-items: center;
    justify-content: center
}

.status-button .button-centered-text {
    gap: 5px
}

.main-block.auth {
    display: none;
    border: none
}

@supports (padding:env(safe-area-inset-bottom, 50px)) or (padding:constant(safe-area-inset-bottom, 50px)) {
    .main-block.auth {
        display: block
    }

    .main-block.auth~.outdated-browser.warning {
        display: none
    }
}

.main-block.auth,
.main-block.auth~.outdated-browser {
    background: 0 0;
    min-height: 600px;
    font-family: Inter, sans-serif;
    font-weight: 700
}

.main-block.auth .content,
.main-block.auth .excerpt,
.main-block.auth~.outdated-browser .content,
.main-block.auth~.outdated-browser .excerpt {
    color: #fff
}

.main-block.auth .content:empty,
.main-block.auth .excerpt:empty,
.main-block.auth~.outdated-browser .content:empty,
.main-block.auth~.outdated-browser .excerpt:empty {
    padding: 0
}

.main-block.auth .excerpt,
.main-block.auth~.outdated-browser .excerpt {
    padding-bottom: 20px
}

.main-block.auth .content,
.main-block.auth~.outdated-browser .content {
    padding-top: 20px
}

.main-block.auth h1,
.main-block.auth~.outdated-browser h1 {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 25px;
    color: #fff
}

@media (min-width:767.98px) {

    .main-block.auth h1,
    .main-block.auth~.outdated-browser h1 {
        margin: 30px 0;
        font-size: 55px
    }
}

@media (min-width:767.98px) {

    .main-block.auth .container,
    .main-block.auth~.outdated-browser .container {
        background: rgba(48, 70, 89, .35);
        border: 1px solid rgba(130, 152, 171, .35);
        margin: 80px auto;
        width: 600px
    }

    .main-block.auth .container .form-wrapper,
    .main-block.auth~.outdated-browser .container .form-wrapper {
        padding: 50px 140px
    }

    .main-block.auth .container .stmp-reset-password-form,
    .main-block.auth~.outdated-browser .container .stmp-reset-password-form {
        padding: 0
    }
}

.main-block.auth .container h3,
.main-block.auth~.outdated-browser .container h3 {
    text-align: center;
    color: #fff
}

@media (min-width:767.98px) {

    .main-block.auth .container h3,
    .main-block.auth~.outdated-browser .container h3 {
        margin-top: 0
    }
}

.main-block.auth .container .big-icon-with-content,
.main-block.auth~.outdated-browser .container .big-icon-with-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding: 0 40px
}

.main-block.auth .container .big-icon-with-content img,
.main-block.auth~.outdated-browser .container .big-icon-with-content img {
    margin-bottom: 30px
}

.main-block.auth .container .big-icon-with-content p,
.main-block.auth~.outdated-browser .container .big-icon-with-content p {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-align: center
}

.main-block.auth .container .big-icon-with-content.av-error,
.main-block.auth~.outdated-browser .container .big-icon-with-content.av-error {
    padding: 0
}

.main-block.auth .container form,
.main-block.auth~.outdated-browser .container form {
    margin-top: 12px
}

.main-block.auth .container form .form-group .field-validation-message,
.main-block.auth~.outdated-browser .container form .form-group .field-validation-message {
    display: none;
    text-align: right
}

.main-block.auth .container form .form-group .field-validation-message.field-validation-message-left-align,
.main-block.auth~.outdated-browser .container form .form-group .field-validation-message.field-validation-message-left-align {
    text-align: left
}

.main-block.auth .container form .form-group label,
.main-block.auth~.outdated-browser .container form .form-group label {
    font-size: 12px;
    color: #fff;
    padding-left: 0
}

.main-block.auth .container form .form-group .input-row,
.main-block.auth~.outdated-browser .container form .form-group .input-row {
    padding-left: 0;
    padding-right: 0
}

.main-block.auth .container form .form-group .input-row input,
.main-block.auth~.outdated-browser .container form .form-group .input-row input {
    font-size: 12px;
    border-radius: 40px;
    color: #202c2b
}

.main-block.auth .container form .form-group .input-row img,
.main-block.auth~.outdated-browser .container form .form-group .input-row img {
    margin-right: 15px
}

.main-block.auth .container form .form-group.form-group-password .col-flex-center,
.main-block.auth~.outdated-browser .container form .form-group.form-group-password .col-flex-center {
    flex-wrap: wrap
}

.main-block.auth .container form .form-group.form-group-password .col-flex-center .col-xs-12,
.main-block.auth~.outdated-browser .container form .form-group.form-group-password .col-flex-center .col-xs-12 {
    text-align: left;
    padding: 0
}

.main-block.auth .container form .form-group.form-group-password .col-flex-center .col-xs-12:last-of-type,
.main-block.auth~.outdated-browser .container form .form-group.form-group-password .col-flex-center .col-xs-12:last-of-type {
    margin-bottom: 10px
}

.main-block.auth .container form button,
.main-block.auth~.outdated-browser .container form button {
    margin-top: 20px
}

.main-block.auth .container form button i,
.main-block.auth~.outdated-browser .container form button i {
    margin-right: 5px
}

.main-block.auth h1 {
    position: initial
}

.main-block.auth input {
    border-radius: 60px
}

.main-block.auth .pw-wrapper {
    position: relative
}

.main-block.auth .pw-wrapper img {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    cursor: pointer
}

.main-block.auth~.outdated-browser {
    align-items: stretch;
    display: flex;
    justify-content: center;
    padding: 5%;
    color: #e0e0e0
}

.main-block.auth~.outdated-browser .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.main-block.auth~.outdated-browser .container h2 {
    color: inherit
}

.main-block.auth~.outdated-browser .container .warning {
    margin: 20% 0
}

.nav-search {
    cursor: pointer;
    outline: 0;
    order: 0;
    margin-top: 0
}

@media (min-width:1199.98px) {
    .nav-search {
        order: 3;
        margin-top: 6px
    }
}

.nav-search i.nav-icon {
    font-size: 24px
}

@media (min-width:1199.98px) {
    .nav-search i.nav-icon {
        font-size: 14px
    }
}

.nav-search-container {
    position: fixed;
    display: none;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0
}

.nav-search-container.open {
    display: flex;
    flex-direction: column;
    z-index: 2
}

.nav-search-container.open:after {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    content: "";
    background-color: #202c2b
}

@media (min-width:767.98px) {
    .nav-search-container.open {
        right: 0;
        top: 0;
        left: auto;
        width: 464px;
        height: initial;
        margin-right: 25px
    }

    .nav-search-container.open:not(#mobile-navbar-search) {
        position: absolute
    }
}

.nav-search-container.open .nav-search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 5px;
    margin-top: 23px;
    min-height: 57px
}

@media (min-width:767.98px) {
    .nav-search-container.open .nav-search-header {
        margin-top: 0;
        padding: 0
    }
}

.nav-search-container.open .nav-search-header.toggle {
    margin: 0;
    min-height: unset
}

.nav-search-container.open .nav-search-header .search-form {
    flex: 1;
    padding-right: 25px
}

.nav-search-container.open .nav-search-header .search-form .p2p-group {
    color: #fff;
    cursor: pointer
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input {
    opacity: 0
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input:checked+i {
    background: #fead25;
    border-color: #fead25
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input:checked+i:hover:after {
    opacity: 1
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input:checked+i:after {
    opacity: 1;
    border-color: #fff
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input+i {
    box-sizing: border-box
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input+i:after,
.nav-search-container.open .nav-search-header .search-form .p2p-group>input+i:before {
    box-sizing: border-box
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input+i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #999;
    transition: background .2s ease;
    border-radius: .2em;
    background: #f9f9f9;
    font-size: 16px;
    cursor: pointer
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input+i:hover:after {
    opacity: 0
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input+i:after {
    content: "";
    opacity: 0;
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 22%;
    left: 15%;
    width: .68em;
    height: .4em;
    border: .15em solid #222;
    border-top: none;
    border-right: none;
    background: rgba(0, 0, 0, 0)
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input+i {
    background-color: #202c2b;
    border: 2px solid #fff;
    margin-left: -15px;
    margin-right: 10px
}

.nav-search-container.open .nav-search-header .search-form .p2p-group>input:checked+i {
    border-color: #fff
}

.nav-search-container.open .nav-search-header .search-form .form-group {
    margin: 0
}

.nav-search-container.open .nav-search-header .search-form .form-group input {
    height: 44px
}

.nav-search-container.open .nav-search-header .search-form .form-group i {
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #686868;
    width: initial;
    height: initial
}

.nav-search-container.open .nav-search-header .search-close {
    padding-right: 10px;
    cursor: pointer;
    outline: 0
}

@media (min-width:767.98px) {
    .nav-search-container.open .nav-search-header .search-close {
        padding: 0
    }
}

.nav-search-container.open .nav-search-header .search-close i {
    font-size: 24px
}

.nav-search-container.open .nav-search-result {
    overflow-y: auto;
    height: 100%
}

@media (min-width:767.98px) {
    .nav-search-container.open .nav-search-result {
        background: #fff;
        max-height: 50vh;
        width: 418px;
        border-radius: 4px
    }
}

.nav-search-container.open .nav-search-result li {
    padding: 10px 15px
}

.nav-search-container.open .nav-search-result li a {
    display: flex
}

.nav-search-container.open .nav-search-result li a .nav-search-image {
    position: relative
}

.nav-search-container.open .nav-search-result li a .nav-search-image img {
    border-radius: 4px;
    min-width: 80px;
    max-width: 80px
}

.nav-search-container.open .nav-search-result li a .nav-search-gameinfo {
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 10px;
    font-weight: 800
}

@media (min-width:767.98px) {
    .nav-search-container.open .nav-search-result li a .nav-search-gameinfo {
        color: #000
    }
}

.nav-search-container.open .nav-search-result li a .nav-search-gameinfo .gameinfo-name {
    font-size: 16px;
    line-height: 12px
}

.nav-search-container.open .nav-search-result li a .nav-search-gameinfo .gameinfo-maker {
    font-size: 14px;
    color: #b6b8b8
}

.nav-search-container.open .nav-search-result .nav-search-no-result {
    color: #fff;
    width: 100%;
    padding: 20px 15px;
    font-weight: 800
}

@media (min-width:767.98px) {
    .nav-search-container.open .nav-search-result .nav-search-no-result {
        color: #000
    }
}

.pay-to-play {
    height: 100%;
    width: 90%;
    max-width: 615px;
    margin: 150px auto 200px auto;
    font-family: Inter, sans-serif;
    font-style: normal
}

.pay-to-play .close-button {
    display: flex;
    justify-content: flex-end
}

.pay-to-play .close-button a span {
    display: none;
    background: linear-gradient(155deg, #fcf45f 10%, #fead25 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 10px
}

@media (min-width:991.98px) {
    .pay-to-play .close-button a span {
        display: inline-block
    }
}

.pay-to-play .close-button a .close-icon {
    width: 16px;
    height: 16px
}

.pay-to-play .content {
    text-align: center;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.pay-to-play .content .content-wrapper {
    width: 100%;
    border: 1px solid #8298ab;
    background: rgba(48, 70, 89, .35);
    font-style: normal;
    text-align: center;
    color: #fff;
    position: relative
}

.pay-to-play .content .content-wrapper .pay-to-play-content {
    margin: 0 auto;
    margin-bottom: 40px
}

@media (min-width:1199.98px) {
    .pay-to-play .content .content-wrapper .pay-to-play-content {
        margin-bottom: 70px
    }
}

.pay-to-play .content .content-wrapper .pay-to-play-content .pay-to-play-title {
    background: linear-gradient(173.11deg, #fff 54.72%, #8bbbbe 132.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    padding-top: 45px;
    padding-bottom: 18px;
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    font-weight: 700;
    font-size: 22px;
    color: #fff
}

.pay-to-play .content .content-wrapper .pay-to-play-content .tournament-fee-wrapper {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pay-to-play .content .content-wrapper .pay-to-play-content .tournament-fee-wrapper .tournament-fee {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    flex-grow: 4
}

.pay-to-play .content .content-wrapper .pay-to-play-content .player-balance-wrapper {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    margin-bottom: 15px
}

.pay-to-play .content .content-wrapper .pay-to-play-content .player-balance-wrapper .player-balance {
    font-weight: 700;
    color: #fff
}

.pay-to-play .content .content-wrapper .pay-to-play-content .insufficient-funds {
    margin-bottom: 20px
}

.pay-to-play .content .content-wrapper .pay-to-play-content .insufficient-funds span {
    background-color: #d4603c;
    border-radius: 60px;
    padding: 2px 11px;
    color: #fff
}

.pay-to-play .content .content-wrapper .pay-to-play-content .play-button {
    padding-bottom: 10px;
    margin-right: 5px
}

.pay-to-play .content .content-wrapper .pay-to-play-content .play-button .blue-button i {
    padding: 0
}

.pay-to-play .content .content-wrapper .pay-to-play-content #purchase-progress {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1
}

.pay-to-play .content .content-wrapper .pay-to-play-content #purchase-progress p {
    color: #fff
}

.pay-to-play .content .content-wrapper .pay-to-play-content #purchase-progress.in-progress {
    z-index: auto
}

.pay-to-play .content .content-wrapper .pay-to-play-content #purchase-progress.in-progress .loading-indicator {
    display: flex;
    flex-direction: column;
    gap: 25%
}

.pay-to-play .content .content-wrapper .cancel-button a {
    border-radius: 60px;
    padding: 9px 16px;
    text-decoration: none;
    height: 40px;
    border-width: 2px
}

.pay-to-play .content .content-wrapper .cancel-button a span {
    padding-right: 12px;
    color: #8298ab
}

.pay-to-play .content .content-wrapper .cancel-button a .close-icon {
    width: 12px;
    height: 12px
}

.pay-to-play .content .content-wrapper .reject-button button {
    width: initial;
    display: inline-block
}

.pay-to-play .content .content-wrapper .deposit-limit-content {
    margin: 40px auto
}

.pay-to-play .content .content-wrapper .deposit-limit-content .warning-text {
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    padding: 20px;
    margin: 10px
}

.pay-to-play .content .content-wrapper .deposit-limit-content .accept-button {
    padding: 9px 16px
}

.pay-to-play .content .content-wrapper .deposit-limit-content .more-info {
    font-style: normal;
    text-align: center;
    line-height: 1.5em;
    color: #fff;
    margin: 10px
}

.pay-to-play .content .content-wrapper .view-deposit-limit-link {
    margin-top: 20px
}

.pay-to-play .content .content-wrapper .view-deposit-limit-link a {
    color: #ea4e10;
    text-decoration: underline
}

.pay-to-play .content .content-wrapper .deposit-limit-segment-content {
    margin: 40px auto
}

.pay-to-play .content .content-wrapper .deposit-limit-segment-content .status-images {
    padding-top: 30px
}

.pay-to-play .content .content-wrapper .deposit-limit-segment-content .status-images .segment-status-image {
    width: 50px;
    height: 50px
}

@media (min-width:1199.98px) {
    .pay-to-play .content .content-wrapper .deposit-limit-segment-content .status-images .segment-status-image {
        width: 100px;
        height: 100px
    }
}

.pay-to-play .content .content-wrapper .deposit-limit-segment-content .status-images div {
    padding-top: 15px;
    font-size: 16px
}

.pay-to-play-modal .modal-dialog {
    min-width: 300px
}

.container-fluid.swipe-banners-component {
    background: url(../images/stmp_bg2.png) #000;
    margin: -15px -30px 0 -30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-bottom: 15px
}

@media (min-width:767.98px) {
    .container-fluid.swipe-banners-component {
        margin: 0
    }
}

.container-fluid.swipe-banners-component .row .nav.nav-tabs {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: none;
    background: #3c3c3c
}

@media (min-width:767.98px) {
    .container-fluid.swipe-banners-component .row .nav.nav-tabs {
        padding-top: 5px;
        background: 0 0
    }
}

.container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item {
    flex: 1;
    margin: 6px 3px 0 5px
}

.container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    color: #202c2b;
    font-weight: 600;
    font-size: 15px;
    background: #c0bcbc;
    border-radius: 8px 8px 0 0;
    padding: 0
}

@media (min-width:575.98px) {
    .container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item .nav-link {
        padding: 10px 15px
    }
}

.container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item .nav-link .tab-icon {
    margin-right: 5px;
    height: 16px;
    display: none
}

@media (min-width:575.98px) {
    .container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item .nav-link .tab-icon {
        display: block
    }
}

.container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item .nav-link .tab-icon .stack {
    width: 12px
}

.container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item.active .nav-link {
    background: #fff
}

.container-fluid.swipe-banners-component .row .tab-content {
    height: 311px;
    background: #fff;
    padding: 0 30px
}

@media (min-width:767.98px) {
    .container-fluid.swipe-banners-component .row .tab-content {
        margin: 0 5px;
        padding: 0 40px
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane {
    height: 0;
    opacity: 0;
    display: block;
    padding: 0;
    position: relative
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane.active {
    height: 100%;
    opacity: 1;
    padding: 10px 0 15px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide {
    box-shadow: 0 1px 11px rgba(0, 0, 0, .13);
    border-radius: 15px;
    height: 260px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    overflow: visible !important
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-footer {
    background: #f8f8f8;
    text-align: center;
    padding: 0 16px 5px;
    line-height: normal;
    transition: 1s;
    border-radius: 15px 15px 0 0;
    overflow-y: auto
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-footer.collapsed {
    border-radius: 0;
    overflow-y: hidden
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-footer a {
    color: #686868;
    font-size: 9px;
    display: inline
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-footer a.tc5 {
    text-decoration: underline
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-footer a p {
    font-size: 9px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .show-control {
    color: #686868;
    font-size: 9px;
    font-weight: 900;
    text-decoration: underline;
    background: #f8f8f8;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .show-control .more {
    display: none
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .show-control.collapsed .more {
    display: inline
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .show-control.collapsed .less {
    display: none
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner {
    height: 100%;
    width: 260px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide.free_spin {
    height: 305px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .ribbon {
    position: absolute;
    left: -5px;
    z-index: 1;
    overflow: hidden;
    width: 85px;
    height: 85px;
    text-align: right
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .ribbon span {
    font-size: 10px;
    font-weight: 700;
    color: #202c2b;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 110px;
    display: block;
    background: linear-gradient(0, #f2960e, #f7b119);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 22px;
    left: -22px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .ribbon span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79a70a;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79a70a
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .ribbon span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #79a70a;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79a70a
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body {
    align-items: center;
    background-position: center;
    border-radius: 15px 15px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px;
    position: relative
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body img {
    height: 54px;
    padding-top: 12px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-title {
    height: 22px;
    margin: 20px 0;
    text-align: center
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-title,
.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-title a,
.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-title p {
    width: 100%
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-title p {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: auto;
    max-width: 99%;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-info {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 27px;
    justify-content: space-evenly;
    width: 100%
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-info-item {
    border: 1px solid #fff;
    border-radius: 14px;
    color: #fff;
    padding: 2px 12px;
    text-align: center
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-info-item span {
    font-weight: 700
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-review {
    font-size: 12px;
    margin-top: 10px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promo-review a {
    color: #fff;
    text-decoration: underline
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .cta-casinopromotion {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(0, #f2960e, #f7b119);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    width: 160px;
    margin: 0;
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .cta-casinopromotion svg {
    margin-bottom: 2px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .cta-casinopromotion.button-centered-text {
    display: flex
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .cta-casinopromotion i {
    margin-right: 8px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .deposit-text {
    font-size: 12px;
    color: #fff
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promotion-games {
    width: 100%;
    font-size: 10px;
    color: #fff;
    padding: 5px 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promotion-games .games-text {
    flex-basis: 15%
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promotion-games .game-pills-container {
    display: contents
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promotion-games .game-pills-container .game-pill {
    color: #fff;
    text-align: center;
    line-height: 12px;
    width: 75px;
    margin-left: 5px;
    white-space: nowrap;
    padding: 2px 9px;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    overflow: hidden;
    text-overflow: ellipsis
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner-body .promotion-games .game-pills-container .game-pill.match {
    font-weight: 900
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider.left-fade::before,
.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider.right-fade::after {
    content: " ";
    height: 100%;
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 0;
    display: none
}

@media (min-width:767.98px) {

    .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider.left-fade::before,
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider.right-fade::after {
        display: block
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider.left-fade::before {
    background: linear-gradient(90deg, #fff 0, transparent 100%);
    left: 0
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider.left-fade::before {
    background: linear-gradient(90deg, #fff 0, transparent 100%);
    left: 0
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider.right-fade::after {
    background: linear-gradient(90deg, transparent 0, #fff 100%);
    right: 0
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .arrow {
    display: none;
    width: 14px;
    height: 20px;
    position: absolute;
    top: calc(50% - 19px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

@media (min-width:767.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane .arrow {
        display: flex
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .arrow--left {
    left: -20px;
    background-image: url(/images/icons/carousel-left.png)
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .arrow--right {
    left: auto;
    right: -20px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .dots {
    display: flex;
    justify-content: center;
    padding: 10px 0
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .dots .dot {
    border: none;
    width: 6px;
    height: 6px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 2px;
    cursor: pointer
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane .dots .dot--active {
    background: #686868
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container {
    display: flex;
    margin: auto;
    align-items: center;
    background-image: url(/images/my-bonuses/login-background-mobile.png);
    width: 318px;
    height: 276px;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    margin-top: 10px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .mask-icon {
    display: none
}

@media (min-width:991.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .mask-icon {
        display: block
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .mask-icon-mobile {
    display: block;
    margin-top: -20px
}

@media (min-width:991.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .mask-icon-mobile {
        display: none;
        margin-top: 0
    }
}

@media (min-width:991.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper {
        flex-direction: row
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .title-wrapper {
    max-width: 200px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .title-wrapper.no-bonuses {
    margin-top: 20px
}

@media (min-width:991.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .title-wrapper {
        max-width: 230px
    }

    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .title-wrapper.no-bonuses {
        max-width: initial
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .title-wrapper .title {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin: 0
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .title-wrapper .title .welcome-bonuses-nav-link {
    color: #fff;
    text-decoration: underline
}

@media (min-width:991.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .left-wrapper .title-wrapper .title {
        font-size: 25px
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .buttons-wrapper {
    display: flex;
    flex-direction: column
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .buttons-wrapper a {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(13.43deg, #fcf45f -1.35%, #fead25);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    filter: drop-shadow(0 4px 24px #000);
    width: 188px;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .buttons-wrapper a svg {
    margin-bottom: 2px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .buttons-wrapper a.signup {
    margin-top: 20px
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .buttons-wrapper a.login {
    font-size: 16px;
    margin-top: 20px
}

@media (min-width:991.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container .buttons-wrapper a.login {
        margin-top: 0
    }
}

@media (min-width:991.98px) {
    .container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab .not-logged-in-container {
        justify-content: space-between;
        flex-direction: row;
        height: 276px;
        width: 810px;
        background-image: url(/images/my-bonuses/login-background.png);
        background-position: center;
        background-repeat: no-repeat;
        padding: 0 70px 0 30px
    }
}

.container-fluid.swipe-banners-component .row .tab-content .tab-pane#my-bonuses-tab:not(.active) .not-logged-in-container {
    display: none
}

.container-fluid.swipe-banners-component .row.footer {
    display: flex;
    justify-content: center;
    align-items: center
}

.container-fluid.swipe-banners-component .row.footer img {
    margin-top: -10px
}

.container-fluid.swipe-banners-component .row.footer .footer-cta {
    padding: 10px;
    font-size: 14px;
    background: -webkit-linear-gradient(180deg, #fcf45f 0, #fead25 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.container-fluid.swipe-banners-component .row.main::before {
    background: url("/images/bc-bar-top 1.png");
    width: 100%;
    height: 7px;
    margin-top: -5px
}

@media (min-width:767.98px) {
    .container-fluid.swipe-banners-component .row.main::before {
        background: 0 0;
        height: 0;
        margin-top: 0
    }
}

#create-review-modal .terms {
    color: #fff
}

#create-review-modal #terms-checkbox {
    opacity: 0
}

#create-review-modal #terms-checkbox:checked+i {
    background: #fff;
    border-color: #fff
}

#create-review-modal #terms-checkbox:checked+i:hover:after {
    opacity: 1
}

#create-review-modal #terms-checkbox:checked+i:after {
    opacity: 1;
    border-color: #4a8f40
}

#create-review-modal #terms-checkbox+i {
    box-sizing: border-box
}

#create-review-modal #terms-checkbox+i:after,
#create-review-modal #terms-checkbox+i:before {
    box-sizing: border-box
}

#create-review-modal #terms-checkbox+i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #999;
    transition: background .2s ease;
    border-radius: .2em;
    background: #f9f9f9;
    font-size: 16px;
    cursor: pointer
}

#create-review-modal #terms-checkbox+i:hover:after {
    opacity: 0
}

#create-review-modal #terms-checkbox+i:after {
    content: "";
    opacity: 0;
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 22%;
    left: 15%;
    width: .68em;
    height: .4em;
    border: .15em solid #222;
    border-top: none;
    border-right: none;
    background: rgba(0, 0, 0, 0)
}

#create-review-modal #terms-checkbox+i {
    margin-left: -15px;
    margin-right: 10px;
    flex: 0 0 16px
}

#create-review-modal .modal-header {
    border: none
}

#create-review-modal .modal-header #close-review {
    float: right;
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%)
}

#create-review-modal .modal-header .title-image .desktop {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 50%
}

#create-review-modal .modal-header .title-image .mobile {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -65%)
}

#create-review-modal,
#create-review-modal h1,
#create-review-modal h2 {
    font-weight: 700;
    font-family: Inter, sans-serif
}

#create-review-modal .modal-dialog {
    margin-top: 135px
}

#create-review-modal .modal-content {
    background: url(/images/review_content_background.png);
    background-position: center;
    border-radius: 0
}

#create-review-modal .modal-body>div {
    display: none
}

#create-review-modal .display-name-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px
}

#create-review-modal .display-name-container #display-name-title {
    color: #c5c5c5;
    font-size: 16px;
    padding: 5px
}

#create-review-modal .display-name-container #display-name {
    font-size: 18px;
    font-weight: 900;
    padding-bottom: 20px
}

#create-review-modal .modal-body .active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#create-review-modal .modal-body h2 {
    color: #fff;
    text-align: center
}

#create-review-modal .modal-body #reviewRateYo-explanation {
    color: #000;
    font-size: 22px;
    font-weight: 700
}

#create-review-modal .text-notifications {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 12px
}

#create-review-modal .modal-footer {
    border: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0
}

.review-header .img-outer-container {
    width: 82px;
    height: 82px;
    background-color: #774930;
    background-size: 82px 82px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.review-header .img-outer-container .img-inner-container {
    width: 82px;
    height: 82px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.review-header .img-outer-container .img-inner-container .first-letter {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.review-header .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.review-summary-write div {
    background: linear-gradient(0, #f2960e, #f7b119);
    color: #202c2b;
    padding: 5px 25px;
    border-radius: 22px;
    cursor: pointer
}

.jq-ry-normal-group svg {
    mask: url(/images/icons/review-star-empty.svg);
    mask-size: cover
}

.score-bar-container {
    height: 4px;
    background: #686868;
    overflow: hidden;
    border-radius: 33px;
    padding: 0;
    width: 100%
}

.score-bar-container .score-bar {
    height: 100%;
    background: linear-gradient(0, #f2960e, #f7b119)
}

@media (min-width:320px) and (max-width:1200px) {
    .score-bar-container {
        display: none
    }
}

.stmp-search-bar {
    font-size: 12px
}

@media screen and (max-width:767.98px) {
    .stmp-search-bar {
        padding-right: 0;
        padding-left: 0;
        max-width: 100vw
    }
}

@media screen and (max-width:768px) {
    .stmp-search-bar .game-search .row .action-buttons .bar-item {
        width: 35.5%
    }
}

@media screen and (max-width:375px) {
    .stmp-search-bar .game-search .row .action-buttons .bar-item button i {
        font-size: 12px;
        padding: 0 0 0 5px
    }
}

@media screen and (max-width:375px) {
    .stmp-search-bar .game-search .row .action-buttons .bar-item button img {
        max-width: 17px;
        padding: 0 0 0 5px
    }
}

.stmp-search-bar .game-search .row .action-buttons .bar-item:last-child {
    min-width: 35.5%
}

@media screen and (max-width:767.98px) {
    .stmp-search-bar.games-by-same-maker-bar {
        left: -30px
    }
}

.games-by-same-maker table {
    width: 100%;
    display: table;
    table-layout: fixed
}

.games-by-same-maker table thead th {
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 5px 12px 24px;
    font-family: Inter, sans-serif;
    color: #686868;
    border-right: 1px solid rgba(139, 139, 139, .3)
}

.games-by-same-maker table thead th:first-of-type,
.games-by-same-maker table thead th:last-of-type {
    border-right: unset
}

@media screen and (max-width:575.98px) {
    .games-by-same-maker table thead th {
        font-size: 12px;
        text-align: center;
        padding: 7px 5px
    }
}

@media screen and (max-width:575.98px) {
    .games-by-same-maker table thead th.game-name {
        width: 80px
    }
}

.games-by-same-maker table tbody tr:nth-of-type(even) td {
    background-color: #f8f8f8
}

.games-by-same-maker table tbody tr td {
    font-size: 14px;
    padding: 12px 5px 12px 24px;
    border-bottom: 2px solid rgba(139, 139, 139, .5);
    color: #686868;
    border-right: 1px solid rgba(139, 139, 139, .3)
}

.games-by-same-maker table tbody tr td:first-of-type,
.games-by-same-maker table tbody tr td:last-of-type {
    border-right: unset
}

@media screen and (max-width:575.98px) {
    .games-by-same-maker table tbody tr td {
        font-size: 12px;
        padding: 7px 5px
    }
}

.games-by-same-maker table tbody tr td .img-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.games-by-same-maker table tbody tr td .img-wrapper img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    object-position: center;
    margin-right: 5px
}

@media screen and (max-width:575.98px) {
    .games-by-same-maker table tbody tr td .img-wrapper img {
        max-width: 21px;
        max-height: 21px;
        width: auto;
        height: auto
    }
}

@media screen and (max-width:575.98px) {
    .games-by-same-maker table tbody tr td.game-name {
        width: 80px
    }
}

.games-by-same-maker table tbody tr:last-of-type td {
    border-bottom: unset
}

.games-by-same-maker .similar-game-wrapper .row .similar-game-item {
    padding-left: 0
}

@media screen and (min-width:767.98px) {
    .games-by-same-maker {
        padding-left: 0;
        margin-right: 20px
    }
}

@media screen and (max-width:575.98px) {
    .games-by-same-maker {
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 10px
    }
}

#mobile-review-modal {
    background: rgba(0, 0, 0, .8)
}

#mobile-review-modal .modal-dialog .modal-content {
    background: 0 0;
    border: none;
    box-shadow: none
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-error-message,
#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-success-message {
    display: none;
    z-index: 1;
    height: 90px;
    border-radius: 10px;
    color: #000
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-error-message .content-wrapper,
#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-success-message .content-wrapper {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-error-message .content-wrapper .title,
#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-success-message .content-wrapper .title {
    font-size: 16px;
    font-weight: 700
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-error-message .content-wrapper .content,
#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-success-message .content-wrapper .content {
    font-size: 14px
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-success-message {
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%)
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .mobile-review-error-message {
    background: linear-gradient(180deg, #fc645f 0, #fe2525 100%)
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .image-wrapper img {
    height: 145px;
    width: 214px;
    border-radius: 8px;
    display: block;
    margin: 10px auto
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .mobileRateYo {
    margin: auto;
    width: fit-content
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .mobileRateYo>.jq-ry-group-wrapper>.jq-ry-group>svg {
    margin: 5px
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons {
    display: flex;
    justify-content: center
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons .button {
    margin: 10px
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons .button button {
    box-shadow: 0 0 4px #000;
    border-radius: 60px;
    padding: 5px 20px
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons .submit-button-wrapper .submit-button {
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    border: none
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons .submit-button-wrapper .submit-button i {
    margin-right: 5px
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons .cancel-button-wrapper {
    border-left: 1px solid #fead25;
    border-right: 1px solid #fcf45f;
    border-bottom: 1px solid #fead25;
    border-top: 1px solid #fcf45f;
    border-radius: 22px;
    background-size: 100% 1px;
    background-repeat: no-repeat
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons .cancel-button-wrapper .cancel-button {
    border: none;
    background: 0 0
}

#mobile-review-modal .modal-dialog .modal-content .modal-body .content-wrapper .buttons .cancel-button-wrapper .cancel-button .cancel-text {
    border: 0;
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.game-excerpt.read-more-container {
    display: none
}

@media (min-width:767.98px) {
    .game-excerpt.read-more-container {
        display: block
    }
}

.game-excerpt.read-more-container>p {
    margin-bottom: -8px
}

.game-excerpt.read-more-container .toggle {
    display: inline
}

.game-excerpt.read-more-container.opened .more {
    display: inline
}

@media (min-width:767.98px) {
    .game-excerpt.header {
        display: none
    }
}

.highlights-container {
    margin-left: auto;
    border-width: 1px;
    border-style: solid;
    background: linear-gradient(0deg, #f8f8f8, #f8f8f8);
    border-image: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%) 30
}

@media screen and (min-width:768px) {
    .highlights-container {
        width: 58.5%
    }
}

.highlights-container ul {
    list-style-image: url(/images/svg/highlights-list.svg)
}

.main-block .highlights-container .highlights-title::before {
    background: 0 0;
    content: "";
    padding: 18px
}

.gold-outline-button {
    border: 1px solid transparent;
    background: linear-gradient(#1a1a1a, #1a1a1a) padding-box, linear-gradient(176.17deg, #fcf45f 10%, #fead25 93.33%) border-box
}

.gold-outline-button * {
    background: -webkit-linear-gradient(#fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.game-info-wrapper form#login-form #login-form-submit {
    position: relative;
    border: none;
    background: 0 0;
    background: 0 0;
    color: #f7b119
}

.game-info-wrapper form#login-form #login-form-submit::after {
    content: "";
    border: solid transparent;
    border-width: 1px;
    border-radius: 100px;
    position: absolute;
    inset: 0;
    background: linear-gradient(0, #f2960e, #f7b119) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.game-info-wrapper form#login-form #login-form-submit span {
    background: linear-gradient(0, #f2960e, #f7b119);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.game-info-wrapper form#login-form #login-form-submit>div:not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: center
}

.game-play-info {
    background-color: #1a1a1a
}

.game-play-info.casino-promotions-page .game-info-wrapper {
    padding-top: 40px
}

.game-play-info.play-for-real-info>div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.game-play-info #info-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #1a1a1a;
    overflow-y: scroll
}

.game-play-info #info-modal .modal-dialog .modal-content {
    max-width: 575.98px;
    height: 100%;
    background: #1a1a1a;
    margin: auto;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 10px 20px
}

.game-play-info #info-modal .modal-dialog .modal-content .close-icon-wrapper {
    text-align: right
}

.game-play-info #info-modal .modal-dialog .modal-content .content {
    padding: 20px 0
}

.game-play-info #info-modal .modal-dialog .modal-content .content * {
    color: #fff
}

.game-play-info .footer {
    max-width: 575.98px;
    margin-top: auto;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center
}

.game-play-info .divider {
    display: flex;
    margin: 5px 90px;
    align-items: center
}

.game-play-info .divider hr {
    flex-grow: 1
}

.game-play-info .divider div {
    margin: 0 10px
}

.game-info-wrapper {
    max-width: 575.98px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%
}

.game-info-wrapper .header {
    display: flex;
    justify-content: space-between;
    margin: 10px 20px
}

.game-info-wrapper .header .icon-button {
    width: 20px;
    height: 20px
}

.game-info-wrapper .header .icon-button.close-icon {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%)
}

.game-info-wrapper .header .stmp-logo {
    height: 20px
}

.game-info-wrapper .alert-text {
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: .5em 40px
}

@media (min-width:767.98px) {
    .game-info-wrapper .alert-text {
        margin: 20px 40px
    }
}

.game-info-wrapper .alert-text i {
    font-size: 40px
}

@media (min-width:320px) and (max-width:1200px) {
    .game-info-wrapper .alert-text i {
        font-size: 25px
    }
}

.game-info-wrapper .rtp-info {
    color: transparent;
    font-family: Inter, sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin: .5em;
    background: linear-gradient(0, #f2960e, #f7b119);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

@media (min-width:767.98px) {
    .game-info-wrapper .rtp-info {
        margin: 2em 0 0
    }
}

.game-info-wrapper .volatility {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 3em 0 0;
    flex-grow: 1
}

.game-info-wrapper .volatility img {
    width: 6.5em
}

.game-info-wrapper .volatility .link {
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #f2960e;
    background: linear-gradient(0, #f2960e, #f7b119);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.game-info-wrapper .view-deposit-limit-link {
    margin: 1em 0;
    align-self: center
}

.game-info-wrapper .view-deposit-limit-link a {
    color: #ea4e10;
    text-decoration: underline
}

.game-info-wrapper .main-block.auth.login {
    min-height: unset;
    padding-top: 0
}

@media (min-width:767.98px) {
    .game-info-wrapper .main-block.auth.login .container {
        background: unset;
        border: unset;
        margin: 0 auto;
        width: unset;
        padding: unset
    }
}

.game-info-wrapper .main-block.auth.login .container #show-login-form-button[aria-expanded=true] {
    display: none
}

.game-info-wrapper .main-block.auth.login .container form#login-form {
    margin-top: 0
}

.game-info-wrapper .main-block.auth.login .container form#login-form .label-row {
    display: none
}

.game-info-wrapper .main-block.auth.login .container form#login-form #login-form-submit {
    margin: 10px auto
}

.game-info-wrapper .main-block.auth.login .container form#login-form .input-row {
    padding-right: 0;
    justify-content: space-around
}

.game-info-wrapper .main-block.auth.login .container form#login-form .input-row>.col-xs-11 {
    padding: 0
}

.game-info-wrapper .main-block.auth.login .container form#login-form .input-row input {
    max-width: 320px;
    margin: 0 auto
}

.game-info-wrapper .main-block.auth.login .container form#login-form .pw-wrapper {
    max-width: 320px;
    margin: 0 auto
}

.game-info-wrapper .loading-spinner {
    height: 80px;
    width: 80px;
    margin-top: 100px
}

.game-info-wrapper .button-group .play-game-button {
    font-family: Inter, sans-serif;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px
}

.game-info-wrapper .play-game-button,
.game-info-wrapper form#login-form #login-form-submit {
    width: 320px;
    height: 44px;
    line-height: 44px
}

.game-info-wrapper .game-image {
    width: 45%;
    border-radius: 10px;
    margin-top: 30px;
    width: 214px;
    height: 145px
}

.header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #1a1a1a
}

.header.sticky .icon-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 575.98px;
    margin: 0 auto
}

.header.sticky .icon-wrapper .icon-button {
    width: 20px;
    height: 20px
}

.header.sticky .icon-wrapper .stmp-logo {
    height: 25px
}

.promotion-list {
    color: #fff
}

.promotion-list.no-result-container {
    height: 60%
}

.promotion-list .no-results {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 12px 0;
    color: #d4603c
}

.promotion-list .card {
    margin: 20px;
    position: relative
}

.promotion-list .card .ribbon {
    position: absolute;
    left: -5px;
    z-index: 1;
    overflow: hidden;
    width: 85px;
    height: 85px;
    text-align: right
}

.promotion-list .card .ribbon span {
    font-size: 10px;
    font-weight: 700;
    color: #202c2b;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 110px;
    display: block;
    background: linear-gradient(176.62deg, #fcf45f 10%, #fead25 93.33%);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 22px;
    left: -22px
}

.promotion-list .card .ribbon span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79a70a;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79a70a
}

.promotion-list .card .ribbon span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #79a70a;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79a70a
}

.promotion-list .card .card-body {
    display: flex;
    justify-content: space-evenly;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px 0
}

.promotion-list .card .card-body>div {
    max-width: 80%;
    margin: auto 10px;
    flex: 1
}

.promotion-list .card .card-body .logo {
    max-width: 80%;
    margin-bottom: 10px
}

.promotion-list .card .card-body .play-button {
    color: #fff;
    max-width: 80%;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    font-family: Inter, sans-serif
}

.promotion-list .card .card-body .promo-title a {
    color: #fff;
    text-align: center;
    font-family: Lexend, sans-serif;
    font-weight: 700;
    margin-bottom: 10px
}

.promotion-list .card .card-footer {
    background-color: #fff;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.promotion-list .card .card-footer .show-control,
.promotion-list .card .card-footer .tc-link,
.promotion-list .card .card-footer .tc-text {
    color: #000
}

.promotion-list .card .card-footer .tc-link {
    text-decoration: underline
}

.promotion-list .card .card-footer .show-control {
    font-weight: 700;
    text-decoration: underline;
    white-space: nowrap
}

.promotion-list .card .card-footer .show-control.more {
    display: none
}

.promotion-list .card .card-footer .show-control.less {
    display: inline-block
}

.promotion-list .card .card-footer.collapsed {
    display: flex
}

.promotion-list .card .card-footer.collapsed .tc-text {
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
    margin-right: 6px;
    margin-left: .25em
}

.promotion-list .card .card-footer.collapsed .show-control.more {
    display: inline-block
}

.promotion-list .card .card-footer.collapsed .show-control.less {
    display: none
}

.max-xs {
    max-width: 575.98px
}

.test-record {
    position: relative
}

.test-record .details,
.test-record .general {
    z-index: 1;
    position: relative;
    transform: perspective(100vw);
    backface-visibility: hidden;
    transition: rotate .6s;
    padding-bottom: 1em
}

.test-record .general {
    rotate: y 180deg;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column
}

.test-record .general .data {
    overflow-y: auto
}

.test-record .general .data.info {
    flex: 1;
    padding: 3em
}

.test-record .details {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 3px;
    color: #686868
}

.test-record .details .item {
    border-bottom: 1px solid #686868;
    margin: 0 1em;
    display: flex;
    justify-content: space-between;
    line-height: 3
}

.test-record .details .item .value {
    font-family: Inter, sans-serif
}

.test-record .details .item a {
    color: #000
}

@media (min-width:320px) and (max-width:1200px) {
    .test-record .details .item {
        flex-direction: column;
        text-align: center;
        line-height: 2
    }

    .test-record .details .item .item-label span {
        display: none
    }

    .test-record .details .item .item-label,
    .test-record .details .item .value {
        margin: 0 1em
    }
}

.test-record.flipped .general {
    rotate: none
}

.test-record.flipped .details {
    rotate: y 180deg
}

.test-record::after {
    opacity: 20%;
    background: #fdec9c
}

.test-record::before {
    opacity: 10%;
    background: url(/images/stmp_footer_bg_new.png) repeat
}

.test-record::after,
.test-record::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 15px
}

.test-record .heading {
    position: relative;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #5a5a5a;
    font-weight: 600;
    letter-spacing: 1px
}

.test-record .heading::before {
    content: "";
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    position: absolute;
    opacity: 30%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: -1
}

.test-record .heading .information {
    letter-spacing: 0;
    position: absolute;
    line-height: 1;
    top: 50%;
    translate: -50% -50%;
    left: 5%;
    text-align: center;
    user-select: none;
    color: #000;
    cursor: pointer
}

.test-record .heading .information:not(.back-button) {
    width: 1em;
    height: 1em;
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    outline: 3px solid rgba(0, 0, 0, .5);
    border-radius: 50px
}

.test-record .heading .information.back-button {
    font-size: 15px;
    translate: 0 -50%;
    left: 2.5%;
    cursor: pointer
}

.test-record .heading .information.back-button .glyphicon {
    font-size: inherit;
    top: 0;
    color: #5a5a5a
}

.test-record .heading .information.back-button span {
    color: #6e6c66;
    font-weight: 600
}

@media (min-width:320px) and (max-width:1200px) {
    .test-record .heading .information.back-button span {
        display: none
    }
}

@media (min-width:320px) and (max-width:1200px) {
    .test-record .heading {
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 58px
    }

    .test-record .heading .information {
        line-height: 1;
        left: 10%;
        font-size: 25px
    }
}

.test-record .footer {
    height: 131px;
    display: flex;
    margin-top: 1em
}

.test-record .footer img {
    object-fit: contain;
    max-height: 100%;
    margin: auto
}

@media (min-width:320px) and (max-width:1200px) {
    .test-record .footer {
        flex-direction: column;
        height: auto;
        gap: 25px
    }

    .test-record .footer img {
        max-height: 180px
    }
}

.game-container-wrapper .play-demo {
    justify-content: space-between
}

.game-container-wrapper .game-tile-wrapper {
    margin-top: 100px
}

.game-container-wrapper .play-game-button-wrapper p {
    color: #fff;
    font-size: 18px
}

.game-container-wrapper .play-game-button-wrapper .play-game-button {
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0
}

.game-container-wrapper .play-game-button-wrapper .play-game-button img {
    width: 16px;
    filter: brightness(0) saturate(1)
}

.game-container-wrapper .play-game-button-wrapper .play-game-button i {
    padding-right: 1ch
}

@media (min-width:767.98px) {
    .game-container-wrapper .play-game-button-wrapper .play-game-button {
        max-width: 220px
    }
}

.game-container-wrapper .play-game-button-wrapper .play-game-button:hover {
    text-decoration: none
}

.game-container-wrapper .age-restriction-wrapper img {
    margin-bottom: 25px
}

.game-container-wrapper .age-restriction-wrapper p {
    color: #fff;
    font-size: 12px
}

.square .game-bl {
    height: 132px;
    position: relative
}

@supports (aspect-ratio:1) {
    .square .game-bl {
        aspect-ratio: 1
    }
}

@supports not (aspect-ratio:1) {
    .square .game-bl {
        position: relative
    }

    .square .game-bl::after,
    .square .game-bl::before {
        content: ""
    }

    .square .game-bl::before {
        float: left;
        padding-top: 100%
    }

    .square .game-bl::after {
        clear: both;
        display: block
    }
}

.square .game-bl img {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover
}

.wv-disclaimer {
    color: #fff;
    background-color: #000;
    font-size: 13px;
    padding: 0 1em .5em;
    font-weight: 700;
    line-height: normal
}

@media (min-width:320px) and (max-width:1200px) {
    .wv-disclaimer {
        color: #999;
        background: 0 0;
        padding: 0;
        font-size: 11px
    }
}

.demo-play-wrapper .wv-disclaimer {
    font-size: 10px
}

.play-game-button {
    width: min(320px, 85vw);
    height: 44px;
    line-height: 44px;
    margin: 10px auto;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 15px
}

.play-game-button.yellow-gradient-button {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.play-game-button.yellow-gradient-button img {
    filter: brightness(0) saturate(1);
    width: 16px
}

.play-game-button.transparent-button {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.game-frame-actions .write-review span,
.linear-gradient-yellow-text {
    background: linear-gradient(0, #f2960e, #f7b119);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    border: 0
}

.slot-of-the-week {
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 15px;
    margin: 10px 0 40px;
    border-radius: 15px
}

@media (max-width:767px) {
    .slot-of-the-week {
        display: block
    }
}

.slot-of-the-week .slots-info {
    padding-left: 25px
}

.slot-of-the-week .slots-info .title {
    margin: 10px 0
}

.slot-of-the-week .slots-info .title p {
    font-family: Lexend, sans-serif;
    font-style: normal;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    display: inline-flex;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-left: 5px;
    vertical-align: bottom
}

.slot-of-the-week .slots-info .slot-name {
    font-family: Skranji, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 52px;
    line-height: 71px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    background: linear-gradient(0, #f2960e, #f7b119);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

@media (max-width:575px) {
    .slot-of-the-week .slots-info .slot-name {
        font-size: 32px;
        line-height: 43px
    }
}

.slot-of-the-week .slots-info .description {
    font-family: Lexend, sans-serif;
    font-style: normal;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-align: justify
}

.slot-of-the-week .slots-play {
    margin: auto
}

.slot-of-the-week .slots-play .from {
    position: relative;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-top: 10px
}

@media (max-width:575px) {
    .slot-of-the-week .slots-play .from {
        transform: translate(-50%, 0);
        left: 50%
    }
}

.slot-of-the-week .slots-play .from p {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin: auto
}

.slot-of-the-week .slots-play .from img {
    margin: auto;
    display: block
}

.slot-of-the-week .slots-play a {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(0, #f2960e, #f7b119);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    outline: 0;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3333333333em;
    text-transform: uppercase
}

.slot-of-the-week .slots-play a svg {
    margin-bottom: 2px
}

@media (max-width:575px) {
    .slot-of-the-week .slots-play a {
        margin: auto
    }
}

.slot-of-the-week .game-logo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-width: 245px
}

@media (max-width:575px) {
    .slot-of-the-week .game-logo {
        height: 200px
    }
}

.not-found-wrapper .not-found-title {
    font-size: 28px;
    display: block;
    margin-bottom: 20px;
    font-weight: 700
}

.not-found-wrapper .not-found-subtitle {
    font-size: 220px;
    line-height: 100%;
    display: block;
    font-weight: 300;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #2c3e40
}

@media screen and (max-width:467px) {
    .not-found-wrapper .not-found-subtitle {
        font-size: 180px
    }
}

@media screen and (max-width:385px) {
    .not-found-wrapper .not-found-subtitle {
        font-size: 120px
    }
}

.author {
    font-style: normal;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #686868
}

.author .image-wrapper img {
    border-radius: 50%;
    height: 37px;
    width: 37px;
    margin-left: 10px;
    object-fit: cover
}

.authors .main-block .authors-container .row .authors-column .authors-row {
    display: flex;
    flex-wrap: wrap
}

.authors .main-block .authors-container .row .authors-column .authors-row .author {
    padding: 10px
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper {
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    border-radius: 10px;
    width: -webkit-fill-available;
    height: 100%;
    display: flex;
    flex-direction: column
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-img img {
    border-radius: 10px 10px 0 0;
    height: 140px;
    width: 100%;
    object-fit: cover
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-name {
    color: #3c3c3c;
    font-size: 18px;
    padding: 15px 15px 7px
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-description {
    color: #8b8b8b;
    font-size: 12px;
    padding: 7px 15px 0
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-links {
    display: flex
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-links .item {
    padding: 15px
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-articles {
    display: flex;
    font-size: 12px;
    align-items: center
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-articles .article-content {
    padding: 0 10px 10px;
    line-height: 20px
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-articles .article-content .article-type {
    color: #3c3c3c
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .author-articles .article-content .article-title {
    color: #d0882e
}

.authors .main-block .authors-container .row .authors-column .authors-row .author .author-content-wrapper .more-reviews-wrapper {
    margin-top: auto;
    padding: 0 0 15px 10px
}

.authors .main-block .authors-container .row .mk-sidebar .right-side-portfolio .row h3 {
    padding-left: 15px
}

.authors .main-block .author-container .row .author-image {
    height: min-content
}

.authors .main-block .author-container .row .author-image img {
    height: 160px;
    width: 160px;
    object-fit: cover;
    border-radius: 10px
}

.authors .main-block .author-container .row .author-details .author-name {
    color: #202c2b;
    font-size: 24px;
    padding: 15px 0;
    font-weight: 700
}

.authors .main-block .author-container .row .author-details .author-description {
    color: #8b8b8b
}

.authors .main-block .author-container .row .author-details .author-links {
    display: flex
}

.authors .main-block .author-container .row .author-details .author-links .item {
    padding: 15px 20px 0 0
}

.authors .main-block .author-container .row .articles-wrapper {
    margin-top: 50px
}

.authors .main-block .author-container .row .articles-wrapper .article-row {
    display: flex;
    flex-wrap: wrap
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article {
    padding: 10px
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .article-wrapper {
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    border-radius: 10px;
    width: -webkit-fill-available;
    height: 100%;
    display: flex;
    flex-direction: column
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .article-wrapper .article-img {
    margin: 0
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .article-wrapper .article-img img {
    width: 100%
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .article-wrapper .article-type {
    color: #6cb668;
    font-size: 12px;
    padding: 15px;
    font-weight: 700
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .article-wrapper .article-title {
    font-size: 18px;
    color: #3c3c3c;
    padding: 0 15px 15px;
    margin: 0 0 10px;
    font-weight: 700;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .article-wrapper .article-content-beginning {
    font-size: 12px;
    color: #8b8b8b;
    padding: 0 15px;
    line-height: 1.5em;
    max-height: 6em;
    overflow: hidden
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .article-wrapper .read-more {
    font-size: 12px;
    font-weight: 700;
    margin-top: auto;
    padding: 15px
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .empty-article-wrapper {
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    border-radius: 0 0 10px 10px;
    width: -webkit-fill-available;
    height: 87px;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.authors .main-block .author-container .row .articles-wrapper .article-row .article .empty-article-wrapper .empty-text {
    color: #8b8b8b;
    font-size: 12px
}

.authors .main-block .author-container .row .articles-wrapper .load-more-button-wrapper {
    display: flex;
    justify-content: center;
    padding: 20px
}

.authors .main-block .author-container .row .articles-wrapper .load-more-button-wrapper .load-more-button {
    outline: 0;
    border: none;
    background: #f8f8f8;
    border-radius: 60px;
    font-size: 16px;
    color: #daa35d;
    font-weight: 700;
    padding: 10px 25px
}

.demo-play-wrapper,
body.demo-play-advert,
html.demo-play-advert {
    height: 100%;
    margin: 0;
    padding: 0
}

.demo-play-wrapper {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column
}

.demo-play-wrapper>div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.demo-play-wrapper a {
    color: #fff
}

.demo-play-wrapper .game-area {
    flex-grow: 1;
    background: #000
}

.demo-play-wrapper .game-area iframe {
    border: none;
    width: 100%;
    height: 100%
}

.demo-play-wrapper .promotion-container {
    background-position: center;
    height: 20%
}

.demo-play-wrapper .promotion-container .promotion-wrapper {
    overflow: scroll
}

.demo-play-wrapper .promotion-container .promotion-front {
    padding: 5px 20px;
    row-gap: 10px
}

@media (orientation:portrait) {
    .demo-play-wrapper .promotion-container .promotion-front {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center
    }
}

@media (orientation:landscape) {
    .demo-play-wrapper .promotion-container .promotion-front {
        flex-direction: row;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between
    }

    .demo-play-wrapper .promotion-container .promotion-front .promotion-image {
        order: 1;
        flex-shrink: 1;
        width: 100px
    }

    .demo-play-wrapper .promotion-container .promotion-front .promotion-text-wrapper {
        order: 2;
        flex-shrink: 1
    }

    .demo-play-wrapper .promotion-container .promotion-front .promotion-cta-button {
        order: 3;
        flex-shrink: 1
    }
}

.demo-play-wrapper .promotion-container .promotion-front .promotion-image img {
    width: 100px
}

.demo-play-wrapper .promotion-container .promotion-front .promotion-cta-button {
    border: none;
    border-radius: 91px;
    background: linear-gradient(162deg, #59d069 8.28%, #23902f 91.72%);
    width: 160px;
    height: 45px;
    font-weight: bolder
}

.demo-play-wrapper .promotion-container .promotion-front .promotion-cta-button i {
    color: #000;
    margin-right: 5px
}

@media (max-width:568px) {
    .demo-play-wrapper .promotion-container .promotion-front .promotion-cta-button {
        width: 130px;
        height: 40px;
        font-size: small
    }
}

.demo-play-wrapper .promotion-container .promotion-front .promotion-text-wrapper {
    padding: 0 10px
}

.demo-play-wrapper .promotion-container .promotion-front .promotion-text-wrapper .promotion-title {
    font-weight: 700;
    font-size: 20px
}

.demo-play-wrapper .promotion-container .promotion-front .promotion-text-wrapper .promotion-subtitle {
    margin-top: 5px
}

.demo-play-wrapper .promotion-container .promotion-front .promotion-text-wrapper .promotion-subtitle a.more-info {
    text-decoration: underline
}

.demo-play-wrapper .promotion-container .promotion-back {
    padding: 5px 10px;
    line-height: 150%;
    text-align: justify;
    overflow: scroll
}

@media (max-width:320px) {
    .demo-play-wrapper .promotion-container .promotion-back {
        font-size: .6em
    }
}

.demo-play-wrapper .promotion-container .promotion-back .more-info-back {
    padding: 5px;
    text-decoration: underline;
    display: block
}

.demo-play-wrapper .promotion-container .promotion-back .promotion-back-text {
    overflow: scroll;
    word-wrap: break-word
}

.demo-play-wrapper .promotion-container .promotion-back .promotion-back-text .tc-text * {
    color: #fff;
    font-size: 12px
}

.tep-banner-wrapper {
    padding-left: 80px;
    padding-right: 80px;
    height: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.tep-banner-wrapper .tep-banner-info-wrapper .tep-banner-title {
    font-family: Lexend, sans-serif;
    color: #fff;
    font-size: calc(15px + 10 * (100vw - 300px)/ 1620);
    margin-bottom: 15px;
    line-height: 40px;
    font-weight: 700;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5))
}

@media (min-width:991.98px) {
    .tep-banner-wrapper .tep-banner-info-wrapper .tep-banner-title {
        margin-bottom: 30px
    }
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: baseline
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .tep-banner-button {
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: .5em
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .tep-banner-button svg {
    margin: 0 0 2px .5em
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .tep-banner-button .glyphicon {
    margin-right: 5px
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .tep-banner-button svg {
    margin-top: 1px
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .tep-terms-and-conditions-text {
    text-align: left;
    color: #f8f8f8;
    font-size: 11px;
    width: 100%
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .blue-button {
    color: #000;
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .neon-blue-button {
    color: #fff;
    background: #3250ff
}

.tep-banner-wrapper .tep-banner-info-wrapper .white-text {
    color: #fff
}

.tep-banner-wrapper .tep-banner-info-wrapper .yellow-text {
    background: linear-gradient(0, #f2960e, #f7b119);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.tep-banner-wrapper .tep-banner-game-img {
    max-height: 90%;
    max-width: 55%;
    max-height: 90%
}

.mobile-tep-banner-wrapper {
    position: relative;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.mobile-tep-banner-wrapper .info-wrapper a svg {
    margin-top: -2px
}

.mobile-tep-banner-wrapper .mobile-tep-banner-game-img {
    max-width: 90%;
    margin: 10px 0;
    max-height: 200px;
    object-fit: cover
}

.mobile-tep-banner-wrapper .mobile-tep-banner-title {
    color: #fff;
    font-family: Lexend, sans-serif;
    font-size: 27px;
    width: 68%;
    margin: 0 auto 30px;
    line-height: 30px;
    font-weight: 800;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5))
}

.mobile-tep-banner-wrapper .mobile-tep-banner-button {
    align-self: center;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    margin: 0 auto
}

.mobile-tep-banner-wrapper .mobile-tep-banner-button .glyphicon {
    padding-right: 5px
}

.mobile-tep-banner-wrapper .mobile-tep-banner-button svg {
    margin: 0 0 2px .5em
}

.mobile-tep-banner-wrapper .mobile-tep-banner-button.neon-blue-button {
    background: #3250ff;
    color: #fff
}

.mobile-tep-banner-wrapper .white-text {
    color: #fff
}

.mobile-tep-banner-wrapper .yellow-text {
    background: linear-gradient(0, #f2960e, #f7b119);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.mobile-tep-banner-wrapper .blue-button {
    color: #000;
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.mobile-tep-banner-wrapper .mobile-tep-terms-and-conditions-text {
    text-align: left;
    width: 100%;
    font-weight: 700;
    color: #f8f8f8;
    margin: 20px 0 0;
    font-size: 11px;
    padding: 0 30px 20px
}

.tep-site-advert-footer {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 10
}

.tep-site-advert-footer .desktop-container {
    height: 125px
}

.tep-site-advert-footer .desktop-container .tep-site-advert-footer-close-icon {
    position: relative;
    top: -8px;
    left: 11vw
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper {
    position: fixed;
    bottom: 0;
    height: 105px;
    background-image: url(/images/tep-site-advert/background.png);
    background-size: cover;
    width: 100%
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row {
    background-size: cover;
    width: 80%;
    height: 90px;
    margin: 10px auto;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 80px;
    margin-top: auto
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row .content .slots-tournament-image {
    width: 180px
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row .content .tagline p {
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row .button .footer-link {
    color: #000
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row .button .footer-link .footer-button {
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    box-shadow: 0 0 14.35px #000;
    border-radius: 65px;
    border: none;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row .button .footer-link .footer-button .glyphicon {
    margin-right: 5px
}

.tep-site-advert-footer .desktop-container .desktop-footer-content-wrapper .content-container .content-row .flex-item {
    margin: 0 15px
}

.tep-site-advert-footer .mobile-container {
    height: 75px
}

.tep-site-advert-footer .mobile-container .tep-site-advert-footer-close-icon {
    position: relative;
    top: -72px
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper {
    position: fixed;
    bottom: 44px;
    height: inherit;
    width: 100%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 70px
}

@media screen and (max-width:375px) {
    .tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-content {
        height: 60px
    }
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-content .mobile-slots-tournament-image {
    width: 220px
}

@media screen and (max-width:375px) {
    .tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-content .mobile-slots-tournament-image {
        width: 180px
    }
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-content .mobile-tagline p {
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 14px
}

@media screen and (max-width:375px) {
    .tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-content .mobile-tagline p {
        font-size: 11px
    }
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-button .mobile-footer-link {
    color: #000
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-button .mobile-footer-link .mobile-footer-button {
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    box-shadow: 0 0 14.35px #000;
    border-radius: 65px;
    border: none;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

@media screen and (max-width:375px) {
    .tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-button .mobile-footer-link .mobile-footer-button {
        padding: 5px 15px
    }
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .mobile-button .mobile-footer-link .mobile-footer-button .glyphicon {
    margin-right: 5px
}

.tep-site-advert-footer .mobile-container .mobile-footer-content-wrapper .flex-item {
    margin: 0 10px
}

.game-page-picture-wrapper {
    position: relative
}

.game-page-picture-wrapper .question-mark-icon-game-page {
    position: absolute;
    margin-top: 2vh;
    right: 14px;
    cursor: pointer
}

.game-page-picture-wrapper .content-hidden-label-game-page {
    position: absolute;
    font-weight: 700;
    top: 0;
    right: 45px;
    font-size: 11px;
    margin-top: 2vh;
    color: #fff
}

.game-page-picture-wrapper .sign-up-link-game-page {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 13vh;
    text-align: center;
    line-height: normal;
    font-size: 11px;
    text-decoration: underline;
    font-weight: 700
}

.game-page-picture-wrapper #sign-up-link-game-page {
    color: #fff
}

.game-page-picture-wrapper .sign-up-text-game-page {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    font-weight: 900;
    font-size: 11px;
    line-height: 120%;
    margin-top: 6vh;
    text-align: center
}

.blurred {
    overflow: hidden;
    border-radius: 10px;
    min-width: 80px
}

.blurred .blurredImg {
    filter: blur(5px)
}

.content-hidden-label {
    color: #fff;
    position: absolute;
    font-weight: 700;
    font-size: small;
    top: 0;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center
}

@media screen and (max-width:651px) {
    .content-hidden-label {
        font-size: 10px
    }
}

.sign-up-text {
    color: #fff;
    position: absolute;
    top: 0;
    font-weight: 700;
    font-size: x-small;
    text-align: center;
    margin: 20% 10% 0;
    left: 0;
    right: 0
}

@media screen and (max-width:618px) {
    .sign-up-text {
        font-size: 9px
    }
}

@media screen and (max-width:352px) {
    .sign-up-text {
        font-size: 7px
    }
}

.sign-up-link {
    position: absolute;
    color: #fff;
    top: 0;
    margin-top: 40%;
    text-align: center;
    line-height: normal;
    font-size: small;
    text-decoration: underline;
    font-weight: 700;
    left: 0;
    right: 0
}

@media screen and (max-width:618px) {
    .sign-up-link {
        font-size: 9px
    }
}

@media screen and (max-width:352px) {
    .sign-up-link {
        font-size: 8px
    }
}

.sign-up-link:hover {
    color: #fff
}

@media screen and (max-width:575.98px) {
    .blurred-text {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }
}

.exit-icon {
    display: none;
    position: absolute;
    color: #fff;
    top: 0;
    margin-top: 11%;
    margin-left: 71%;
    cursor: pointer
}

@media screen and (max-width:618px) {
    .exit-icon {
        margin-left: 68%;
        width: 13px
    }
}

@media screen and (max-width:352px) {
    .exit-icon {
        margin-left: 64%;
        width: 11px
    }
}

.responsible-gaming-container .read-more {
    font-weight: 700
}

.responsible-gaming-container .swiper-wrapper {
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.responsible-gaming-container .swiper-wrapper .swiper-header {
    display: flex;
    flex-direction: row;
    margin: 20px 5vw
}

.responsible-gaming-container .swiper-wrapper .swiper-header .swiper-header-badge {
    min-width: 60px;
    max-height: 61px
}

.responsible-gaming-container .swiper-wrapper .swiper-header .swiper-header-content {
    margin: 10px
}

.responsible-gaming-container .swiper-wrapper .swiper-header .swiper-header-content .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container {
    width: auto !important;
    margin: 0 5%
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper #responsible-gaming-slider {
    display: flex;
    padding-bottom: 20px
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper #responsible-gaming-slider .keen-slider__slide {
    background-color: #f8f8f8;
    border-radius: 10px;
    height: 220px
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper #responsible-gaming-slider .keen-slider__slide .slide-item-icon {
    padding: 20px
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper #responsible-gaming-slider .keen-slider__slide .slide-item-icon .img-responsive {
    display: block;
    margin: auto;
    width: auto !important
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper #responsible-gaming-slider .keen-slider__slide .slide-item-content {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 0 10px
}

@media (max-width:768px) {
    .responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper #responsible-gaming-slider .keen-slider__slide .slide-item-content {
        font-size: 14px
    }
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper #responsible-gaming-slider .keen-slider__slide a {
    text-decoration: none
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper .dots {
    display: flex;
    justify-content: center;
    padding-bottom: 10px
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper .dots .dot {
    border: none;
    width: 6px;
    height: 6px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 2px;
    cursor: pointer
}

.responsible-gaming-container .swiper-wrapper .responsible-gaming-slider-container .navigation-wrapper .dots .dot--active {
    background: #686868
}

.responsible-gaming-container .informations-wrapper>div[class^=col-]:first-child {
    padding-left: 0
}

.responsible-gaming-container .informations-wrapper>div[class^=col-]:last-child {
    padding-right: 0
}

.information-item {
    padding: 20px
}

.information-item .information-item-wrapper {
    height: 430px;
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.information-item .information-item-wrapper .information-item-icon {
    padding: 25px
}

.information-item .information-item-wrapper .information-item-icon .img-responsive {
    display: block;
    margin: auto;
    width: auto !important
}

.information-item .information-item-wrapper .information-item-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center
}

.information-item .information-item-wrapper .information-item-content {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    color: #686868;
    padding: 20px 20px 0
}

.information-item .information-item-wrapper .information-item-content .list {
    padding-left: 20px;
    position: absolute;
    left: 32%
}

.information-item .information-item-wrapper .information-item-content .list .list-item {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left
}

.information-item .information-item-wrapper .information-item-content .list .deposit-limit {
    list-style-image: url(/images/icons/responsible-gaming/information-icons/deposit-limit.png)
}

.information-item .information-item-wrapper .information-item-content .list .loss-limit {
    list-style-image: url(/images/icons/responsible-gaming/information-icons/loss-limit.png)
}

.information-item .information-item-wrapper .information-item-content .list .time-out {
    list-style-image: url(/images/icons/responsible-gaming/information-icons/time-out.png)
}

.information-item .information-item-wrapper .information-item-content .list .reality-checks {
    list-style-image: url(/images/icons/responsible-gaming/information-icons/reality-checks.png)
}

.information-item .information-item-wrapper .information-item-content .list .self-exclusion {
    list-style-image: url(/images/icons/responsible-gaming/information-icons/self-exclusion.png)
}

.information-item .information-item-wrapper .information-item-content .list .self-assessment {
    list-style-image: url(/images/icons/responsible-gaming/information-icons/self-assessment.png)
}

.information-item .information-item-wrapper .information-item-link-to-page {
    padding: 20px 20px 0
}

.information-item .information-item-wrapper .information-item-link-to-page .link-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left
}

.information-item .information-item-wrapper .information-item-link-to-page a {
    font-size: 12px
}

.information-item .information-item-wrapper .information-item-link-to-page a[href] {
    word-wrap: break-word
}

.information-item .information-item-wrapper .read-more {
    text-align: center;
    position: absolute;
    bottom: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.information-item .information-item-wrapper .information-item-note {
    padding: 20px 20px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left
}

@media (min-width:992px) {
    .responsible-gaming-information-slider-container {
        display: none
    }
}

.responsible-gaming-information-slider-container #responsible-gaming-information-slider {
    display: flex !important
}

.responsible-gaming-information-slider-container .dots {
    display: flex;
    justify-content: center;
    padding-bottom: 10px
}

.responsible-gaming-information-slider-container .dots .dot {
    border: none;
    width: 6px;
    height: 6px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 2px;
    cursor: pointer
}

.responsible-gaming-information-slider-container .dots .dot--active {
    background: #686868
}

.favourite-game-wrapper .icon-wrapper .fa.fa-heart,
.favourite-game-wrapper .icon-wrapper .fa.fa-heart-o {
    position: absolute;
    top: 13px;
    font-size: 25px;
    right: 10%;
    color: #4a4949;
    cursor: pointer
}

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

    .favourite-game-wrapper .icon-wrapper .fa.fa-heart,
    .favourite-game-wrapper .icon-wrapper .fa.fa-heart-o {
        right: calc(0% + 4vw)
    }
}

.favourite-game-wrapper .icon-wrapper .fa.fa-heart-o:hover {
    color: #fff
}

.favourite-game-wrapper .icon-wrapper .fa.fa-heart {
    color: #fff
}

.favourite-game-wrapper .remove-favourite-game-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-right: 30px;
    padding-bottom: 49px;
    text-align: center;
    display: none
}

.favourite-game-wrapper .remove-favourite-game-wrapper .title {
    font-weight: 700;
    color: #fff;
    padding-top: 40px
}

@media screen and (max-width:575.98px) {
    .favourite-game-wrapper .remove-favourite-game-wrapper .title {
        font-size: 12px;
        padding-top: 30px
    }
}

@media screen and (max-width:375px) {
    .favourite-game-wrapper .remove-favourite-game-wrapper .title {
        font-size: 11px
    }
}

.favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper {
    padding-top: 20px
}

@media screen and (max-width:575.98px) {
    .favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper {
        padding-top: 5px
    }
}

.favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper .fav-game-button {
    background: 0 0;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:575.98px) {
    .favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper .fav-game-button {
        font-size: 12px
    }
}

@media screen and (max-width:375px) {
    .favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper .fav-game-button {
        font-size: 10px
    }
}

.favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper .favourite-game-remove-button {
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 80px;
    padding: 5px 10px
}

@media screen and (max-width:575.98px) {
    .favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper .favourite-game-remove-button {
        padding: 0 5px
    }
}

.favourite-game-wrapper .remove-favourite-game-wrapper .favourite-game-button-wrapper .favourite-game-cancel-remove-button {
    border: none
}

.stmp-search-bar form .action-buttons .filter-button.active,
.stmp-search-bar form .item-with-icon.active {
    background: #eef6ee;
    border: 1px solid #4a8f40;
    box-sizing: border-box;
    border-radius: 60px;
    color: #4a8f40;
    font-weight: 700
}

.stmp-search-bar form .action-buttons .filter-button.active img,
.stmp-search-bar form .item-with-icon.active img {
    filter: invert(50%) sepia(59%) saturate(476%) hue-rotate(66deg) brightness(85%) contrast(81%)
}

.col-12>.stmp-search-bar {
    margin: 0 -20px 20px
}

.stmp-search-bar {
    color: #686868
}

@media screen and (max-width:767.98px) {
    .stmp-search-bar {
        width: 100%;
        margin: 0 0 15px;
        padding: 0
    }
}

.stmp-search-bar #mobile-filters {
    left: unset;
    top: 23px;
    width: 70%
}

.stmp-search-bar #mobile-filters .button,
.stmp-search-bar #mobile-filters button:not(.close),
.stmp-search-bar #mobile-filters input {
    font-size: 14px;
    text-transform: uppercase
}

.stmp-search-bar #mobile-filters .modal-dialog {
    height: 100%;
    margin: 0
}

.stmp-search-bar #mobile-filters .modal-dialog .modal-header {
    padding-bottom: 0
}

.stmp-search-bar #mobile-filters .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0;
    background-color: #e3e3e3
}

.stmp-search-bar #mobile-filters .modal-dialog .close {
    font-size: 45px;
    font-weight: 400;
    color: #202c2b;
    opacity: 1
}

.stmp-search-bar #mobile-filters .modal-dialog p {
    font-weight: 700;
    font-size: 18px;
    color: #202c2b;
    margin: 0
}

.stmp-search-bar #mobile-filters .modal-dialog .bar-item {
    padding: 10px 0
}

.stmp-search-bar #mobile-filters .modal-dialog .action-buttons .button:first-child {
    margin-right: 10px;
    color: #202c2b;
    font-weight: 700;
    width: 100%;
    padding: 0 15px
}

.stmp-search-bar #mobile-filters .modal-dialog .action-buttons .button:first-child i.glyphicon {
    color: #202c2b
}

.stmp-search-bar form {
    padding: 15px 20px;
    background-color: #f8f8f8
}

@media (min-width:767.98px) {
    .stmp-search-bar form {
        padding: 15px 40px
    }
}

.stmp-search-bar form .bar-item {
    padding: 0 5px
}

.stmp-search-bar form .item-with-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.stmp-search-bar form .item-with-icon span {
    width: 100%;
    text-align: left
}

.stmp-search-bar form button:not(.close),
.stmp-search-bar form input {
    width: 100%;
    height: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 60px;
    padding: 0 15px;
    background-color: #fff
}

.stmp-search-bar form .search-icon {
    position: absolute;
    padding-right: 15px;
    cursor: pointer
}

.stmp-search-bar form .action-buttons {
    display: flex
}

.stmp-search-bar form .action-buttons .bar-item:first-child {
    width: 62.5%;
    padding-left: 0
}

.stmp-search-bar form .action-buttons .bar-item:last-child {
    padding-right: 0
}

.stmp-search-bar form .action-buttons .bar-item {
    width: 55%;
    padding-top: 15px
}

@media (min-width:767.98px) {
    .stmp-search-bar form .action-buttons .bar-item {
        padding: 0 5px
    }
}

.stmp-search-bar form .action-buttons .bar-item:last-child {
    width: 25%;
    min-width: 105px
}

.stmp-search-bar form .action-buttons .filter-button.desktop-filter-button {
    display: none
}

.stmp-search-bar form .action-buttons .filter-button.mobile-filter-button {
    display: flex
}

@media (min-width:767.98px) {
    .stmp-search-bar form .action-buttons .filter-button.desktop-filter-button {
        display: flex
    }

    .stmp-search-bar form .action-buttons .filter-button.mobile-filter-button {
        display: none
    }
}

.stmp-search-bar form .action-buttons .reset-button-style {
    opacity: .7
}

.stmp-search-bar form .action-buttons .reset-button-style img {
    width: 12px
}

.stmp-search-bar form .action-buttons .reset-button-style.active {
    background: #fdf5ea;
    border: 1px solid #d4603c;
    box-sizing: border-box;
    border-radius: 60px;
    color: #d4603c;
    font-weight: 700;
    opacity: 1
}

.stmp-search-bar form .action-buttons .reset-button-style.active img {
    filter: invert(46%) sepia(75%) saturate(531%) hue-rotate(327deg) brightness(86%) contrast(91%)
}

.stmp-search-bar form .filters {
    display: none;
    margin-top: 15px
}

@media screen and (min-width:768px) {
    .stmp-search-bar form .col-5ths {
        width: 20%;
        float: left
    }
}

.stmp-search-bar form .dropdown-wrapper {
    display: flex;
    justify-content: center
}

.stmp-search-bar form .dropdown-wrapper .input-wrapper {
    width: 85%;
    margin: auto;
    padding-top: 10px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu {
    left: unset;
    margin-top: -12px;
    padding: 0
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu.game-sort {
    left: 5px
}

@media (min-width:767.98px) {
    .stmp-search-bar form .dropdown-wrapper .dropdown-menu.game-sort {
        left: unset
    }
}

@media (min-width:767.98px) {
    .stmp-search-bar form .dropdown-wrapper .dropdown-menu {
        margin-top: -2px
    }
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu.scrollable {
    max-height: 330px;
    overflow: auto;
    background: #fff;
    min-width: 250px;
    max-width: 250px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu.scrollable::-webkit-scrollbar {
    width: 10px;
    padding: 5px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu.scrollable::-webkit-scrollbar-track {
    background: 0 0
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu.scrollable ::-webkit-scrollbar-thumb:hover,
.stmp-search-bar form .dropdown-wrapper .dropdown-menu.scrollable::-webkit-scrollbar-thumb {
    background: #e0e0e0;
    border-radius: 5px;
    height: 20%
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    color: #3c3c3c;
    padding-left: 40px;
    background-position: center left;
    background-size: 32px;
    background-repeat: no-repeat
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu li.selected {
    background-color: #eef6ee;
    color: #4a8f40;
    border-radius: 70px;
    font-weight: 700
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu li:hover:not(.selected) {
    background-color: #f8f8f8;
    border-radius: 70px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu li img {
    margin-right: 10px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu p {
    text-align: center;
    padding: 5px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu .selected-items-row {
    display: flex;
    align-items: center;
    background: #f8f8f8;
    height: 45px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu .selected-items-row .text {
    font-size: 12px;
    line-height: 15px;
    color: #4a8f40;
    padding: 0 20px;
    font-weight: 700;
    width: 60%
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu .selected-items-row .clear-button {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 80px;
    width: 33%;
    height: 33px
}

.stmp-search-bar form .dropdown-wrapper .dropdown-menu .selected-items-row .clear-button button {
    outline: 0;
    border: none;
    padding: 0;
    height: 100%
}

.stmp-search-bar form img {
    max-width: 17px;
    max-height: 14px
}

.stmp-search-bar form.dark-search {
    background-color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 700
}

.stmp-search-bar form.dark-search .game-sort {
    background: #000
}

.stmp-search-bar form.dark-search .action-buttons .reset-button-style {
    position: relative;
    border: none;
    text-decoration: none
}

.stmp-search-bar form.dark-search .action-buttons .reset-button-style>span {
    background: linear-gradient(0, #f6b119, #f2960e);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.stmp-search-bar form.dark-search .action-buttons .reset-button-style>svg {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%)
}

.stmp-search-bar form.dark-search .action-buttons .reset-button-style::after {
    content: "";
    border: solid transparent;
    border-width: 2px;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    background: linear-gradient(0, #f6b119, #f2960e) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.stmp-search-bar form.dark-search .action-buttons .reset-button-style.active {
    border: 0;
    background: 0 0
}

.stmp-search-bar form.dark-search .item-with-icon.active {
    background: unset
}

.stmp-search-bar form.dark-search .item-with-icon.active img {
    filter: brightness(0) invert(1)
}

.stmp-search-bar form.dark-search .item-with-icon.active {
    border-color: #fff;
    color: #fff
}

.stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu.scrollable {
    background-color: #000
}

.stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu .selected-items-row {
    background-color: #000
}

.stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu .selected-items-row .clear-button {
    background-color: transparent;
    color: #fff
}

.stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu .selected-items-row .text {
    color: #fff
}

.stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu li {
    color: #686868
}

.stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu li.selected {
    background-color: rgba(37, 202, 254, .15);
    color: #fff
}

.stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu li:hover:not(.selected) {
    color: unset;
    background-color: unset
}

.stmp-search-bar form.dark-search .button,
.stmp-search-bar form.dark-search button:not(.close),
.stmp-search-bar form.dark-search input {
    background-color: transparent;
    font-size: 14px;
    text-transform: uppercase
}

.stmp-search-bar form.dark-search #mobile-filters .modal-content {
    background-color: #01131e
}

.stmp-search-bar form.dark-search #mobile-filters .modal-content .modal-header {
    border: unset
}

.stmp-search-bar form.dark-search #mobile-filters .modal-content .modal-footer {
    border: unset
}

.stmp-search-bar form.dark-search #mobile-filters .modal-dialog p {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.stmp-search-bar form.dark-search .times-icon-wrapper span {
    background: linear-gradient(0, #f2960e, #f7b119)
}

.stmp-search-bar .times-icon-wrapper {
    position: relative;
    top: 3px;
    display: inline-block
}

.stmp-search-bar .times-icon-wrapper span {
    display: block;
    width: 16px !important;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #202c2b;
    border-radius: 2px;
    z-index: 1;
    transform-origin: 4px 0;
    transform: rotate(45deg) translate(0, 1px)
}

.stmp-search-bar .times-icon-wrapper span:last-of-type {
    transform: rotate(-45deg) translate(-1px, -2px)
}

.stmp-search-bar .times-icon-wrapper.close {
    top: 20px
}

.stmp-search-bar .times-icon-wrapper.close span {
    width: 25px !important;
    transform: rotate(45deg) translate(-4px, -3px)
}

.stmp-search-bar .times-icon-wrapper.close span:last-of-type {
    transform: rotate(-45deg) translate(-1px, -2px)
}

.stmp-search-bar .number-of-games {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.main-block.gameindex {
    padding: 0
}

.slots-list-wrapper {
    padding: 0 30px 30px
}

@media (min-width:991.98px) {
    .slots-list-wrapper {
        padding: 0
    }
}

@media (min-width:1199.98px) {
    .five-cols {
        width: 20%;
        float: left
    }
}

.main-block.slots-by-page {
    padding: 0
}

.items-wrapper {
    padding: 15px
}

.items-wrapper .item-column {
    padding: 10px
}

.items-wrapper .item-column .slots-by-type-wrapper {
    box-shadow: 0 1px 11px rgba(0, 0, 0, .13);
    border-radius: 15px
}

.items-wrapper .item-column .slots-by-type-wrapper .image-wrapper {
    height: 141px
}

.items-wrapper .item-column .slots-by-type-wrapper .image-wrapper a {
    display: block;
    height: 100%
}

.items-wrapper .item-column .slots-by-type-wrapper .image-wrapper a img {
    height: 100%;
    margin: auto;
    object-fit: contain;
    width: 100%
}

.items-wrapper .item-column .slots-by-type-wrapper .content-wrapper {
    background-color: #f8f8f8;
    padding-bottom: 15px
}

.items-wrapper .item-column .slots-by-type-wrapper .content-wrapper .item-name {
    text-align: center;
    padding: 10px;
    font-weight: 700;
    font-size: 16px
}

.items-wrapper .item-column .slots-by-type-wrapper .content-wrapper .games-count {
    text-align: center;
    color: #686868;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #686868;
    margin: auto;
    width: fit-content;
    padding: 0 10px;
    border-radius: 15px
}

.spanis-modal-content {
    padding: 60px 45px;
    display: flex;
    flex-direction: column;
    font-family: Inter, sans-serif;
    font-weight: 700;
    background: url(/images/review_content_background.png);
    background-position: center;
    border-radius: 0
}

.spanis-modal-content div.flex {
    display: flex;
    justify-content: center;
    align-items: center
}

.spanis-modal-content div.flex img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    object-position: center;
    margin-right: 30px
}

.spanis-modal-content div.flex .title {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Lexend, sans-serif;
    line-height: 1.1;
    color: rgba(255, 255, 255, .7);
    width: 300px
}

.spanis-modal-content .buttons {
    display: flex;
    justify-content: center
}

.spanis-modal-content .buttons button {
    display: inline-block;
    width: auto;
    padding: 0 35px
}

.spanis-modal-content .buttons button:first-of-type {
    margin-right: 20px
}

.spanis-modal-content .buttons button:hover {
    filter: brightness(110%)
}

.spanis-modal-content .text {
    font-size: 22px;
    color: #fff
}

.content-container #terms-conditions-content {
    width: 70vw;
    height: 55vh;
    overflow-y: scroll;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%)
}

.content-container #terms-conditions-content a {
    text-decoration: underline
}

.content-container #terms-conditions-content a:focus {
    color: inherit
}

.content-container .terms-conditions-header {
    padding: 10px
}

.content-container .terms-conditions-header .terms-conditions-title {
    font-weight: 700;
    font-size: 24px;
    text-align: center
}

.content-container .terms-conditions-header .terms-conditions-subtitle {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-top: 10px
}

.content-container #accept-button:disabled,
.content-container #accept-button[disabled] {
    -webkit-filter: grayscale(.9);
    filter: grayscale(.9)
}

.content-container ::-webkit-scrollbar {
    width: 10px
}

.content-container ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    background-color: #f8f8f8;
    border-radius: 30px
}

.content-container ::-webkit-scrollbar-thumb {
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    border-radius: 30px
}

.content-container .center-button-group {
    padding: 10px
}

.us-map-container {
    font-family: Skranji, sans-serif;
    color: #fff;
    margin-bottom: 20px
}

.us-map-container .us-map-header {
    background: url(/images/land-based-casinos/land-based-casinos-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px 15px 0 0
}

.us-map-container .us-map-header .us-map-header-text {
    font-size: 16px
}

.us-map-container .mapdiv-container {
    background-color: #202020
}

.us-map-container .mapdiv-container .mapdiv {
    width: 80%;
    margin: 30px auto
}

.us-map-container .mapdiv-container .mapdiv path,
.us-map-container .mapdiv-container .mapdiv rect {
    fill: #e0e0e0;
    stroke: #fff;
    stroke-width: 2px;
    transition: fill .3s
}

.us-map-container .mapdiv-container .mapdiv text tspan {
    font-size: 20px;
    fill: #fff
}

.us-map-container .mapdiv-container .mapdiv :hover {
    fill: #a9a9a9 !important;
    transition: fill .3s
}

a.state-container-link {
    color: #000
}

a.state-container-link .state-container {
    background: #fff;
    box-shadow: 0 1px 11px rgba(0, 0, 0, .13);
    border-radius: 15px;
    margin-bottom: 20px
}

a.state-container-link .state-container .state-image-wrapper {
    margin-bottom: 15px
}

a.state-container-link .state-container .state-image-wrapper .col-xs-12 {
    height: 250px
}

a.state-container-link .state-container .state-image-wrapper .col-xs-12 img {
    filter: invert(79%) sepia(0) saturate(654%) hue-rotate(248deg) brightness(81%) contrast(81%);
    display: block;
    margin: 20px auto 0;
    max-height: 80%;
    width: 100%
}

a.state-container-link .state-container .state-image-wrapper .col-xs-12 .available {
    filter: invert(76%) sepia(8%) saturate(2987%) hue-rotate(75deg) brightness(82%) contrast(86%)
}

a.state-container-link .state-container .state-image-wrapper .col-xs-12 .coming-soon {
    filter: invert(83%) sepia(40%) saturate(2807%) hue-rotate(344deg) brightness(99%) contrast(96%)
}

a.state-container-link .state-container .details-row {
    background-color: #f8f8f8;
    text-align: center;
    font-weight: 700
}

a.state-container-link .state-container .details-row .details-wrapper {
    padding: 20px 0 5px
}

a.state-container-link .state-container .details-row .what-is-available {
    color: #4a8f40;
    border: 1px solid;
    border-radius: 15px;
    font-size: 10px;
    line-height: 15px;
    width: 25%;
    margin: 0 auto 10px
}

.states-container {
    gap: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly
}

.states-container .state {
    align-items: center;
    border-radius: 18px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    height: 225px;
    width: 225px
}

.states-container .state .image {
    width: 100%;
    height: 57.33%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.states-container .state .image .state-image-wrapper {
    margin: 10px
}

.states-container .state .image .state-image-wrapper img {
    max-width: 205px;
    max-height: 109px
}

.states-container .state .info {
    background-color: #f8f8f8;
    border-radius: 0 0 18px 18px;
    margin-top: auto;
    text-align: center;
    width: 100%;
    height: 42.67%;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.states-container .state .info .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    font-family: Inter, sans-serif
}

.states-container .state .info .what-is-available {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    height: 62.5%;
    color: #686868
}

.states-container .state .info .what-is-available .feature {
    border: 1px solid;
    border-radius: 15px;
    font-size: 10px;
    line-height: 15px;
    width: max-content;
    padding: 0 7px
}

.state-list-container {
    font-family: Inter, sans-serif;
    font-weight: 700;
    background: url(/images/land-based-casinos/land-based-casinos-footer-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 15px 15px;
    color: #000
}

.state-list-container.rounded {
    background: url(/images/land-based-casinos/land-based-casinos-footer-background_2.png);
    border-radius: 15px
}

.state-list-container .state-list-wrapper .container-fluid .tabs-row {
    background-color: #fff;
    margin-top: 20px;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    font-size: 18px
}

.state-list-container .state-list-wrapper .container-fluid .states-row {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 0 0 15px 15px
}

.state-list-container .state-list-wrapper .container-fluid .states-row .states-list {
    font-size: 12px
}

.state-list-container .state-list-wrapper .container-fluid .states-row .states-list a {
    color: #000
}

.stmp-search-bar.no-margin {
    margin-right: -40px;
    margin-left: -40px
}

@media screen and (max-width:767.98px) {
    .stmp-search-bar.no-margin {
        margin-right: -15px;
        margin-left: -15px
    }
}

.state-page .casinos-count-wrapper {
    display: flex;
    flex-direction: column
}

.state-page .casinos-count-wrapper a {
    text-decoration: none
}

.state-page .casinos-count-wrapper .item {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    height: 85px;
    width: 100%;
    background-color: #f8f8f8;
    border-radius: 8px
}

.state-page .casinos-count-wrapper .item .count {
    height: 100%;
    width: 85px;
    min-width: 85px;
    border-radius: 8px;
    background-image: linear-gradient(180deg, #fcf45f 0, #fead25 100%);
    text-align: center;
    padding: 20px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #fff
}

.state-page .casinos-count-wrapper .item .name {
    margin-left: 35px;
    font-size: 16px;
    color: #202c2b;
    flex-grow: 1
}

.state-page .casinos-count-wrapper .item .arrow {
    display: none
}

@media screen and (min-width:768px) {
    .state-page .casinos-count-wrapper .item .arrow {
        display: block;
        margin-right: 50px
    }

    .state-page .casinos-count-wrapper .item .name {
        font-size: 20px
    }
}

.state-page .glance-wrapper {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0
}

.state-page .glance-wrapper.mobile {
    display: flex
}

@media screen and (min-width:768px) {
    .state-page .glance-wrapper.desktop {
        display: flex
    }

    .state-page .glance-wrapper.mobile {
        display: none
    }
}

.state-page .glance-wrapper .item {
    width: 260px;
    height: 250px;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Inter, sans-serif;
    font-weight: 700;
    border: 4px solid transparent;
    border-image: linear-gradient(#fcf45f, #fead25) 1;
    text-align: center
}

.state-page .glance-wrapper .item>:first-child {
    width: 60px;
    height: 60px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 10px
}

.state-page .glance-wrapper .item>:nth-child(2) {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: inherit;
    color: #202c2b;
    margin-bottom: 10px
}

.state-page .glance-wrapper .item>:last-child {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.state-page .glance-wrapper.mobile+.dots {
    display: flex;
    justify-content: center;
    padding: 20px 0 10px
}

.state-page .glance-wrapper.mobile+.dots .dot {
    border: none;
    width: 6px;
    height: 6px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 2px;
    cursor: pointer
}

.state-page .glance-wrapper.mobile+.dots .dot--active {
    background: #686868
}

@media (min-width:767.98px) {
    .state-page .glance-wrapper.mobile+.dots {
        display: none
    }
}

.state-page .cities-wrapper {
    margin-top: 15px;
    margin-bottom: 10px
}

.state-page .cities-wrapper .stmp-search-bar {
    margin: 0;
    padding: 0;
    width: 100%
}

.state-page .cities-wrapper .city-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0
}

.state-page .cities-wrapper .city-wrapper .city {
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    color: #202c2b;
    font-size: 12px;
    margin: 0
}

.state-page .cities-wrapper .city-wrapper .city:not(.active) {
    margin-top: 5px
}

.state-page .cities-wrapper .city-wrapper .city.active {
    margin-bottom: -5px
}

@media screen and (min-width:768px) {
    .state-page .cities-wrapper .city-wrapper .city .name h3 {
        font-size: 18px
    }
}

.state-page .cities-wrapper .city-wrapper .city.active .name-wrapper {
    background-image: linear-gradient(180deg, #fcf45f 0, #fead25 100%)
}

.state-page .cities-wrapper .city-wrapper .city.active .name-wrapper .name h3 {
    text-decoration: underline
}

.state-page .cities-wrapper .city-wrapper .city.active .name-wrapper .name .see-all {
    display: inline-block
}

.state-page .cities-wrapper .city-wrapper .city.active .name-wrapper .arrow img {
    transform: rotateZ(-90deg);
    filter: brightness(1000%)
}

.state-page .cities-wrapper .city-wrapper .city.active .casinos-wrapper {
    display: flex
}

.state-page .cities-wrapper .city-wrapper .city .name-wrapper {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0
}

.state-page .cities-wrapper .city-wrapper .city .name-wrapper .name h3 {
    padding-left: 20px;
    margin-top: 0;
    font-size: 12px;
    display: inline-block;
    margin-right: 15px;
    font-family: Lexend, sans-serif;
    font-weight: 700
}

.state-page .cities-wrapper .city-wrapper .city .name-wrapper .name .see-all {
    display: none;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 60px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    font-family: Inter, sans-serif;
    cursor: pointer;
    color: #b8b8b8
}

.state-page .cities-wrapper .city-wrapper .city .name-wrapper .arrow {
    padding-right: 30px;
    cursor: pointer;
    transition: all .3s
}

@media screen and (min-width:768px) {
    .state-page .cities-wrapper .city-wrapper .city .name-wrapper .name h3 {
        font-size: 18px
    }

    .state-page .cities-wrapper .city-wrapper .city .name-wrapper .see-all {
        font-size: 16px;
        padding: 12px 13px
    }
}

.state-page .cities-wrapper .city-wrapper .city .casinos-wrapper {
    display: none;
    flex-direction: column
}

.state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: inherit;
    font-size: inherit;
    background-color: #fff8e2;
    border-bottom: 2px solid #fcf45f;
    padding: 20px;
    font-weight: 700
}

.state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .name {
    padding-left: 0;
    width: 200px;
    text-overflow: ellipsis
}

.state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .address {
    font-size: 10px;
    text-align: center
}

@media screen and (min-width:768px) {
    .state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .address {
        font-size: 14px;
        text-align: left
    }

    .state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .name {
        padding-left: 20px;
        width: 220px;
        font-size: 18px
    }
}

.state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .read-more .text {
    color: #fdc639;
    padding-right: 30px;
    font-size: 14px;
    display: none
}

.state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .read-more .arrow {
    display: block
}

@media screen and (min-width:768px) {
    .state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .read-more .text {
        display: block
    }

    .state-page .cities-wrapper .city-wrapper .city .casinos-wrapper .casino .read-more .arrow {
        display: none
    }
}

.state-page .cities-wrapper .city-loadmore-button {
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    color: #202c2b;
    font-size: 18px;
    margin: 5px 0 0;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.state-page .slots-wrapper .state-available-slots table {
    width: 100%;
    display: table;
    table-layout: fixed
}

.state-page .slots-wrapper .state-available-slots table tr {
    height: auto !important
}

.state-page .slots-wrapper .state-available-slots table thead th {
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 5px;
    color: #686868;
    font-family: Lexend, sans-serif;
    border-right: 1px solid rgba(139, 139, 139, .3);
    height: auto;
    text-align: center
}

.state-page .slots-wrapper .state-available-slots table thead th:last-of-type {
    border-right: unset
}

@media screen and (max-width:575.98px) {
    .state-page .slots-wrapper .state-available-slots table thead th {
        font-size: 12px;
        text-align: center;
        padding: 7px 5px
    }
}

@media screen and (max-width:575.98px) {
    .state-page .slots-wrapper .state-available-slots table thead th.game-name {
        width: 80px
    }
}

.state-page .slots-wrapper .state-available-slots table tbody tr:nth-of-type(odd) td {
    background-color: #fff
}

.state-page .slots-wrapper .state-available-slots table tbody tr td {
    font-size: 14px;
    padding: 1px 5px;
    border-bottom: 1px solid rgba(139, 139, 139, .5);
    color: #686868;
    border-right: 1px solid rgba(139, 139, 139, .3);
    height: auto;
    text-align: center;
    background-color: #f8f8f8;
    white-space: normal !important
}

.state-page .slots-wrapper .state-available-slots table tbody tr td:last-of-type {
    border-right: unset
}

@media screen and (max-width:575.98px) {
    .state-page .slots-wrapper .state-available-slots table tbody tr td {
        font-size: 12px;
        padding: 7px 5px
    }
}

.state-page .slots-wrapper .state-available-slots table tbody tr td a {
    word-break: break-word
}

.state-page .slots-wrapper .state-available-slots table tbody tr td .img-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.state-page .slots-wrapper .state-available-slots table tbody tr td .img-wrapper img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    object-position: center;
    margin-right: 5px
}

@media screen and (max-width:575.98px) {
    .state-page .slots-wrapper .state-available-slots table tbody tr td .img-wrapper img {
        max-width: 21px;
        max-height: 21px;
        width: auto;
        height: auto
    }
}

@media screen and (max-width:575.98px) {
    .state-page .slots-wrapper .state-available-slots table tbody tr td.game-name {
        width: 80px
    }
}

.state-page .slots-wrapper .state-available-slots table tbody tr:last-of-type td {
    border-bottom: unset
}

.state-page .slots-wrapper .state-available-slots .similar-game-wrapper .row .similar-game-item {
    padding-left: 0
}

@media screen and (min-width:767.98px) {
    .state-page .slots-wrapper .state-available-slots {
        padding-left: 0;
        margin-right: 20px
    }
}

@media screen and (max-width:575.98px) {
    .state-page .slots-wrapper .state-available-slots {
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 10px
    }
}

.state-page .history-wrapper {
    background-color: #f8f8f8;
    margin: 20px 0
}

.state-page .history-wrapper .timeline-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.state-page .history-wrapper .timeline {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    position: relative
}

.state-page .history-wrapper .timeline .line {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    background-color: #686868;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px)
}

.state-page .history-wrapper .timeline .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 12px
}

.state-page .history-wrapper .timeline .item .point {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #686868;
    background-color: #fff;
    z-index: 2
}

.state-page .history-wrapper .timeline .item .year {
    font-size: 14px;
    color: #686868;
    font-weight: 500;
    position: relative;
    top: 5px
}

.state-page .history-wrapper .timeline .item.active .point {
    background-color: #d0882e;
    border-color: #d0882e
}

.state-page .history-wrapper .timeline .item.active .year {
    color: #d0882e;
    font-weight: 700
}

.state-page .history-wrapper .next-arrow,
.state-page .history-wrapper .prev-arrow {
    min-width: 15px;
    cursor: pointer
}

.state-page .history-wrapper .prev-arrow {
    transform: rotateZ(180deg);
    margin-left: 5px;
    margin-right: 5px
}

@media screen and (min-width:768px) {
    .state-page .history-wrapper .prev-arrow {
        margin-left: 10px;
        margin-right: 20px
    }
}

.state-page .history-wrapper .next-arrow {
    margin-right: 5px;
    margin-left: 5px
}

@media screen and (min-width:768px) {
    .state-page .history-wrapper .next-arrow {
        margin-right: 10px;
        margin-left: 20px
    }
}

.state-page .history-wrapper .contents {
    text-align: center;
    margin-top: 30px
}

.state-page .history-wrapper .contents .content-item {
    display: none
}

.state-page .history-wrapper .contents .content-item.active {
    display: block
}

.state-page .history-wrapper .contents .content-item .c-title {
    font-size: 22px;
    color: #202c2b
}

.state-page .card-games-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 15px 0
}

.state-page .card-games-wrapper .item {
    display: flex;
    flex-direction: column;
    background-color: #f8f8f8;
    border-radius: 15px;
    width: 100%
}

.state-page .card-games-wrapper .item:not(:last-of-type) {
    margin-right: 25px
}

.state-page .card-games-wrapper .item .card-title {
    padding: 14px 65px 18px 15px;
    display: flex;
    align-items: center
}

.state-page .card-games-wrapper .item .card-title img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    object-position: center;
    margin-right: 20px
}

.state-page .card-games-wrapper .item .card-title .name-wrapper {
    line-height: 174%;
    font-family: Inter, sans-serif
}

.state-page .card-games-wrapper .item .card-title .name-wrapper .category {
    font-size: 14px;
    color: #686868
}

.state-page .card-games-wrapper .item .card-title .name-wrapper .name {
    font-size: 18px;
    color: #202c2b;
    font-weight: 700
}

.state-page .card-games-wrapper .item .divider {
    border: 2px solid #fff
}

.state-page .card-games-wrapper .item .content {
    padding: 20px 10px 25px 30px;
    font-size: 14px;
    line-height: 174%;
    font-family: Inter, sans-serif
}

.state-page .card-games-wrapper .item .content .name {
    color: #686868
}

.state-page .card-games-wrapper .item .content .list {
    color: #202c2b;
    font-weight: 700;
    font-style: unset
}

.state-page .google-map {
    margin-bottom: 1em
}

.state-page .google-map #map {
    width: 100%;
    height: 420px;
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.state-page .google-map #map .placeholder {
    filter: blur(10px);
    height: 100%;
    width: 100%;
    object-fit: cover
}

.state-page .google-map #map .placeholder-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 1em #000
}

.state-page .casinos-wrapper .casinos-list {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .state-page .casinos-wrapper .casinos-list {
        justify-content: space-between
    }
}

.state-page .casinos-wrapper .casinos-list .casino-item {
    display: flex;
    flex-direction: column;
    font-family: Inter, sans-serif;
    max-width: 260px;
    margin-bottom: 20px;
    height: 380px
}

.state-page .casinos-wrapper .casinos-list .casino-item .image {
    height: 200px;
    min-height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px 15px 0 0
}

.state-page .casinos-wrapper .casinos-list .casino-item .body {
    display: flex;
    flex-direction: column;
    padding: 10px 11px;
    background-color: #f8f8f8;
    border-radius: 0 0 15px 15px;
    height: 100%
}

.state-page .casinos-wrapper .casinos-list .casino-item .body .name {
    font-family: inherit;
    font-size: 16px;
    color: #3c3c3c;
    text-align: center;
    white-space: nowrap
}

.state-page .casinos-wrapper .casinos-list .casino-item .body .address,
.state-page .casinos-wrapper .casinos-list .casino-item .body .phone {
    display: flex;
    align-items: start;
    color: #686868;
    font-size: 12px;
    font-family: inherit;
    line-height: 15px;
    margin-left: 20px;
    white-space: nowrap
}

.state-page .casinos-wrapper .casinos-list .casino-item .body .address .icon,
.state-page .casinos-wrapper .casinos-list .casino-item .body .phone .icon {
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
    object-fit: contain;
    object-position: center;
    margin-right: 10px;
    margin-top: 3px
}

.state-page .casinos-wrapper .casinos-list .casino-item .body .read-me {
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 16px;
    line-height: 20px;
    color: #202c2b;
    font-family: Inter, sans-serif;
    padding: 12px 35px;
    background-image: linear-gradient(180deg, #fcf45f 0, #fead25 100%);
    border-radius: 60px;
    margin: 5px auto 0 auto
}

.state-page .casinos-wrapper .casinos-list .casino-item .body .read-me img {
    margin-right: 10px
}

.state-page .casinos-wrapper .casinos-list .casino-item .body div:not(.contact-info) {
    margin-bottom: 10px
}

.land-based-casino-card {
    margin-bottom: 20px
}

.land-based-casino-card .image-wrapper img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px 15px 0 0
}

.land-based-casino-card .content {
    background-color: #f8f8f8;
    border-radius: 0 0 15px 15px;
    text-align: center;
    padding: 0 15px
}

.land-based-casino-card .casino-name {
    padding-top: 10px;
    font-weight: 700
}

.land-based-casino-card .details {
    color: #686868;
    font-size: 12px
}

.land-based-casino-card .details .detail-item {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.land-based-casino-card .details .detail-item .data {
    margin-left: 5px
}

.land-based-casino-card .read-more-button {
    margin-top: 10px;
    padding-bottom: 10px
}

.land-based-casino-card .read-more-button a {
    color: #000
}

.land-based-casino-card .read-more-button a button {
    background: linear-gradient(180deg, #fcf45f 0, #fead25 100%);
    border-radius: 60px;
    border: none;
    padding: 5px 15px
}

.container-fluid .casinos-main-wrapper .blurred-image-row .blurred-image-wrapper {
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 15px;
    position: relative
}

.container-fluid .casinos-main-wrapper .blurred-image-row .blurred-image-wrapper img {
    width: 100%;
    height: 250px;
    border-radius: 15px;
    filter: blur(5px)
}

.container-fluid .casinos-main-wrapper .blurred-image-row .blurred-image-wrapper img.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: contain;
    object-position: center;
    width: 200px;
    height: auto;
    border-radius: 0;
    filter: blur(0);
    transform: translate(-50%, -50%)
}

.container-fluid .casinos-main-wrapper .photos-row {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between
}

.container-fluid .casinos-main-wrapper .photos-row .image-wrapper {
    padding: 0;
    float: left;
    overflow: hidden;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .container-fluid .casinos-main-wrapper .photos-row .image-wrapper {
        width: 50%;
        margin-bottom: 25px;
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width:480px) {
    .container-fluid .casinos-main-wrapper .photos-row .image-wrapper {
        width: 100%
    }
}

.container-fluid .casinos-main-wrapper .photos-row .image-wrapper img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    padding-right: 10px
}

.container-fluid .casinos-main-wrapper .photos-row .image-wrapper:last-of-type img {
    padding-right: 0
}

.container-fluid .casinos-main-wrapper .photos-row .image-wrapper:first-child {
    border-radius: 15px 0 0 15px
}

@media screen and (max-width:768px) {
    .container-fluid .casinos-main-wrapper .photos-row .image-wrapper:first-child {
        border-radius: 0
    }
}

.container-fluid .casinos-main-wrapper .photos-row .show-more {
    height: 230px;
    background-color: #f8f8f8;
    font-weight: 700;
    display: flex;
    border-radius: 0 15px 15px 0;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media screen and (max-width:768px) {
    .container-fluid .casinos-main-wrapper .photos-row .show-more {
        width: 100%;
        border-radius: 15px;
        height: 75px
    }
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper {
    margin-bottom: 20px
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .casino-details .casino-info {
    margin-bottom: 20px
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .casino-details .casino-info .casino-info-item {
    display: flex
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .casino-details .casino-info .casino-info-item .icon {
    min-width: 20px
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .casino-details .casino-info .casino-info-item .text {
    margin: 0 0 10px 10px;
    word-break: break-word
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .casino-details .casino-info .casino-info-item .text span {
    font-size: 14px;
    font-weight: 700
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .casino-details .casino-info .casino-info-item .text a {
    color: #91c88e
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .casino-details .casino-summary ul li span {
    color: green;
    margin-right: 5px
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .map-wrapper {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    height: 250px
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .map-wrapper .placeholder {
    filter: blur(10px);
    height: 100%;
    width: 100%;
    object-fit: cover
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .map-wrapper .placeholder-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 1em #000
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .map-wrapper.blurred iframe {
    filter: blur(10px)
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .map-wrapper.blurred .placeholder-text {
    display: block
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .map-wrapper iframe {
    width: 100%;
    height: 100%
}

.container-fluid .casinos-main-wrapper .casino-details-wrapper .map-wrapper .placeholder-text {
    display: none
}

.container-fluid .casinos-main-wrapper .article-row .article-text {
    padding: 0
}

.container-fluid .casinos-main-wrapper .title {
    font-weight: 700;
    font-size: 16px;
    background-image: url(/images/land-based-casinos/title_image.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 30px;
    margin-bottom: 10px
}

.container-fluid .casinos-main-wrapper li {
    list-style-type: inherit
}

.sidebar-wrapper .casino-info {
    background-color: #f8f8f8;
    padding: 12px 9px 9px 15px
}

.sidebar-wrapper .casino-info .item-wrapper {
    margin: 5px 0;
    font-weight: 700
}

.sidebar-wrapper .casino-info .item-wrapper .item-name {
    margin-bottom: 5px;
    font-size: 12px
}

.sidebar-wrapper .casino-info .item-wrapper .item-name.clickable {
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.sidebar-wrapper .casino-info .item-wrapper .item-name.clickable span:last-of-type {
    display: inline-block;
    border-top: .5em solid;
    border-right: .5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
    transition: transform .3s ease-in-out
}

.sidebar-wrapper .casino-info .item-wrapper .item-name.clickable span:last-of-type.active {
    transform: rotate(180deg)
}

.sidebar-wrapper .casino-info .item-wrapper .item-value {
    color: #686868;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px
}

.sidebar-wrapper .casino-info .item-wrapper .item-value.dark {
    color: #202c2b
}

.sidebar-wrapper .casino-info .item-wrapper .dropdown-casino-item {
    display: none
}

.sidebar-wrapper .casino-info-title {
    font-weight: 700;
    font-size: 16px;
    background-image: url(/images/land-based-casinos/info-icon.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 10px
}

.top-10-online-casinos .online-casino-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #d3d3d3
}

.top-10-online-casinos .online-casino-wrapper .image-wrapper {
    padding-left: 0
}

.top-10-online-casinos .online-casino-wrapper .image-wrapper,
.top-10-online-casinos .online-casino-wrapper .sign-up-button {
    margin: 10px 0
}

.top-10-online-casinos .online-casino-wrapper a {
    color: #fff;
    font-weight: 700
}

.top-10-online-casinos .online-casino-wrapper a .sign-up-button {
    border: none;
    background: linear-gradient(162deg, #59d069 8.28%, #23902f 91.72%);
    border-radius: 60px;
    padding: 7px 15px;
    width: 100%;
    font-size: 12px
}

.top-10-online-casinos .online-casino-wrapper a .sign-up-button i {
    color: #000
}

.bottom-navbar-container a,
.navbar a,
.top-mobile-nav-container a {
    text-decoration: none
}

div.top-mobile-nav-container {
    position: sticky;
    top: 0;
    z-index: 2;
    display: none;
    flex-direction: column;
    -webkit-touch-callout: none;
    background: #000
}

div.top-mobile-nav-container::before {
    background: url(/images/nav/background/stmp.png) 0 0/180px #000;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 3%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

div.top-mobile-nav-container>* {
    z-index: 1
}

div.top-mobile-nav-container>div.top-header-container {
    height: 64px;
    width: 100%;
    border-bottom: 5px solid transparent;
    align-items: center;
    justify-content: space-between;
    display: flex;
    gap: 10px
}

div.top-mobile-nav-container>div.top-header-container .navbar-brand {
    width: 45%;
    display: flex;
    margin-right: auto;
    margin-left: 15px;
    padding: 0
}

div.top-mobile-nav-container>div.top-header-container .navbar-brand img.mainLogo {
    width: 100%;
    height: auto;
    object-fit: contain
}

div.top-mobile-nav-container>div.top-header-container>div.login-container {
    display: flex;
    gap: 7px;
    margin-right: 15px;
    text-transform: uppercase
}

div.top-mobile-nav-container>div.top-header-container>div.login-container>a.button {
    letter-spacing: 0;
    height: 32px;
    min-width: 65px;
    padding: 4px 14px;
    white-space: nowrap
}

div.top-mobile-nav-container>nav.top-navbar-container {
    height: 32px;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: space-evenly;
    align-items: flex-end
}

div.top-mobile-nav-container>nav.top-navbar-container.wide {
    justify-content: flex-start
}

div.top-mobile-nav-container>nav.top-navbar-container.wide>a.animate {
    animation: animateMenuItems 1s ease-out .3s 2 alternate
}

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

    to {
        transform: translateX(-80px)
    }
}

div.top-mobile-nav-container>nav.top-navbar-container::after,
div.top-mobile-nav-container>nav.top-navbar-container::before {
    content: ""
}

div.top-mobile-nav-container>nav.top-navbar-container::-webkit-scrollbar {
    display: none
}

div.top-mobile-nav-container>nav.top-navbar-container>a {
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    border: 3px solid transparent;
    padding: 0 3px 8px;
    text-transform: uppercase
}

@media (min-width:320px) and (max-width:1200px) {
    div.top-mobile-nav-container>nav.top-navbar-container>a {
        font-size: 12px
    }
}

@media (min-width:374.98px) {
    div.top-mobile-nav-container>nav.top-navbar-container>a {
        font-size: 14px
    }
}

div.top-mobile-nav-container>nav.top-navbar-container>a.activeLink,
div.top-mobile-nav-container>nav.top-navbar-container>a.selected {
    border-color: #fff;
    border-width: 0 0 3px;
    font-family: Inter, sans-serif;
    font-weight: 600
}

div.top-mobile-nav-container>nav.top-navbar-container>a:focus {
    outline: 0
}

div.top-mobile-nav-container .excerpt-container {
    height: 5px;
    text-align: center;
    width: 100%
}

div.top-mobile-nav-container .excerpt-container .text {
    background: #3c3c3c;
    border-image: linear-gradient(0, #f2960e, #f7b119) 33%;
    border-bottom: 5px solid transparent;
    color: #fff;
    height: fit-content;
    max-height: 0;
    overflow: scroll;
    transition: max-height 1s ease-in-out, padding .8s cubic-bezier(1, 0, 1, 0)
}

div.top-mobile-nav-container .excerpt-container .toggle {
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    border-radius: 0 0 15px 15px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    margin: -5px auto 0;
    padding: 1px 15px;
    width: max-content
}

div.top-mobile-nav-container .excerpt-container.opened .text {
    max-height: 25vh;
    padding: 5px 15px 15px;
    transition-timing-function: ease-in-out, cubic-bezier(1, 0, 0, 1)
}

@media (min-width:767.98px) {
    div.top-mobile-nav-container .excerpt-container {
        display: none
    }
}

div.bottom-navbar-container {
    width: 100%;
    height: 45px;
    display: none;
    position: fixed;
    bottom: 0;
    background: #000;
    z-index: 2;
    gap: 15px;
    align-items: flex-end;
    justify-content: space-evenly;
    padding-bottom: 4px;
    -webkit-touch-callout: none
}

div.bottom-navbar-container.median {
    align-items: flex-start;
    height: 80px;
    padding-top: 5px
}

div.bottom-navbar-container i {
    font-size: 16px;
    margin: 0
}

div.bottom-navbar-container>div.mobile-nav-search-container>div.nav-search {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: unset
}

div.bottom-navbar-container>div.mobile-nav-search-container>div.nav-search>span {
    background: linear-gradient(0, #f2960e 0, #f7b119 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 18px;
    font-weight: 600
}

div.bottom-navbar-container>div.mobile-nav-search-container>div.nav-search i {
    font-size: 16px
}

div.bottom-navbar-container>a,
div.bottom-navbar-container>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

div.bottom-navbar-container>a>a,
div.bottom-navbar-container>a>a>span,
div.bottom-navbar-container>a>span:not(.unread-messages-counter, .my-bonuses-counter),
div.bottom-navbar-container>div>a,
div.bottom-navbar-container>div>a>span,
div.bottom-navbar-container>div>span:not(.unread-messages-counter, .my-bonuses-counter) {
    background: linear-gradient(0, #f2960e 0, #f7b119 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 18px;
    font-weight: 600
}

div.bottom-navbar-container>a>a,
div.bottom-navbar-container>div>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

div.bottom-navbar-container>a.my-messages-container,
div.bottom-navbar-container>div.my-messages-container {
    position: relative
}

div.bottom-navbar-container>a>span.my-bonuses-counter,
div.bottom-navbar-container>a>span.unread-messages-counter,
div.bottom-navbar-container>div>span.my-bonuses-counter,
div.bottom-navbar-container>div>span.unread-messages-counter {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: red;
    border-radius: 6px;
    top: -10%;
    left: 60%;
    color: #fff;
    line-height: normal;
    font-size: 10px;
    text-align: center;
    font-weight: 700
}

div.bottom-navbar-container>a>span.my-bonuses-counter,
div.bottom-navbar-container>div>span.my-bonuses-counter {
    display: none
}

div.bottom-navbar-container>a>span.my-bonuses-counter.counter-visible,
div.bottom-navbar-container>div>span.my-bonuses-counter.counter-visible {
    display: block
}

.median-restricted>div:first-of-type {
    background-color: #000;
    margin-top: 72px;
    text-align: center
}

@media (max-width:1200px) {
    nav.navbar-fixed-top {
        display: none
    }

    .median-restricted nav.navbar-fixed-top,
    nav.navbar-fixed-top:has(.collapse.navbar-collapse.dd-navbar-collapse.navbar-overlay.in) {
        display: block
    }

    div#plus18messageDiv,
    div.nav-steps {
        visibility: hidden;
        display: none
    }

    div.top-mobile-nav-container {
        display: flex
    }

    @supports (padding:env(safe-area-inset-bottom, 50px)) or (padding:constant(safe-area-inset-bottom, 50px)) {
        div.bottom-navbar-container {
            display: flex
        }
    }
}

@media (max-width:340px) {
    .top-mobile-nav-container .top-header-container .navbar-brand {
        display: grid;
        place-items: center
    }

    .top-mobile-nav-container .top-header-container .login-container>a.button.header-mobile {
        width: 30px
    }

    div.bottom-navbar-container {
        gap: 7px
    }
}

.player-balance-container {
    margin-left: 20px
}

div.logged-in-container {
    margin-right: 15px
}

div.logged-in-container>div.balance-container {
    display: flex;
    align-items: center
}

div.logged-in-container>div.balance-container>div {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0;
    text-align: center;
    border: none;
    height: 41px;
    min-width: 85px;
    font-size: 11.5px
}

div.logged-in-container>div.balance-container>div.balance {
    position: relative;
    border: none;
    background: 0 0
}

div.logged-in-container>div.balance-container>div.balance::after {
    content: "";
    border: solid transparent;
    border-width: 2px 0 2px 2px;
    border-radius: 100px 0 0 100px;
    position: absolute;
    inset: 0;
    background: linear-gradient(0, #f2960e, #f7b119) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

div.logged-in-container>div.balance-container>div.balance>span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

div.logged-in-container>div.balance-container>div.deposit {
    background: linear-gradient(0, #f2960e, #f7b119);
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px
}

div.logged-in-container>div.balance-container>div.deposit>a {
    color: #000
}

div.logged-in-container>div.balance-container>div.account {
    background: linear-gradient(180deg, #fcf45f 10%, #fead25 93.33%);
    color: #000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

div.logged-in-container>div.balance-container>div.account a {
    color: inherit
}

@media (max-width:1200px) {
    div.logged-in-container>div.balance-container>div {
        height: 36px;
        min-width: 77px
    }
}

div.logged-in-container>div.balance-container.separate {
    gap: 14px
}

div.logged-in-container>div.balance-container.separate>div {
    border-radius: 0
}

div.logged-in-container>div.balance-container.separate>div.balance {
    border: 1px solid transparent
}

div.logged-in-container>div.userinfo-container>a.userinfo {
    display: flex;
    gap: 12px;
    align-items: center
}

div.logged-in-container>div.userinfo-container>a.userinfo>div.name {
    color: #fff;
    line-height: 20px;
    font-weight: 500
}

div.logged-in-container>div.userinfo-container>a.userinfo>div.img-container {
    width: 32px;
    height: 32px;
    border-radius: 24px;
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    position: relative
}

div.logged-in-container>div.userinfo-container>a.userinfo>div.img-container>* {
    position: absolute;
    background-color: #3c3c3c;
    width: 28px;
    height: 28px;
    top: 2px;
    left: 2px;
    border-radius: 23px
}

div.logged-in-container>div.userinfo-container>a.userinfo>div.img-container>div.img-inner-container {
    border: 1px solid #000;
    box-shadow: inset 0 0 10px #000
}

div.logged-in-container>div.userinfo-container>a.userinfo>div.img-container>div.img-inner-container>div.first-letter {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    -webkit-background-clip: text;
    color: transparent
}

.rave-reviews-container {
    position: relative
}

@media (min-width:767.98px) {
    .rave-reviews-container {
        margin: 15px
    }
}

.rave-reviews-container .recent-rave-reviews-slider {
    padding-inline-start: unset
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide {
    overflow: visible !important;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container {
    border-radius: 10px;
    background-color: #f8f8f8;
    box-shadow: 0 1px 11px rgba(0, 0, 0, .13);
    width: 214px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data {
    align-self: center;
    width: 214px;
    height: 177px;
    background-color: #f8f8f8
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .five-cols.col-sm-3.col-xs-4.background {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .five-cols.col-sm-3.col-xs-4.background .game-bl {
    margin: 0
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .game-bl,
.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .game-bl.blurred {
    width: 214px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .game-title-container {
    width: 214px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .content-hidden-label-game-page {
    display: none
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .foreground .blurred-text {
    margin: unset;
    width: 214px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .foreground .blurred-text.content-hidden-label {
    top: 35px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .foreground .blurred-text.sign-up-text {
    top: 70px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .foreground .blurred-text.sign-up-link {
    top: 100px;
    color: #fff
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data img {
    display: block
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .game-title {
    color: #000;
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding-left: 5px;
    text-decoration: none
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .background {
    padding: 0
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .background>a:first-of-type {
    border-radius: unset;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .background>.favourite-game-wrapper>.icon-wrapper>i {
    left: 180px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_data .background>.game-bl>.game-page-picture-wrapper>.DDgameArtileImg {
    width: 214px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_review {
    display: grid;
    grid-template-columns: 60px 17px 137px;
    grid-template-rows: minmax(92px, auto) 24px;
    background-color: #f8f8f8;
    width: 214px;
    align-self: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_review>.quotation_mark {
    grid-column: 1;
    grid-row: 1;
    margin-top: 10px;
    width: 90%;
    background-image: url(/images/card/quotation.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    left: 5px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_review>.review_date {
    color: #686868;
    font-size: 10px;
    font-weight: 500;
    font-family: Inter, sans-serif;
    line-height: 12px;
    text-align: center;
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    align-self: center
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_review>.review_text {
    font-size: 10px;
    line-height: 12px;
    font-family: Inter, sans-serif;
    grid-column: 3/-1;
    grid-row: 1;
    max-height: 72px;
    min-height: 72px;
    overflow-y: auto
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_review>.review_text>span>.review-text-show-full {
    color: #b6b8b8;
    display: none;
    position: absolute;
    bottom: 30px;
    line-height: 23px
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_review>.review_rating {
    grid-column: 3/-1;
    grid-row: 2;
    display: flex;
    align-self: end;
    position: relative;
    right: 12px;
    align-items: center
}

.rave-reviews-container .recent-rave-reviews-slider .keen-slider__slide .slide-container>.game_review>.review_rating .review-star-fill {
    -webkit-mask-size: 17px;
    mask-size: 17px;
    height: 28px
}

.rave-reviews-container .navigation-wrapper>.left-fade::before,
.rave-reviews-container .navigation-wrapper>.right-fade::after {
    content: " ";
    height: 100%;
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 0
}

.rave-reviews-container .navigation-wrapper>.left-fade::before {
    background: linear-gradient(90deg, #fff 0, transparent 100%);
    left: 0
}

.rave-reviews-container .navigation-wrapper>.right-fade::after {
    background: linear-gradient(90deg, transparent 0, #fff 100%);
    right: 0
}

.rave-reviews-container .navigation-wrapper .rave-reviews-title-container {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 20px 0
}

.rave-reviews-container .navigation-wrapper .rave-reviews-title-container .rave-reviews-title {
    margin: 0;
    padding: 0
}

@media (min-width:320px) and (max-width:1200px) {
    @supports (text-wrap:balance) {
        .rave-reviews-container .navigation-wrapper .rave-reviews-title-container .rave-reviews-title {
            text-wrap: balance
        }
    }
}

.rave-reviews-container .navigation-wrapper .arrow {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.rave-reviews-container .navigation-wrapper .arrow--left {
    left: -20px;
    background-image: url(/images/icons/carousel-left.png)
}

.rave-reviews-container .navigation-wrapper .arrow--right {
    left: auto;
    right: -20px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

@media (min-width:374.98px) {
    div#game-index-page-article .game_data img.DDgameArtileImg {
        width: 214px !important;
        height: auto !important
    }
}

.games-by-theme-module-container {
    position: relative;
    background-image: url(/images/games-by-theme-background.jpg);
    border-radius: 15px;
    margin: 20px 0 12px;
    padding: 0;
    z-index: 0;
    height: 100%
}

.games-by-theme-module-container .games-by-theme-container {
    display: none
}

.games-by-theme-module-container .foreground .blurred-text {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 165px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

@media screen and (max-width:600px) {
    .games-by-theme-module-container .foreground .blurred-text {
        width: 100px
    }
}

.games-by-theme-module-container .foreground .content-hidden-label {
    width: 100%
}

.games-by-theme-module-container .foreground .sign-up-text {
    font-size: x-small
}

.games-by-theme-module-container .foreground .sign-up-link {
    color: #fff;
    text-wrap: nowrap
}

.games-by-theme-module-container .icon-wrapper {
    display: none
}

.games-by-theme-module-container .game-title,
.games-by-theme-module-container p {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
    margin-bottom: 10px;
    text-decoration: none
}

.games-by-theme-module-container .games-by-theme-title {
    font-size: 16px;
    margin-bottom: 0
}

.games-by-theme-module-container .games-container div .game-bl {
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 200px;
    border: 1px solid;
    border-radius: 15px;
    color: #d0882e
}

.games-by-theme-module-container .games-container div .game-bl img {
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.games-by-theme-module-container .games-container div .game-title-container {
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%
}

@media (min-width:767.98px) {
    .games-by-theme-module-container .games-by-theme-mobile-container {
        display: none
    }

    .games-by-theme-module-container .games-by-theme-container {
        padding-left: 0;
        margin: 10px 0;
        position: relative;
        display: block
    }

    .games-by-theme-module-container .games-by-theme-container .bottom-rope,
    .games-by-theme-module-container .games-by-theme-container .top-rope {
        background-image: url(/images/games-by-theme-rope.svg);
        width: 100%;
        height: 10px;
        background-color: #000
    }

    .games-by-theme-module-container .games-by-theme-container .top-rope {
        position: relative;
        z-index: 9
    }

    .games-by-theme-module-container .games-by-theme-container .bottom-rope {
        position: relative;
        transform: scaleY(-1);
        z-index: 9
    }

    .games-by-theme-module-container .games-by-theme-container .background-image-container {
        background-size: contain;
        height: 450px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        filter: blur(5px)
    }

    .games-by-theme-module-container .games-by-theme-container .games-container {
        position: relative;
        left: 0;
        z-index: 2;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        display: flex;
        height: 450px
    }

    .games-by-theme-module-container .games-by-theme-container .games-container .background {
        width: 25%;
        padding: 0 3px
    }

    .games-by-theme-module-container .games-by-theme-container .games-container .background .game-title {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 14px;
        text-wrap: wrap
    }
}

@media (min-width:767.98px) and (max-width:992px) {
    .games-by-theme-module-container .games-by-theme-container .games-container {
        padding: 15px 0
    }

    .games-by-theme-module-container .games-by-theme-container .games-container .background {
        width: 25%;
        margin-bottom: 1%
    }
}

.games-by-theme-module-container p {
    margin-bottom: 0;
    font-size: 16px
}

.games-by-theme-module-container .games-by-theme-mobile-container {
    padding-bottom: 30px;
    height: 300px
}

.games-by-theme-module-container .games-by-theme-mobile-container .bottom-rope,
.games-by-theme-module-container .games-by-theme-mobile-container .top-rope {
    background-image: url(/images/games-by-theme-rope.svg);
    width: 100%;
    height: 10px;
    background-color: #000
}

.games-by-theme-module-container .games-by-theme-mobile-container .top-rope {
    position: absolute;
    top: 13%;
    z-index: 9
}

.games-by-theme-module-container .games-by-theme-mobile-container .bottom-rope {
    position: absolute;
    bottom: 8%;
    transform: scaleY(-1);
    z-index: 9
}

.games-by-theme-module-container .games-by-theme-mobile-container .background-image-container {
    background-size: cover;
    position: absolute;
    height: 220px;
    left: 0;
    right: 0;
    z-index: 1;
    filter: blur(5px)
}

.games-by-theme-module-container .games-by-theme-mobile-container .keen-slider {
    position: absolute;
    z-index: 2;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 0;
    padding-inline-start: 0 !important
}

.games-by-theme-module-container .games-by-theme-mobile-container .keen-slider .keen-slider__slide {
    overflow: visible !important;
    display: flex;
    justify-content: center;
    padding: 0 15px
}

.games-by-theme-module-container .games-by-theme-mobile-container .keen-slider .keen-slider__slide .background {
    width: inherit;
    padding: 0;
    width: 214px
}

.games-by-theme-module-container .games-by-theme-mobile-container .keen-slider .keen-slider__slide .background .game-bl {
    width: inherit;
    border: 1px solid;
    border-radius: 15px;
    color: #d0882e
}

.games-by-theme-module-container .games-by-theme-mobile-container .keen-slider .keen-slider__slide .background .game-bl img {
    border-radius: 15px
}

.games-by-theme-module-container .games-by-theme-mobile-container .arrow {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.games-by-theme-module-container .games-by-theme-mobile-container .arrow--left {
    left: -20px;
    background-image: url(/images/icons/carousel-left.png)
}

.games-by-theme-module-container .games-by-theme-mobile-container .arrow--right {
    left: auto;
    right: -20px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

.slots-by-module-container {
    margin-bottom: 20px
}

@media (min-width:767.98px) {
    .slots-by-module-container {
        margin: 15px
    }
}

.slots-by-module-container .navigation-wrapper {
    position: relative
}

.slots-by-module-container .foreground {
    width: 214px
}

.slots-by-module-container .foreground .blurred-text {
    padding-top: 0;
    padding-bottom: 0;
    left: 0;
    right: 0;
    margin: unset
}

.slots-by-module-container .foreground .content-hidden-label {
    width: inherit;
    top: 35px
}

.slots-by-module-container .foreground .sign-up-text {
    font-size: x-small;
    width: inherit;
    margin: 0 auto;
    top: 70px
}

.slots-by-module-container .foreground .sign-up-link {
    color: #fff;
    width: inherit;
    top: 100px
}

.slots-by-module-container .slots-by-module-title-container {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 20px 0
}

.slots-by-module-container .slots-by-module-title-container .slots-by-module-title {
    margin: 0;
    padding: 0
}

@media (min-width:320px) and (max-width:1200px) {
    @supports (text-wrap:balance) {
        .slots-by-module-container .slots-by-module-title-container .slots-by-module-title {
            text-wrap: balance
        }
    }
}

.slots-by-module-container .slots-by-module-title-container a {
    white-space: nowrap
}

@media (min-width:320px) and (max-width:1200px) {
    .slots-by-module-container .slots-by-module-title-container a {
        margin-left: auto
    }
}

.slots-by-module-container .keen-slider {
    padding-inline-start: unset
}

.slots-by-module-container .keen-slider .keen-slider__slide {
    overflow: visible !important;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container {
    width: 214px;
    height: 220px;
    border-radius: 10px;
    background-color: #f8f8f8;
    box-shadow: 0 1px 11px rgba(0, 0, 0, .13)
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container {
    height: 220px
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background {
    padding: unset
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl {
    width: 214px;
    border-radius: 10px 10px 0 0;
    margin: 0
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl .game-page-picture-wrapper {
    width: inherit
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl .game-page-picture-wrapper img {
    width: inherit;
    height: 100%
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container .game-title-container {
    display: flex;
    width: 214px;
    justify-content: center;
    position: relative;
    top: 12px
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container .game-title-container .game-title {
    color: #686868;
    font-weight: 700;
    margin-bottom: 0;
    color: #000;
    font-size: 14px
}

.slots-by-module-container .keen-slider .keen-slider__slide .slide-container .slide-inner-container .maker-container {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    width: 214px;
    top: 12px
}

.slots-by-module-container .left-fade::before,
.slots-by-module-container .right-fade::after {
    content: " ";
    height: 100%;
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 0
}

.slots-by-module-container .left-fade::before {
    background: linear-gradient(90deg, #fff 0, transparent 100%);
    left: 0
}

.slots-by-module-container .right-fade::after {
    background: linear-gradient(90deg, transparent 0, #fff 100%);
    right: 0
}

.slots-by-module-container .arrow {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.slots-by-module-container .arrow--left {
    left: -20px;
    background-image: url(/images/icons/carousel-left.png)
}

.slots-by-module-container .arrow--right {
    left: auto;
    right: -20px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

.slots-by-module-container a {
    text-decoration: none
}

.featured-games-categories-container {
    max-width: min(1200px, 100vw);
    float: none;
    padding: 0
}

@media (min-width:1199.98px) {
    .featured-games-categories-container {
        padding: 0 15px
    }
}

.featured-games-categories-container .foreground {
    width: inherit
}

.featured-games-categories-container .foreground .blurred-text {
    padding-top: 0;
    padding-bottom: 0;
    left: 0;
    right: 0;
    margin: unset
}

.featured-games-categories-container .foreground .content-hidden-label {
    width: inherit;
    top: 35px
}

@media (max-width:480px) {
    .featured-games-categories-container .foreground .content-hidden-label {
        top: 5px
    }
}

.featured-games-categories-container .foreground .sign-up-text {
    font-size: x-small;
    width: inherit;
    margin: 0 auto;
    top: 70px
}

@media (max-width:480px) {
    .featured-games-categories-container .foreground .sign-up-text {
        top: 25px
    }
}

.featured-games-categories-container .foreground .sign-up-link {
    color: #fff;
    width: inherit;
    top: 100px
}

@media (max-width:480px) {
    .featured-games-categories-container .foreground .sign-up-link {
        top: 65px
    }
}

.featured-games-categories-container .featured-games-categories-title-container {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 20px 0;
    position: relative
}

.featured-games-categories-container .featured-games-categories-title-container .featured-games-categories-title {
    margin: 0;
    padding: 0;
    mix-blend-mode: difference;
    color: #fff
}

@media (min-width:320px) and (max-width:1200px) {
    @supports (text-wrap:balance) {
        .featured-games-categories-container .featured-games-categories-title-container .featured-games-categories-title {
            text-wrap: balance
        }
    }
}

.featured-games-categories-container .featured-games-categories-title-container a {
    white-space: nowrap;
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:320px) and (max-width:1200px) {
    .featured-games-categories-container .featured-games-categories-title-container a {
        margin-left: auto
    }
}

.featured-games-categories-container .keen-slider-wrapper {
    position: relative
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide {
    display: flex;
    justify-content: center;
    align-items: stretch
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container {
    border-radius: 10px;
    width: 100%
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container {
    width: inherit
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background {
    width: inherit;
    padding: unset
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .marker {
    top: 0
}

@media (min-width:320px) and (max-width:1200px) {
    .featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .marker {
        font-size: 8px
    }
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl {
    width: inherit;
    margin: 0
}

@supports (aspect-ratio:1) {
    .featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl {
        aspect-ratio: 1.475862069
    }
}

@supports not (aspect-ratio:1) {
    .featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl {
        position: relative
    }

    .featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl::after,
    .featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl::before {
        content: ""
    }

    .featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl::before {
        float: left;
        padding-top: 67.7570093458%
    }

    .featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl::after {
        clear: both;
        display: block
    }
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .background .game-bl img {
    width: inherit;
    height: 100%
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .game-title-container {
    display: flex;
    width: inherit;
    justify-content: center;
    margin-top: 12px
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .game-title-container .game-title {
    color: #686868;
    font-weight: 700;
    margin-bottom: 0;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    white-space: normal;
    text-wrap-style: balance
}

.featured-games-categories-container .keen-slider-wrapper .keen-slider .keen-slider__slide .slide-container .slide-inner-container .maker-container {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    width: inherit;
    top: 12px
}

.featured-games-categories-container .keen-slider-wrapper .arrow {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer;
    display: none
}

@media (min-width:1199.98px) {
    .featured-games-categories-container .keen-slider-wrapper .arrow {
        display: block
    }
}

.featured-games-categories-container .keen-slider-wrapper .arrow--left {
    left: -20px;
    background-image: url(/images/icons/carousel-left.png)
}

.featured-games-categories-container .keen-slider-wrapper .arrow--right {
    left: auto;
    right: -20px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

.featured-games-categories-container a {
    text-decoration: none
}

.maths-details {
    align-items: center;
    background: url(/images/modules/maths/background.png) #000 0 90%;
    border-radius: 15px;
    display: flex;
    height: 166px;
    justify-content: center;
    padding: 2% 0;
    width: 100%
}

.maths-details>.info-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 14px;
    height: 100%;
    letter-spacing: .1em;
    justify-content: space-evenly;
    width: 33%
}

.maths-details>.info-container .game-page-picture-wrapper {
    height: 68px;
    width: auto
}

.maths-details>.info-container .game-page-picture-wrapper .DDgameArtileImg {
    height: 100%
}

@media (min-width:991.98px) {
    .maths-details>.info-container .game-page-picture-wrapper {
        height: 76px
    }
}

.maths-details>.info-container.max_win-info .value {
    text-transform: none
}

.maths-details>.info-container .attribute {
    line-height: 20px;
    text-transform: uppercase
}

.maths-details>.info-container .attribute.name {
    background: linear-gradient(153.43deg, #fcf45f 10%, #fead25 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-top: 1%
}

.maths-details>.info-container .attribute.value {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 15px
}

@media (min-width:991.98px) {
    .maths-details>.info-container .attribute.value {
        font-size: 20px;
        line-height: 30px
    }
}

@media (min-width:991.98px) {
    .maths-details>.info-container .attribute {
        line-height: 32px
    }
}

@media (min-width:767.98px) {
    .maths-details>.info-container {
        font-size: 16px
    }
}

@media (min-width:991.98px) {
    .maths-details>.info-container {
        font-size: 30px;
        width: 30%
    }
}

@media (min-width:991.98px) {
    .maths-details {
        gap: 2%;
        height: 225px;
        padding: 0 .5%
    }
}

.features-slider-container {
    position: relative
}

@media (min-width:767.98px) {
    .features-slider-container {
        margin: 0 15px
    }
}

.features-slider-container #features-slider {
    padding-inline-start: unset
}

.features-slider-container #features-slider .keen-slider__slide {
    overflow: visible;
    display: flex;
    justify-content: flex-start
}

.features-slider-container #features-slider .keen-slider__slide .slide-item-wrapper {
    background-color: #f8f8f8;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin: 3px 5px 10px;
    border-radius: 15px;
    width: 214px;
    height: 193px
}

.features-slider-container #features-slider .keen-slider__slide .slide-item-wrapper .slide-item-icon {
    background-color: #fff
}

.features-slider-container #features-slider .keen-slider__slide .slide-item-wrapper .slide-item-icon .feature-img {
    height: 130px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.features-slider-container #features-slider .keen-slider__slide .slide-item-wrapper .slide-item-content {
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 20px 10px;
    font-family: Inter, sans-serif;
    color: #000
}

.features-slider-container #features-slider .keen-slider__slide .slide-item-wrapper a {
    text-decoration: none
}

.features-slider-container .arrow {
    display: flex;
    width: 14px;
    height: 20px;
    position: absolute;
    top: calc(50% - 19px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.features-slider-container .arrow--left {
    left: -20px;
    background-image: url(/images/icons/carousel-left.png)
}

.features-slider-container .arrow--right {
    left: auto;
    right: -20px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

.features-slider-container .dots {
    display: flex;
    justify-content: center;
    padding: 20px 0 10px
}

.features-slider-container .dots .dot {
    border: none;
    width: 6px;
    height: 6px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 2px;
    cursor: pointer
}

.features-slider-container .dots .dot--active {
    background: #686868
}

.features-slider-container .left-fade::before,
.features-slider-container .right-fade::after {
    content: " ";
    height: 100%;
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 0
}

.features-slider-container .left-fade::before {
    background: linear-gradient(90deg, #fff 0, transparent 100%);
    left: 0
}

.features-slider-container .right-fade::after {
    background: linear-gradient(90deg, transparent 0, #fff 100%);
    right: 0
}

div.gallery-module-container {
    display: grid;
    grid-template-rows: 234px;
    grid-template-columns: repeat(5, 181px);
    gap: 12px;
    margin: 0 auto;
    margin-bottom: 20px
}

@media (min-width:320px) and (max-width:1200px) {
    div.gallery-module-container {
        grid-template-columns: repeat(3, 110px)
    }
}

div.gallery-module-container>div.gallery-module-image-container img,
div.gallery-module-container>div.gallery-module-image-container>div.game-page-picture-wrapper>img.DDgameArtileImg {
    width: 181px;
    height: 234px !important;
    object-fit: cover
}

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

    div.gallery-module-container>div.gallery-module-image-container img,
    div.gallery-module-container>div.gallery-module-image-container>div.game-page-picture-wrapper>img.DDgameArtileImg {
        width: 110px
    }
}

@media (min-width:320px) and (max-width:1200px) {
    div.gallery-module-container>div.gallery-module-image-container {
        width: 110px
    }
}

div.gallery-module-container>div.gallery-module-image-container:first-of-type img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

div.gallery-module-container>div.see-all-photos {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 234px;
    width: 70px;
    background-color: #e0e0e0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

div.gallery-module-container>div.see-all-photos>a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #3c3c3c;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 700
}

div.gallery-module-modal>div.modal-dialog {
    width: 80vw
}

div.gallery-module-modal>div.modal-dialog .modal-body {
    background-color: #3c3d3c
}

div.gallery-module-modal>div.modal-dialog .modal-header {
    background-color: #3c3d3c;
    border-bottom: 1px solid;
    border-image: -webkit-linear-gradient(180deg, #fcf45f, #fead25) 1
}

div.gallery-module-modal>div.modal-dialog .modal-content>.modal-header>.modal-title,
div.gallery-module-modal>div.modal-dialog>.modal-content>.modal-header>.close {
    background: -webkit-linear-gradient(180deg, #fcf45f, #fead25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    display: inline-block;
    text-shadow: none;
    opacity: 1
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 30vh 30px
}

@media (min-width:767.98px) {
    div.gallery-module-modal>div.modal-dialog div#modalImageContainer {
        grid-template-rows: 74vh 35px
    }
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>img {
    grid-row: 1;
    margin-bottom: 16px;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    display: none;
    animation: fadeIn ease 1s
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.game-page-picture-wrapper {
    grid-row: 1;
    margin-bottom: 16px;
    display: none;
    animation: fadeIn ease 1s
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.game-page-picture-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls {
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    grid-template-rows: 30px;
    justify-items: center;
    align-items: center
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls>button {
    all: unset;
    cursor: pointer
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls>button#previousImage {
    grid-column: 1
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls>button#previousImage :active {
    transform: translateX(-3px);
    transition: .1s
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls>button#nextImage {
    grid-column: 3
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls>button#nextImage :active {
    transform: translateX(3px);
    transition: .1s
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls>span {
    grid-column: 2;
    grid-row: 1;
    font-family: Inter, sans-serif
}

div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls i,
div.gallery-module-modal>div.modal-dialog div#modalImageContainer>div.modal-controls span {
    background: -webkit-linear-gradient(180deg, #fcf45f, #fead25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width:767px) {
    div#game-index-page-article .gallery-module-content img {
        width: 110px !important;
        height: 234px !important
    }
}

.read-more-container .more {
    display: none
}

.read-more-container .toggle {
    cursor: pointer
}

.read-more-container .toggle::after {
    content: attr(data-more)
}

.read-more-container.opened .dots {
    display: none
}

.read-more-container.opened .toggle::after {
    content: attr(data-less)
}

.go-to-casino {
    color: #fff;
    text-align: center;
    background-color: #1a1a1a;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.go-to-casino>div:first-child {
    margin: auto
}

.go-to-casino>div:last-child {
    margin-top: auto;
    margin-bottom: 20px
}

.go-to-casino .logo {
    width: 70%;
    background: #000;
    padding: 10px 40px;
    border-radius: 10px;
    border: 1px solid rgba(130, 152, 171, .35);
    margin: 20px auto
}

.go-to-casino .arrow-box .arrow {
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    border-right: 2px solid #b6b8b8;
    border-bottom: 2px solid #b6b8b8;
    animation: 1.5s infinite steps(10)
}

.go-to-casino .arrow-box .arrow:nth-child(1) {
    animation-name: arrow-animation-1
}

.go-to-casino .arrow-box .arrow:nth-child(2) {
    animation-name: arrow-animation-2
}

.go-to-casino .arrow-box .arrow:nth-child(3) {
    animation-name: arrow-animation-3
}

@keyframes arrow-animation-1 {

    0%,
    50% {
        border-color: #b6b8b8;
        scale: 1
    }

    12.5%,
    37.5% {
        border-color: #999;
        scale: 1.1
    }

    25% {
        border-color: #f8f8f8;
        scale: 1.2
    }
}

@keyframes arrow-animation-2 {

    10%,
    60% {
        border-color: #b6b8b8;
        scale: 1
    }

    22.5%,
    47.5% {
        border-color: #999;
        scale: 1.1
    }

    35% {
        border-color: #f8f8f8;
        scale: 1.2
    }
}

@keyframes arrow-animation-3 {

    20%,
    70% {
        border-color: #b6b8b8;
        scale: 1
    }

    32.5%,
    57.5% {
        border-color: #999;
        scale: 1.1
    }

    45% {
        border-color: #f8f8f8;
        scale: 1.2
    }
}

.search-loading {
    position: absolute;
    scale: .44;
    padding-right: 15px
}

.search-loading * ::after,
.search-loading * ::before {
    box-sizing: border-box
}

.search-loading .loading {
    height: 32px;
    width: 32px;
    animation: loader-1-1 4.8s linear infinite
}

.search-loading .loading span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 32px;
    width: 32px;
    clip: rect(0, 32px, 32px, 16px);
    animation: loader-1-2 1.2s linear infinite
}

.search-loading .loading span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 32px;
    width: 32px;
    clip: rect(0, 32px, 32px, 16px);
    border: 3px solid #686868;
    border-radius: 50%;
    animation: loader-1-3 1.2s cubic-bezier(.77, 0, .175, 1) infinite
}

@keyframes loader-1-1 {
    0% {
        transform: rotate(0)
    }

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

@keyframes loader-1-2 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(220deg)
    }
}

@keyframes loader-1-3 {
    0% {
        transform: rotate(-140deg)
    }

    50% {
        transform: rotate(-160deg)
    }

    100% {
        transform: rotate(140deg)
    }
}

.loadmore-button .search-loading {
    position: static
}

.loadmore-button {
    text-transform: uppercase;
    margin: 40px auto;
    background-color: #fff;
    color: #252525;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px 0;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 2px;
    border: 2px solid #e2e2e2;
    max-width: 426px;
    width: 100%;
    max-height: 48px
}

.loadmore-button .glyphicon-arrow-down {
    color: #b5b5b5;
    padding-right: 10px
}

.loadmore-button:hover {
    background-color: #f5f5f5
}

.loadmore-button .load-more {
    display: none
}

.featured-filters {
    position: relative;
    margin: 10px 20px -8px
}

@media (min-width:767.98px) {
    .featured-filters {
        margin: 10px 80px -8px
    }
}

.featured-filters .keen-slider__slide {
    white-space: nowrap;
    font-size: 12px;
    width: fit-content !important;
    overflow: visible !important;
    display: flex;
    cursor: pointer;
    border-radius: 50em;
    border: 1px solid #686868;
    padding: .1em .7em;
    color: #686868
}

.featured-filters .keen-slider__slide.active {
    background-color: #eef6ee;
    border-color: #4a8f40;
    color: #4a8f40
}

.featured-filters .keen-slider__slide .filter-icon {
    height: 25px;
    width: 25px;
    margin-right: 6px
}

.featured-filters .keen-slider__slide .filter-text {
    padding-top: 1px
}

.featured-filters .dots {
    margin-top: 7px;
    display: flex;
    padding: 10px 0;
    justify-content: center
}

.featured-filters .dots .dot {
    border: none;
    width: 6px;
    height: 6px;
    min-width: 6px;
    background: #c5c5c5;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer
}

.featured-filters .dots .dot--active {
    background: #000
}

.featured-filters .navigation-wrapper .left-fade::before,
.featured-filters .navigation-wrapper .right-fade::after {
    content: " ";
    height: 40px;
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 0
}

.featured-filters .navigation-wrapper .left-fade::before {
    background: linear-gradient(90deg, #fff 0, transparent 100%);
    left: 0
}

.featured-filters .navigation-wrapper .right-fade::after {
    background: linear-gradient(90deg, transparent 0, #fff 100%);
    right: 0
}

.index-page-adverts-container {
    padding-bottom: 10px;
    position: relative;
    margin: 20px 0
}

@media (min-width:767.98px) {

    .index-page-adverts-container.mobile-container,
    .index-page-adverts-container.mobile-container * {
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important
    }
}

.index-page-adverts-container .arrow {
    display: flex;
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.index-page-adverts-container .arrow--left {
    left: 30px;
    background-image: url(/images/icons/carousel-left.png)
}

.index-page-adverts-container .arrow--right {
    left: auto;
    right: 30px;
    transform: scaleX(-1) translateY(-50%);
    background-image: url(/images/icons/carousel-left.png)
}

.index-page-adverts-container .dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.index-page-adverts-container .dots .dot {
    cursor: pointer;
    margin: 15px 5px;
    width: 9px;
    height: 9px;
    padding: 3px;
    border-radius: 50%;
    background: #000;
    border: 2px solid #f7b119
}

.index-page-adverts-container .dots .dot.dot--active {
    background: linear-gradient(0, #f2960e, #f7b119)
}

.homepage-header.gb {
    font-weight: 700;
    width: 100%;
    z-index: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.homepage-header.gb:not(.logged-in) {
    background: url(/images/home/background.png)
}

.homepage-header.gb:not(.logged-in)>.row {
    padding: 35px 18px
}

@media (min-width:575.98px) {
    .homepage-header.gb:not(.logged-in)>.row {
        width: 480px
    }
}

@media (min-width:575.98px) {
    .homepage-header.gb:not(.logged-in)>.row {
        width: 550px
    }
}

@media (min-width:991.98px) {
    .homepage-header.gb:not(.logged-in)>.row {
        width: auto
    }
}

.homepage-header.gb:not(.logged-in)>.row .bottom-wrapper {
    height: 50px
}

.homepage-header.gb:not(.logged-in)>.row .bottom-wrapper .trust-pilot-wrapper {
    margin-top: -40px
}

.homepage-header.gb:not(.logged-in)>.row .bottom-wrapper .trust-pilot-wrapper a {
    margin: 45px 0 0 20px
}

.homepage-header.gb:not(.logged-in)>.row:first-of-type {
    padding-bottom: 0
}

.homepage-header.gb:not(.logged-in)>.row:nth-of-type(n+2) {
    padding-top: 0;
    width: 100%
}

.homepage-header.gb.logged-in {
    background: #fff
}

.homepage-header.gb.logged-in .home-tournaments h2 {
    mix-blend-mode: difference
}

.homepage-header.gb.logged-in .row:first-of-type .column {
    margin: 0 15px
}

.homepage-header.gb .column {
    padding: 0
}

.homepage-header.gb .row {
    display: flex;
    margin: 0;
    right: 0
}

.homepage-header.gb .row .phone-wrapper {
    flex: 1
}

.homepage-header.gb .row .phone-wrapper .phone img {
    width: 100%
}

@media screen and (min-width:320px) and (max-width:768px) {
    .homepage-header.gb .row .phone-wrapper .phone img {
        transform: translateX(5px)
    }
}

.homepage-header.gb .row .phone-wrapper .phone {
    position: absolute;
    width: 100%;
    height: 100%
}

@media (min-width:320px) {
    .homepage-header.gb .row .phone-wrapper .phone {
        bottom: 35px;
        scale: .85
    }
}

@media (min-width:575.98px) {
    .homepage-header.gb .row .phone-wrapper .phone {
        bottom: 35px;
        scale: .85
    }
}

@media (min-width:767.98px) {
    .homepage-header.gb .row .phone-wrapper .phone {
        bottom: 35px;
        scale: .85
    }
}

@media (min-width:991.98px) {
    .homepage-header.gb .row .phone-wrapper .phone {
        bottom: -10px;
        scale: 1.4
    }
}

@media (min-width:1199.98px) {
    .homepage-header.gb .row .phone-wrapper .phone {
        bottom: 5px;
        scale: 1.1
    }
}

.homepage-header.gb .row .yellow-button {
    width: unset;
    display: flex;
    text-transform: uppercase;
    gap: .5em;
    align-items: center
}

@media (max-width:480px) {
    .homepage-header.gb .row .yellow-button {
        padding: 0 10px
    }
}

.homepage-header.gb>.row,
.homepage-header.gb>.row+.games-wrapper>* {
    margin: auto
}

.homepage-header.gb>.row .trustpilot-widget,
.homepage-header.gb>.row+.games-wrapper>* .trustpilot-widget {
    justify-content: center;
    display: flex;
    margin: 10px 0 -10px 0;
    transform: scale(.75)
}

.homepage-header.gb .tep-banner {
    margin: 20px auto auto
}

.homepage-header.gb .featured-games-categories-container,
.homepage-header.gb .tep-banner,
.homepage-header.gb>.row,
.homepage-header.gb>.row+.games-wrapper>* {
    max-width: min(1200px, 100vw);
    float: none;
    width: 100%;
    margin: auto
}

.homepage-header.gb .featured-games-categories-container .featured-games-categories-title-container a,
.homepage-header.gb .tep-banner .featured-games-categories-title-container a,
.homepage-header.gb>.row .featured-games-categories-title-container a,
.homepage-header.gb>.row+.games-wrapper>* .featured-games-categories-title-container a {
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative
}

.homepage-header.gb .tep-banner {
    margin: 0 auto auto
}

.homepage-header.gb .mobile-tep-banner-wrapper {
    border-radius: 0;
    padding: 20px 18px;
    line-height: 1.289;
    margin: 0;
    width: 100%
}

.homepage-header.gb .mobile-tep-banner-wrapper .info-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding-left: 0
}

.homepage-header.gb .mobile-tep-banner-wrapper .mobile-tep-banner-title {
    line-height: inherit;
    margin: 0;
    max-height: 32vw;
    font-size: min(8vw, 52px);
    display: flex;
    max-width: 100%;
    overflow: hidden;
    text-align: left
}

.homepage-header.gb .mobile-tep-banner-wrapper .mobile-tep-banner-button {
    font-size: 14px;
    padding: 0 15px;
    width: auto;
    height: 28.046px;
    display: flex
}

.homepage-header.gb .mobile-tep-banner-wrapper .mobile-tep-banner-button span {
    padding-top: 1px;
    margin: auto
}

.homepage-header.gb .mobile-tep-banner-wrapper .mobile-tep-banner-button svg {
    margin: -2px 0 0 .1em
}

.homepage-header.gb .mobile-tep-banner-wrapper .mobile-tep-banner-game-img {
    margin: 0;
    flex: 1;
    object-fit: contain;
    padding: 0;
    overflow: hidden
}

.homepage-header.gb .mobile-tep-banner-wrapper .column {
    max-height: 30.936vw
}

.homepage-header.gb .mobile-tep-banner-wrapper .mobile-tep-banner-title {
    width: 100%
}

.homepage-header.gb .mobile-tep-banner-wrapper .mobile-tep-terms-and-conditions-text {
    font-size: 10px;
    line-height: 1.289;
    margin: 1em 0 0;
    padding: 0
}

.homepage-header.gb h1 {
    color: #fff;
    font-size: 17px;
    line-height: 1.289;
    max-height: 3.867em;
    text-align: left;
    text-wrap-style: balance;
    font-family: Lexend, sans-serif;
    margin-bottom: 15px;
    letter-spacing: -1px
}

@media (min-width:374.98px) {
    .homepage-header.gb h1 {
        font-size: 20px
    }
}

@media (min-width:991.98px) {
    .homepage-header.gb h1 {
        font-size: 40px;
        margin-bottom: 25px
    }
}

@media (min-width:1199.98px) {
    .homepage-header.gb h1 {
        font-size: 52px;
        max-height: 2.578em;
        letter-spacing: 0
    }
}

.homepage-header.gb button {
    font-weight: 700
}

.homepage-header.gb .featured-games-categories-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff
}

.homepage-header.gb .games-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #000
}

.homepage-header.gb .games-wrapper>* {
    margin-top: 30px
}

.homepage-header.gb .games-wrapper::before {
    background: linear-gradient(180deg, #000 var(--stop1), #b6b8b8 var(--stop2), #fff var(--stop3));
    position: absolute;
    margin-left: -15px;
    width: 100%;
    height: var(--stop3);
    font-size: 0;
    top: max(100% - var(--stop1), 1em)
}

.homepage-header.gb.logged-in+.free-tournaments .home-tournaments {
    background: #fff
}

.homepage-header.gb.logged-in+.free-tournaments .home-tournaments h2 {
    color: #000
}

.free-tournaments,
.main-block {
    margin-top: 20px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.free-tournaments>*,
.main-block>* {
    max-width: 1200px;
    width: 100%
}

.free-tournaments .home-tournaments h2,
.main-block .home-tournaments h2 {
    color: #fff;
    mix-blend-mode: hard-light;
    padding: 0
}

@media (min-width:1199.98px) {

    .free-tournaments .home-tournaments h2,
    .main-block .home-tournaments h2 {
        padding: 0 15px
    }
}

.free-tournaments .home-tournaments+.text-center h2,
.main-block .home-tournaments+.text-center h2 {
    color: #f87171
}

.home-tournaments {
    display: flex
}

.home-tournaments h2 {
    margin: 0;
    color: #c5c5c5
}

.home-tournaments h2::before {
    content: none
}

.home-tournaments a {
    font-weight: 700;
    margin-left: 10px
}

.homePage .home-tournaments h2 {
    padding: 0;
    color: #3c3d3c;
    margin-top: 20px
}

@media (min-width:767.98px) {
    .homePage .home-tournaments h2 {
        padding: 0 15px
    }
}

@media (min-width:1199.98px) {
    .homePage .home-tournaments h2 {
        padding: 0 30px
    }
}

.homePage .featured-games-categories-wrapper {
    padding: 0
}

@media (min-width:767.98px) {
    .homePage .featured-games-categories-wrapper {
        padding: 0 15px
    }
}

.tep-header-subtitle {
    color: #fff;
    margin-bottom: 0
}

@media (min-width:991.98px) {
    .tep-header-subtitle {
        margin-top: 15px
    }
}

.affiliates {
    text-wrap: balance
}

.affiliates .navbar {
    margin-top: 0
}

.affiliates .navbar+.nav-steps {
    margin-top: 50px
}

.affiliates .navbar .login-container {
    display: flex;
    gap: 7px;
    margin: 0 8px
}

.affiliates .navbar .login-container>a.button {
    line-height: 12px;
    font-size: 11.5px;
    letter-spacing: 0;
    height: 26px;
    min-width: 65px;
    width: 83px
}

.affiliates .navbar .login-container>a.button.desktop-only {
    display: none
}

@media (min-width:1199.98px) {
    .affiliates .navbar .login-container>a.button.desktop-only {
        display: inline-flex
    }
}

.affiliates .navbar .nav {
    justify-content: space-between
}

.affiliates .navbar .nav::after,
.affiliates .navbar .nav::before {
    content: none
}

.affiliates .getting-started-container .row {
    font-weight: 700;
    text-align: center
}

@media (min-width:320px) and (max-width:1200px) {
    .affiliates .getting-started-container::before {
        height: calc(100% - 44px);
        margin-top: 44px
    }
}

.affiliates .getting-started-container .bottom-navbar-container,
.affiliates .getting-started-container .top-navbar-container {
    display: none
}

.affiliates .header-steps-container .title {
    font-size: 33px
}

.affiliates .header-steps-container .subtitle {
    font-size: 10px
}

.affiliates .header-steps-mobile .header-step .step-text-wrapper .step-text {
    font-size: 16px
}

.affiliates .header-steps-mobile .header-step .step-text-wrapper .step-text.step-title {
    font-size: 18px
}

.affiliates .header-steps-mobile .header-step .step-text-wrapper .step-text.step-subtitle {
    font-size: 12px
}

@media (min-width:991.98px) {
    .affiliates .header-steps-container .title {
        font-size: 55px
    }

    .affiliates .header-steps .header-step .step-text {
        font-size: 16px
    }

    .affiliates .header-steps .header-step .step-text.step-title {
        font-size: 25px
    }

    .affiliates .header-steps .header-step.side-step {
        width: 267px;
        height: 133px
    }

    .affiliates .header-steps .header-step.middle-step {
        width: 384px;
        height: 162px
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .affiliates .header-steps-container .title {
        font-size: 60px
    }

    .affiliates .header-steps-container .subtitle {
        font-size: 10px
    }

    .affiliates .header-steps-mobile .header-step .step-text-wrapper .step-text {
        font-size: 16px
    }

    .affiliates .header-steps-mobile .header-step .step-text-wrapper .step-text.step-title {
        font-size: 22px
    }

    .affiliates .header-steps-mobile .header-step .step-text-wrapper .step-text.step-subtitle {
        font-size: 14px
    }
}

.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable),
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) {
    width: 100% !important;
    border: none
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) td,
.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) th,
.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) tr,
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) td,
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) th,
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) tr {
    border: none;
    border-bottom: 1px solid #fff;
    height: 65px;
    padding: 0 5px
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) td:nth-child(1),
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) td:nth-child(1) {
    white-space: nowrap
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) tr,
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) tr {
    font-size: 12px;
    color: #686868
}

@media (min-width:767.98px) {

    .inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) tr,
    .inner-max-width:not(.tournaments) .game-article table:not(.slotstable) tr {
        font-size: 16px
    }
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) th,
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) th {
    background-color: #fff;
    color: #202c2b
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) tr:nth-child(odd),
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) tr:nth-child(odd) {
    background-color: #f8f8f8
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) img,
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) img {
    width: 45px;
    height: 45px
}

@media (min-width:767.98px) {

    .inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) img,
    .inner-max-width:not(.tournaments) .game-article table:not(.slotstable) img {
        width: 65px;
        height: 65px
    }
}

.inner-max-width:not(.tournaments) .ftmArticle table:not(.slotstable) div,
.inner-max-width:not(.tournaments) .game-article table:not(.slotstable) div {
    display: inline-block;
    padding-right: 15px
}

.inner-max-width:not(.tournaments) .ftmArticle table.slotstable,
.inner-max-width:not(.tournaments) .game-article table.slotstable {
    font-family: Inter, sans-serif !important
}

.inner-max-width:not(.tournaments) .ftmArticle table.slotstable td img.DDgameArtileImg,
.inner-max-width:not(.tournaments) .game-article table.slotstable td img.DDgameArtileImg {
    max-width: 100%;
    min-width: unset;
    height: auto !important
}

@media (min-width:767.98px) {

    .inner-max-width:not(.tournaments) .ftmArticle table.slotstable td img.DDgameArtileImg,
    .inner-max-width:not(.tournaments) .game-article table.slotstable td img.DDgameArtileImg {
        max-width: 600px;
        width: unset
    }
}

table.slotstable {
    table-layout: fixed
}

.magenta {
    font-family: NeuePlakText, sans-serif
}

.magenta .tournament-list .tournament .tournament-info .information .details a img,
.magenta .tournament-list-table .tournament-table .tournament-row .details a img {
    filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(4511%) hue-rotate(232deg) brightness(104%) contrast(101%)
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .dots .dot:not(.dot--active) {
    background-color: #3250ff;
    background-image: none
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info {
    font-family: NeuePlakText, sans-serif;
    color: #fff
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .icons .type .type-gold {
    display: inline
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .icons .type .type-gray {
    display: none
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gray {
    display: none
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gold {
    display: inline
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .date-label .counter>div>p {
    color: #fff
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants span.entrants {
    color: #fff
}

.magenta .main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information:not(:last-of-type) span {
    background-color: #fff;
    background-image: none
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants>.player-gold,
.magenta .main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .entrants>.player-gold {
    display: none
}

.magenta .main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants>.player-white,
.magenta .main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .entrants>.player-white {
    display: block
}

.magenta .main-block.tournament-schedule .tournament-list-table {
    color: #fff
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table {
    padding: 0 30px;
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table tbody .tournament-row td,
.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table tbody .tournament-row th,
.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table tbody .tournament-row tr {
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-details {
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table .tournament-row.opened td {
    background-color: #fff;
    background-image: none
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table .tournament-row .details .info-gray {
    display: none
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table .tournament-row .details .info-gold {
    display: inline
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table .tournament-row .type .type-gold {
    display: inline
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table .tournament-row .type .type-gray {
    display: none
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table .tournament-row .date-label {
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block.tournament-schedule .tournament-list-table .tournament-table .tournament-row .date-label .counter>div>p {
    color: #fff
}

.magenta .main-block.tournament-schedule .faq {
    padding: 0
}

.magenta .main-block.tournament-schedule .faq .section {
    padding: 30px 5px 10px 50px
}

.magenta .main-block.tournament-schedule .faq .section p {
    margin: 0
}

@media (max-width:992px) {
    .magenta .main-block.tournament-schedule .faq .section {
        padding: 30px 5px 10px 20px
    }
}

.magenta .main-block.tournament-schedule .faq .content {
    border-bottom: none
}

.magenta .main-block.tournament-schedule .faq .content p {
    margin: 10px 0
}

@media (max-width:992px) {
    .magenta .main-block.tournament-schedule .cep-content {
        padding: 0 10px
    }
}

.magenta .tournament-background .gradient .counter-container .ribbon-container .entry.ribbon .ribbon-text-container {
    background: #7d55ff;
    min-width: 0
}

.magenta .tournament-background .gradient .counter-container .ribbon-container .entry.ribbon .ribbon-text-container span {
    font-family: inherit
}

.magenta .tournament-background .gradient .counter-container .ribbon-container .entry.ribbon .ribbon-text-container::after {
    background: #7d55ff
}

.magenta .tournament-background .gradient .counter-container .ribbon-container .entry.ribbon span {
    color: #fff
}

.magenta .tournament-background .gradient .counter-container .ribbon-container .entry.fee .ribbon-fee-container {
    border-top-color: #7d55ff;
    border-bottom-color: #7d55ff
}

.magenta .tournament-background .gradient .counter-container .ribbon-container .entry.fee .ribbon-fee-container span {
    background-image: none;
    color: #fff;
    font-family: inherit
}

.magenta .tournament-background .gradient .counter-container .counter div .value {
    font-family: inherit
}

.magenta .tournament-background .gradient .prize-pool .desc {
    font-family: inherit
}

.magenta .tournament-background .gradient .buttons .button {
    height: 40px;
    font-size: 14px
}

.magenta .stmp-search-bar {
    padding: 0 30px
}

.magenta .stmp-search-bar form {
    padding: 15px 30px
}

.magenta .stmp-search-bar form button:not(.close, .reset-button-style),
.magenta .stmp-search-bar form input {
    border-color: #fff;
    color: #fff;
    background: 0 0
}

.magenta .stmp-search-bar form.dark-search .dropdown-wrapper .dropdown-menu li {
    color: #fff
}

.magenta .stmp-search-bar form.dark-search #mobile-filters .modal-content {
    background-color: #2b292e
}

.magenta .stmp-search-bar form.dark-search #mobile-filters .modal-content .item-with-icon.active {
    border-color: inherit
}

.magenta .stmp-search-bar form.dark-search #mobile-filters .modal-content .item-with-icon.active:not(.reset-button-style) {
    font-weight: 700
}

.magenta .stmp-search-bar form.dark-search #mobile-filters .modal-dialog p {
    -webkit-text-fill-color: unset;
    background: unset;
    color: #fff
}

.magenta .stmp-search-bar form.dark-search #mobile-filters .modal-dialog .action-buttons .button:first-child {
    background: #3250ff
}

.magenta .stmp-search-bar form.dark-search #mobile-filters .modal-dialog .action-buttons .reset-button-style {
    border-color: #fff;
    color: #fff
}

.magenta .main-block.xp .div>a:not(.btn, .button) {
    color: #fff;
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block.xp .challenges .challenge .progress-container .progress-bar {
    box-shadow: inset 0 -1px rgba(0, 0, 0, .25)
}

.magenta .main-block.xp .challenges .challenge .progress-container .progress-bar .progress-completed {
    background-color: #7d55ff
}

.magenta .main-block.xp .challenges .challenge .progress-container .round-counter .round-label {
    color: #fff
}

.magenta .main-block.xp .challenges .challenge .reward .reward-points {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.xp .challenges .challenge .reward .reward-label {
    color: #fff
}

.magenta .main-block.xp .challenges .challenge .img img {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block.xp .challenges .challenge .img,
.magenta .main-block.xp .challenges .challenge .progress-container .progress-bar,
.magenta .main-block.xp .challenges .challenge .reward {
    background-color: #2b292e;
    border: none
}

.magenta .main-block.xp .challenges .challenge .claim-box-wrapper,
.magenta .main-block.xp .challenges .claim-box-wrapper {
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, rgba(50, 80, 255, .5) 100%);
    border: 1px solid rgba(171, 130, 130, .4)
}

.magenta .main-block.xp .challenges .challenge .claim-box-wrapper .claim-box-label,
.magenta .main-block.xp .challenges .claim-box-wrapper .claim-box-label {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-family: NeuePlakText, sans-serif;
    font-weight: 400
}

.magenta .main-block.xp .challenges .challenge .claim-box-wrapper .claim-box,
.magenta .main-block.xp .challenges .claim-box-wrapper .claim-box {
    background: 0 0
}

.magenta .main-block.xp .challenges .challenge .claim-box-wrapper .claim-box .claim-box-button,
.magenta .main-block.xp .challenges .claim-box-wrapper .claim-box .claim-box-button {
    background: #3250ff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    text-transform: capitalize
}

.magenta .main-block.xp .challenges .challenge .claim-box-wrapper .claim-box .claim-box-button:hover,
.magenta .main-block.xp .challenges .claim-box-wrapper .claim-box .claim-box-button:hover {
    color: #000
}

.magenta .main-block.xp .challenges .challenge .claim-box-wrapper .claim-box .claim-box-button i,
.magenta .main-block.xp .challenges .claim-box-wrapper .claim-box .claim-box-button i {
    padding-right: 12px
}

.magenta .main-block.xp .boxes .box {
    border: none;
    background: 0 0;
    position: relative
}

.magenta .main-block.xp .boxes .box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .35;
    background: #2b292e;
    border: 1px solid #ab8282;
    top: 0;
    left: 0
}

.magenta .main-block.xp .dropdown-selector-container .dropdown-selector {
    background: #3250ff;
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: 700
}

.magenta .main-block.xp .dropdown-selector-container .glyphicon.month-selector-icon {
    color: #fff
}

.magenta .main-block.xp .leaderboard .top-three-placements .entry.special {
    border: none;
    background: 0 0;
    position: relative
}

.magenta .main-block.xp .leaderboard .top-three-placements .entry.special::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .35;
    background: #2b292e;
    border: 1px solid #ab8282;
    top: 0;
    left: 0
}

.magenta .main-block.xp .leaderboard .top-three-placements .entry.special .information .position.first,
.magenta .main-block.xp .leaderboard .top-three-placements .entry.special .information .position.second,
.magenta .main-block.xp .leaderboard .top-three-placements .entry.special .information .position.third {
    color: #db05b3
}

.magenta .main-block.xp .leaderboard .top-three-placements .entry.special .information .username,
.magenta .main-block.xp .leaderboard .top-three-placements .entry.special .information .xp-value {
    color: #fff
}

.magenta .main-block.xp .leaderboard .top-three-placements .entry.special .information .xp {
    color: #db05b3
}

.magenta .main-block.xp .leaderboard .other-placements .entry {
    border: none;
    background: 0 0;
    position: relative;
    display: flex;
    align-items: center
}

.magenta .main-block.xp .leaderboard .other-placements .entry::before {
    content: "";
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.magenta .main-block.xp .leaderboard .other-placements .entry:nth-of-type(2n)::before {
    background-color: #fff
}

.magenta .main-block.xp .leaderboard .other-placements .entry:nth-of-type(2n+1)::before {
    background-color: #000
}

.magenta .main-block.xp .leaderboard .other-placements .entry .username .column-label,
.magenta .main-block.xp .leaderboard .other-placements .entry .username .value,
.magenta .main-block.xp .leaderboard .other-placements .entry .xp .column-label,
.magenta .main-block.xp .leaderboard .other-placements .entry .xp .value {
    color: #fff
}

.magenta .main-block.xp .leaderboard .player .entry.player {
    border-color: #db05b3
}

.magenta .main-block.xp .leaderboard .player .entry.player .username .column-label,
.magenta .main-block.xp .leaderboard .player .entry.player .xp .column-label {
    color: #db05b3
}

.magenta .main-block.xp .xp-header .reward-path-title {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block.xp .xp-header .panel-title a {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar button {
    background: #3250ff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    text-transform: capitalize
}

.magenta .main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar button:hover {
    color: #000
}

.magenta .main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar button i {
    padding-right: 12px
}

.magenta .main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .tip {
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block.xp .xp-header .reward-list #chest-overlay .reward-claim-overlay .close {
    background: 0 0 !important;
    color: #db05b3 !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-active-effect {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button {
    background: #3250ff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    width: 100%;
    text-transform: capitalize;
    top: 100%;
    transform: translateY(-50%)
}

.magenta .main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button:hover {
    color: #000
}

.magenta .main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button i {
    padding-right: 12px
}

.magenta .main-block.xp .xp-header .reward-list .reward .xp-wrapper .xp .current {
    color: #db05b3
}

.magenta .main-block.xp .xp-header .reward-list .reward .xp-wrapper .progress .value {
    background-color: #7d55ff
}

.magenta .main-block.xp .header .panel-group .panel .panel-collapse .panel-body {
    color: #fff;
    border: 0;
    padding: 15px
}

.magenta .main-block.xp .header .panel-group .panel .panel-collapse .panel-body a {
    color: #fff;
    font-weight: 700
}

.magenta .main-block.xp .header .panel-group .panel .panel-heading a {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-family: MontserratTC, sans-serif
}

.magenta .main-block.xp .section-header-desktop .title .text+img {
    display: none
}

.magenta .main-block.xp .rewards-user-info-card .user-info .lifetime-xp-label {
    background: 0 0;
    color: #db05b3;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #db05b3
}

.magenta .main-block.xp .player-tickets .ticket-container {
    border: none;
    background: 0 0;
    position: relative
}

.magenta .main-block.xp .player-tickets .ticket-container::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .35;
    background: #2b292e;
    border: 1px solid #ab8282;
    top: 0;
    left: 0
}

.magenta .main-block.xp .player-tickets .ticket-container .image-container .subtitle {
    background: 0 0;
    color: #db05b3;
    -webkit-text-fill-color: #db05b3
}

.magenta .main-block.xp .player-tickets .ticket-container .body .content {
    color: #fff
}

.magenta .main-block.xp .player-tickets .ticket-container .body .link a {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.xp .player-avatars .overlay .close {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.xp .nav-tabs {
    border-color: #fff
}

.magenta .main-block.xp .nav-tabs .nav-item.active .nav-link {
    border-color: #fff;
    border-bottom-color: #000
}

.magenta .results-pagination .pagination-arrow,
.magenta .results-pagination .pagination-filler {
    color: #fff
}

.magenta .results-pagination .page-num-container .pagination-number {
    color: #fff
}

.magenta .results-pagination .page-num-container .pagination-number.selected {
    color: #db05b3
}

.magenta .main-block.tournament-results .results-container .results-header .pagination-search .results-page-input,
.magenta .main-block.tournament-results .results-container .results-header .pagination-search .results-page-sort {
    font-family: inherit;
    padding-bottom: 5px;
    line-height: 1.5em
}

.magenta .main-block.tournament-results .results-container .results-header .pagination-search i {
    top: 4px
}

.magenta .main-block.tournament-results .results-container .results-table {
    padding: 0 30px
}

.magenta .main-block.tournament-results .results-container .results-table table tbody .live-row td:not(:last-child) {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

@media (max-width:768px) {
    .magenta .main-block.pagination-control-other-places.tournaments .card-background {
        border: none
    }
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .entry::before {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards::before {
    background: 0 0
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results {
    background-color: rgba(43, 41, 46, .35)
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results:hover {
    background-color: #2b292e;
    border-color: #7d55ff
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results:hover .number {
    background: 0 0 !important;
    color: #db05b3 !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player {
    background: #2b292e;
    border: 1px solid #fff
}

@media (min-width:1199.98px) {
    .magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player:nth-child(2) {
        border-left-width: 0;
        border-right-width: 0
    }
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .rank-headline {
    font-family: inherit
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .results .number {
    background: 0 0 !important;
    color: #db05b3 !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards .results-pagination {
    position: relative
}

.magenta .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info,
.magenta .main-block.pagination-control-other-places.tournaments .card-background .rewards {
    border-color: #fff
}

.magenta .main-block.pagination-control-other-places.tournaments .leaderboard-header .back-button,
.magenta .main-block.pagination-control-other-places.tournaments .leaderboard-header .back-button a {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.pagination-control-other-places.tournaments .leaderboard-header .back-button .left-arrow {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta .tournament-feedback-container.main-block .tournament-feedback-header .title {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1.5em
}

.magenta .tournament-feedback-container.main-block .tournament-feedback-header .title span {
    font-family: Juana, sans-serif !important
}

.magenta .tournament-feedback-container.main-block .tournament-feedback-header .placement-container .gold-line-img {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .tournament-feedback-container.main-block .current-position {
    display: block;
    text-align: center;
    font-size: 5.5em;
    color: #fff
}

@media (max-width:480px) {
    .magenta .tournament-feedback-container.main-block .current-position {
        display: none
    }
}

.magenta .tournament-feedback-container.main-block .current-position-mobile {
    color: inherit;
    display: none;
    text-align: center;
    font-size: 1.4em;
    padding-right: .5em
}

@media (max-width:480px) {
    .magenta .tournament-feedback-container.main-block .current-position-mobile {
        display: inline
    }
}

.magenta .tournament-feedback-container.main-block .current-position-label {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-size: 1.4em;
    text-transform: uppercase;
    padding: 0 1em
}

.magenta .tournament-feedback-container.main-block .leaderboard-link {
    text-align: center;
    margin-bottom: 75px
}

.magenta .tournament-feedback-container.main-block .leaderboard-link a {
    text-decoration: none;
    font-weight: 700
}

.magenta .tournament-feedback-container.main-block .leaderboard-link a span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta #tournament-entry-modal .entry-modal .close-button-holder span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta #tournament-entry-modal .entry-modal .close-button-holder img {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta #tournament-entry-modal .entry-modal .how-to-play-holder .information-container {
    background-color: #000;
    border-color: #db05b3
}

.magenta #tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect img {
    filter: hue-rotate(115deg) saturate(10) brightness(70%)
}

.magenta #tournament-entry-modal .entry-modal .how-to-play-holder .information-container .checkbox-form-group span {
    font-family: inherit
}

.magenta #tournament-information-modal .information-modal img {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta .tournament-wrapper {
    font-family: inherit
}

.magenta .main-block .cep-content {
    padding: 0 30px
}

.magenta .main-block .cep-content .faq {
    font-family: inherit
}

.magenta .main-block.home::before {
    background: 0 0
}

.magenta .tournament-background .gradient .prize-pool .divider,
.magenta .tournament-background .gradient .prize-pool .number {
    background: 0 0 !important;
    color: #db05b3 !important;
    -webkit-text-fill-color: unset !important
}

.magenta .tournament-background .gradient .counter div .value {
    font-family: NeuePlakText, sans-serif
}

.magenta .inner-max-width.tournaments>div :not(.top-navbar-container, .bottom-navbar-container) a:not(.btn, .button) {
    color: #db05b3
}

.magenta .inner-max-width.tournaments:not(.custom-background)::before {
    background: 0 0
}

.magenta .game-page-features-container #game_page_features {
    background: #19171c;
    border-radius: 0
}

.magenta .game-page-features-container #game_page_features .keen-slider__slide .feature-container .left-container .title {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .gallery-module-container>div.gallery-module-image-container:first-of-type img,
.magenta .gallery-module-container>div.see-all-photos {
    border-radius: 0
}

.magenta #features-slider .keen-slider__slide .slide-item-wrapper {
    border-radius: 0
}

.magenta .games-by-theme-module-container {
    border-radius: 0;
    background: #2b292e
}

.magenta .games-by-theme-module-container .games-by-theme-container .bottom-rope,
.magenta .games-by-theme-module-container .games-by-theme-container .top-rope {
    background: #7d55ff
}

.magenta .games-by-theme-module-container .games-container div .game-bl img {
    border-radius: 0;
    color: #ab8282
}

.magenta .maths-details {
    background: #19171c;
    border-radius: 0
}

.magenta .maths-details>.info-container .game-page-picture-wrapper .DDgameArtileImg {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .maths-details>.info-container .attribute.name {
    background: 0 0 !important;
    color: #db05b3 !important;
    -webkit-text-fill-color: unset !important
}

.magenta .recent-rave-reviews-slider .keen-slider__slide>.game_review {
    border-radius: 0
}

.magenta .slots-by-module-container .keen-slider .keen-slider__slide .slide-container {
    border-radius: 0
}

.magenta .ftmArticle h2::before,
.magenta .game-page .main-block h2::before {
    display: none
}

.magenta .ftmArticle>a,
.magenta .game-page .main-block>a {
    color: #db05b3;
    text-decoration: underline
}

.magenta h2.article-title::before {
    display: none
}

.magenta .game-bl img {
    border-radius: 0
}

.magenta #game-index-page-article li,
.magenta .homepageArticle li,
.magenta div.game-description .game-article li {
    color: #b5b5b5
}

.magenta .breadcrumb .active {
    color: #db05b3
}

.magenta .breadcrumb>li+li::before {
    color: #db05b3
}

.magenta .inner-max-width:not(.tournaments, .getting-started-container) {
    background: #000
}

.magenta .inner-max-width:not(.tournaments, .getting-started-container) .main-block {
    background: 0 0;
    border: none
}

.magenta .inner-max-width:not(.tournaments, .getting-started-container) .page-title {
    background: 0 0
}

.magenta .inner-max-width:not(.tournaments, .getting-started-container) .page-title h1 {
    color: #fff;
    font-family: NeuePlakText, sans-serif;
    font-weight: 300
}

.magenta .slot-of-the-week {
    border-radius: 0
}

.magenta .slot-of-the-week .slots-info .slot-name {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-family: inherit
}

.magenta .slot-of-the-week .slots-info .description {
    font-family: inherit
}

.magenta .slot-of-the-week .slots-info .title p {
    font-family: inherit
}

.magenta .slot-of-the-week .slots-play .btn {
    border-radius: 0;
    background: #3250ff;
    color: #fff;
    text-transform: uppercase
}

.magenta .slot-of-the-week .slots-play .btn .glyphicon {
    display: none
}

.magenta .slot-of-the-week .slots-play .btn,
.magenta .slot-of-the-week .slots-play .from {
    font-family: inherit
}

.magenta .main-block>a,
.magenta .main-block>h1,
.magenta .main-block>h2,
.magenta .main-block>h3,
.magenta .main-block>h4,
.magenta .main-block>h5,
.magenta a,
.magenta h1,
.magenta h2,
.magenta h3,
.magenta h4,
.magenta h5 {
    color: #fff;
    font-family: NeuePlakText, sans-serif !important;
    text-transform: none
}

.magenta .main-block>.container-fluid:has(.breadcrumb) {
    display: none
}

.magenta .main-block .faq {
    padding: 0
}

.magenta .main-block .faq h4 {
    text-align: left;
    -webkit-text-stroke: unset
}

.magenta .main-block .faq .section {
    border: none;
    border-bottom: 5px solid #7d55ff;
    padding: 0 20px 10px
}

.magenta .main-block .faq .section p {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    margin: 0
}

.magenta .main-block .faq .section .arrow {
    filter: brightness(0) saturate(1) invert(47%) sepia(88%) saturate(5001%) hue-rotate(238deg) brightness(100%) contrast(103%)
}

.magenta .main-block .faq .section.active+.content {
    border: none;
    padding: 1em 0 0
}

.magenta .main-block .faq .section:nth-child(n+3) {
    margin-top: 30px
}

.magenta .main-block .faq .content p {
    margin: 0
}

.magenta div>a {
    color: #db05b3
}

.magenta p {
    color: #fff
}

.magenta .main-block p>a {
    text-decoration: underline
}

.magenta .review-star-fill.filled {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .panel {
    background: 0 0
}

.magenta h1 span,
.magenta h2 span,
.magenta h3 span,
.magenta h4 span,
.magenta h5 span {
    font-family: Juana, sans-serif !important
}

.magenta .card-container .flip-container .flipper .card,
.magenta .card-container.fixed .flip-container .flipper .card,
.magenta .card-container.fixed.placeholder-card,
.magenta .card-container.placeholder-card {
    border-color: #666;
    border-image: unset;
    background-image: none;
    background-color: #000
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .labels {
    border: none
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .labels .ticket span,
.magenta .card-container .flip-container .flipper>.card-front .tournament-background .labels .type span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .labels .ticket {
    background-image: linear-gradient(162deg, #7d55ff 8.28%, #db05b3 91.72%)
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .labels .ticket img {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .ribbon-container .entry.ribbon .ribbon-text-container {
    background: #7d55ff
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .ribbon-container .entry.ribbon .ribbon-text-container::after {
    background: #7d55ff;
    left: 20px
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .ribbon-container .entry.ribbon span {
    color: #fff
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .ribbon-container .entry.fee .ribbon-fee-container {
    border-top-color: #7d55ff;
    border-bottom-color: #7d55ff
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .ribbon-container .entry.fee .ribbon-fee-container span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .prize-pool .divider,
.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .prize-pool .number {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .prize-pool .desc {
    font-family: NeuePlakText, sans-serif
}

.magenta .card-container .flip-container .flipper>.card-front .tournament-background .gradient .counter-title {
    font-family: NeuePlakText, sans-serif
}

.magenta .card-container .flip-container .flipper>.card-front .links .link span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-family: NeuePlakText, sans-serif
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient>* {
    font-family: NeuePlak, sans-serif
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient>*>.title {
    color: #fff;
    font-family: NeuePlakText, sans-serif;
    -webkit-text-stroke: unset
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient>*>.title span {
    font-family: Juana, sans-serif
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .card-info a,
.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .how-to-win a {
    color: #fff;
    text-decoration: underline
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .card-info .content-wrapper .content .data>p,
.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .how-to-win .content-wrapper .content .data>p {
    background: 0 0 !important;
    color: #7d55ff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .card-info .content-wrapper .more-info a,
.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .how-to-win .content-wrapper .more-info a {
    background: 0 0 !important;
    color: #db05b3 !important;
    -webkit-text-fill-color: unset !important
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .prizepool .content .values p {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .prizepool .desc {
    font-family: NeuePlakText, sans-serif
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .leaderboard table th {
    background: 0 0 !important;
    color: #7d55ff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .leaderboard table td {
    font-family: NeuePlakText, sans-serif
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .back-button .left-arrow {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .back-button,
.magenta .card-container .flip-container .flipper>.card-back .tournament-background .gradient .back-button a {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    text-decoration: none
}

.magenta .card-container .flip-container .flipper .card span,
.magenta .card-container .flip-container .flipper .card>p {
    font-family: NeuePlakText, sans-serif
}

@media (max-width:992px) {
    .magenta .tournament .dots .dot {
        background: #7d55ff
    }
}

@media (max-width:992px) {
    .magenta .tournament .dots .dot--active {
        background: 0 0;
        border-color: #7d55ff
    }
}

.magenta .card-banner {
    border-image: none;
    border-color: #fff
}

.magenta footer.lnwd {
    background: #000
}

.magenta footer a {
    color: #fff
}

.magenta footer .lnwd>div {
    width: 100%
}

@media (min-width:991.98px) {
    .magenta footer .lnwd>div {
        width: 25%
    }
}

.magenta footer .plus-18 {
    display: flex;
    justify-content: center
}

.magenta footer .plus-18>img {
    padding: 0
}

.magenta footer .footer-content .section-title {
    font-family: Juana, sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 2.2;
    text-align: left
}

.magenta footer .footer-content .links a {
    font-family: NeuePlak, sans-serif;
    font-size: 18px;
    line-height: 2.3;
    margin: 0;
    font-weight: 400
}

.magenta .blurred {
    border-radius: 0
}

.magenta .stmp-search-bar form button:not(.close) {
    border-color: #fff;
    color: #fff
}

.magenta .stmp-search-bar form button:not(.close).reset-button-style {
    border-color: #7d55ff;
    color: #7d55ff
}

.magenta .stmp-search-bar form .times-icon-wrapper span {
    background-color: #7d55ff
}

.magenta .stmp-search-bar form input {
    text-transform: none
}

.magenta .stmp-search-bar form input:not(#search-name, .classifications-filter-input, .themes-filter-input, .games-filter-input, .assigned-filter-input, .makers-filter-input, .status-filter-input) {
    border-color: #2b292e;
    color: #2b292e
}

.magenta .main-block.gameindex .loadmore-button {
    background-color: #fff;
    border-color: #e2e2e2;
    color: #2b292e
}

.magenta .main-block.gameindex .loadmore-button span {
    color: #b5b5b5
}

.magenta #create-review-modal .modal-dialog {
    border-bottom: 5px solid #7d55ff;
    border-top: 5px solid #7d55ff
}

.magenta #create-review-modal .modal-dialog .modal-content {
    background: #2b292e
}

.magenta #create-review-modal .modal-dialog .modal-content .content-border-img img {
    display: none
}

.magenta #create-review-modal .modal-dialog .modal-content .jq-ry-rated-group svg {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta #create-review-modal .modal-dialog .modal-content #close-review {
    filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(4511%) hue-rotate(232deg) brightness(104%) contrast(101%)
}

.magenta #create-review-modal .modal-dialog .modal-content .modal-footer .review-submit {
    background: #3250ff;
    border-radius: 0
}

.magenta #create-review-modal .modal-dialog .modal-content .modal-footer .review-submit,
.magenta #create-review-modal .modal-dialog .modal-content .modal-footer .review-submit .glyphicon {
    color: #fff
}

.magenta #create-review-modal .form-control {
    border-radius: 0
}

.magenta #create-review-form textarea {
    padding: 0
}

.magenta .container-fluid.swipe-banners-component .row .nav.nav-tabs {
    padding: 0
}

.magenta .container-fluid.swipe-banners-component .row .nav.nav-tabs .nav-item .nav-link .tab-icon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(4511%) hue-rotate(232deg) brightness(104%) contrast(101%)
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide {
    border-radius: 0
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner {
    background: #2b292e
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner .swipe-banner-body {
    border-radius: 0
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner .swipe-banner-body .cta-casinopromotion {
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 0
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner .swipe-banner-body .cta-casinopromotion .glyphicon {
    display: none
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner .swipe-banner-footer {
    background: #2b292e;
    border-radius: 0
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner .swipe-banner-footer a {
    color: #8b8b8b
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .keen-slider__slide .swipe-banner .show-control {
    background: #2b292e;
    border-radius: 0;
    color: #8b8b8b
}

.magenta .container-fluid.swipe-banners-component .row .tab-content .tab-pane .keen-slider .dots .dot img {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .container-fluid.swipe-banners-component .row.footer .footer-cta {
    background: 0 0 !important;
    color: #3250ff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .container-fluid.swipe-banners-component .row.footer img {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block .game-info-header span {
    color: #b5b5b5
}

.magenta .main-block .game-info-header img {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block .games-by-same-maker table tbody tr td a,
.magenta .main-block .games-by-same-maker table tbody tr td a:link,
.magenta .main-block .games-by-same-maker table tbody tr td a:visited {
    color: #db05b3
}

.magenta .main-block .user-reviews .review-summary {
    background: #2b292e;
    font-family: Montserrat, sans-serif
}

.magenta .main-block .user-reviews .review-summary .content-border-img {
    border-top: 5px solid #7d55ff;
    height: 0
}

.magenta .main-block .user-reviews .review-summary .review-summary-title {
    display: flex;
    align-items: center
}

.magenta .main-block .user-reviews .review-summary .review-summary-title .review-shield,
.magenta .main-block .user-reviews .review-summary .review-summary-title span {
    margin-left: 2ch
}

.magenta .main-block .user-reviews .review-summary .review-summary-write div {
    border: 1px solid #3250ff
}

.magenta .main-block .user-reviews .review-summary .review-summary-write div span {
    background: 0 0 !important;
    color: #3250ff !important;
    -webkit-text-fill-color: unset !important;
    font-family: Montserrat, sans-serif
}

.magenta .main-block .user-reviews .review-summary .review-summary-content .review-summary-score .review-summary-score-bar .bar-star .bar-star-container>img,
.magenta .main-block .user-reviews .review-summary .review-summary-content .review-summary-score .review-summary-score-bar .score-bar-container .score-bar {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block .user-reviews .overall-score-text,
.magenta .main-block .user-reviews .overall-score-text>span>span {
    font-family: MontserratTC, sans-serif
}

.magenta .main-block .user-reviews .overall-score-text>span {
    font-family: Montserrat, sans-serif
}

.magenta .main-block .user-reviews .review-star-container .review-star-fill.filled {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block .user-reviews .review-list {
    background: #f8f8f8
}

.magenta .main-block .user-reviews .review-list .review-container {
    border-radius: 0
}

.magenta .main-block .user-reviews .review-sorter .review-sort-dropdown {
    background: #2b292e
}

.magenta .main-block .user-reviews .review-sorter .review-sort-dropdown button {
    color: #fff
}

.magenta .main-block .user-reviews .review-feedback .feedback.helpful .feedback-counter {
    color: #7d55ff
}

.magenta .main-block .user-reviews .no-review-row #write-review-first {
    background: #db05b3;
    border-radius: 0
}

.magenta .main-block .user-reviews .no-review-row #write-review-first,
.magenta .main-block .user-reviews .no-review-row #write-review-first .glyphicon {
    color: #fff
}

.magenta .main-block .faq-panel {
    border: none;
    border-radius: 0
}

.magenta .main-block .faq-panel .question-container {
    background: 0 0;
    border-bottom: 5px solid #7d55ff;
    margin-bottom: 10px;
    padding-bottom: 0
}

.magenta .main-block .faq-panel .question-container .glyphicon {
    color: #7d55ff
}

.magenta .main-block .game-frame .game-frame-simple {
    background: #2b292e;
    border-radius: 0
}

.magenta .main-block .game-frame .game-frame-simple .review-stars .jq-ry-container .jq-ry-group-wrapper svg {
    margin-right: 6.2px
}

.magenta .main-block .game-frame .game-frame-simple .review-stars .jq-ry-container .jq-ry-group-wrapper svg:last-child {
    margin: 0
}

.magenta .main-block .game-frame .game-frame-simple .review-stars .jq-ry-container .jq-ry-group-wrapper .jq-ry-rated-group svg {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta .main-block .game-frame .game-frame-simple .review-stars .review-average span {
    font-family: Montserrat, sans-serif
}

.magenta .main-block .game-frame .game-frame-simple .game-frame-actions {
    align-items: center;
    display: flex;
    gap: 2ch;
    justify-content: space-evenly
}

.magenta .main-block .game-frame .game-frame-simple .game-frame-actions .votes-count-bubble {
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    background: 0 0;
    color: #fff;
    padding: 0
}

.magenta .main-block .game-frame .game-frame-simple .game-frame-actions .votes-count-bubble>span {
    display: flex;
    gap: 1ch
}

.magenta .main-block .game-frame .game-frame-simple .game-frame-actions .votes-count-bubble>span>br {
    display: none
}

.magenta .main-block .game-frame .game-frame-simple .game-frame-actions .write-review {
    filter: brightness(0) saturate(1) invert(1);
    margin-left: auto;
    margin-right: 0
}

.magenta .main-block .game-frame .game-frame-simple .game-frame-actions .write-review a {
    text-decoration: none
}

.magenta .main-block .game-frame .game-content .game-container-wrapper .play-game-button-wrapper {
    display: flex;
    flex-direction: column-reverse
}

.magenta .main-block .game-frame .game-content .game-container-wrapper .play-game-button-wrapper .magenta-button {
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 15px
}

.magenta .main-block .game-frame .game-content .game-container-wrapper .play-game-button-wrapper .transparent-button {
    border-radius: 0
}

.magenta .main-block .mobile-review {
    background: #2b292e
}

.magenta .main-block .mobile-review-write div,
.magenta .main-block .mobile-review-write-button {
    border-color: #3250ff
}

.magenta .main-block .mobile-review-write div span,
.magenta .main-block .mobile-review-write-button span {
    background: 0 0 !important;
    color: #3250ff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block .mobile-review-content .review-star-container .review-star-fill.filled {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block .game-frame .content-border-img,
.magenta .main-block .mobile-review .content-border-img {
    display: none
}

.magenta button#cookieConsentButton {
    background: #3250ff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    text-transform: capitalize
}

.magenta button#cookieConsentButton:hover {
    color: #000
}

.magenta button#cookieConsentButton i {
    padding-right: 12px
}

.magenta #plus18messageDiv {
    background: #000;
    opacity: 1
}

.magenta #registration-progress-bar {
    font-family: NeuePlakText, sans-serif
}

.magenta .hamburger-bottom .userinfo .img-container {
    background: #7d55ff
}

.magenta .homepage-header::before {
    background: 0 0
}

.magenta .homepage-header .title {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    filter: drop-shadow(-3px 6px 6px #000);
    font-weight: 200;
    font-family: NeuePlakText, sans-serif;
    text-transform: none
}

.magenta .homepage-header #get-started-button {
    background: #3250ff;
    border-radius: 0;
    color: #fff;
    text-transform: none;
    text-decoration: none
}

.magenta .homepage-header #get-started-button .glyphicon {
    display: none
}

.magenta .homepage-header~.header-steps-mobile .header-step .step-icon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(4511%) hue-rotate(232deg) brightness(104%) contrast(101%)
}

.magenta .inner-max-width.getting-started-container::before {
    height: 40vw;
    background: url(/images/tournament-bg.png) 0 -14.75vw/cover no-repeat;
    box-shadow: inset 0 0 10vw 10vw #000
}

@media (min-width:320px) and (max-width:1200px) {
    .magenta .inner-max-width.getting-started-container::before {
        box-shadow: inset 0 0 10vw 5vw #000
    }
}

.magenta .header-steps .header-step .step-text.step-title,
.magenta.my-account .refer-friend-steps .refer-friend-step .step-text.step-title {
    font-family: NeuePlak, sans-serif
}

.magenta .mobile-tep-banner-title,
.magenta .tep-banner-title {
    font-family: NeuePlak, sans-serif !important;
    text-transform: capitalize
}

.magenta .mobile-tep-banner-title>span,
.magenta .tep-banner-title>span {
    font-family: Juana, sans-serif !important
}

.magenta .information-item .information-item-wrapper .information-item-content .list .list-item {
    filter: hue-rotate(300deg) saturate(10)
}

.magenta .navbar {
    background: #000;
    color: #f8f8f8;
    font-family: NeuePlakText, sans-serif;
    height: 73px;
    font-family: NeuePlakText, sans-serif
}

.magenta .navbar .nav .navbar-brand {
    padding: 0;
    margin-top: 13px
}

.magenta .navbar .nav .navbar-brand,
.magenta .navbar .nav .navbar-brand img {
    height: 80%
}

@media (min-width:1199.98px) {

    .magenta .navbar .nav .navbar-brand,
    .magenta .navbar .nav .navbar-brand img {
        width: auto
    }
}

.magenta .navbar .nav .mobile-only .navbar-brand img {
    height: 100%
}

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

    .magenta .navbar .nav .hamburger-dynamic>li.active,
    .magenta .navbar .nav .hamburger-dynamic>li:active {
        background: #db05b3
    }
}

.magenta .navbar .nav .hamburger-dynamic>li .dropdown-menu>li>a .list-bullet.notification-counter {
    background-color: #db05b3
}

.magenta .navbar .nav .hamburger-bottom {
    margin: auto -15px
}

.magenta .navbar .nav .hamburger-bottom .button {
    background: #3250ff;
    border-radius: 0
}

.magenta .navbar .nav .hamburger-bottom .button.login {
    border-color: #fff;
    background: 0 0
}

.magenta .navbar .nav .hamburger-bottom .button.login span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .navbar .nav .hamburger-middle>li>* {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

@media (min-width:1199.98px) {
    .magenta .navbar .nav>.navbar-collapse {
        width: 75%
    }
}

.magenta .navbar .nav>.navbar-collapse .dropdown-menu {
    list-style-type: none
}

@media (max-width:1200px) {
    .magenta .navbar .nav>.navbar-collapse .dropdown-menu {
        background-color: #19171c
    }
}

.magenta .navbar .nav>.navbar-collapse .dropdown-menu li {
    padding: 0;
    margin: .25em 1em .25em 2em;
    list-style: inherit
}

.magenta .navbar .nav>.navbar-collapse .dropdown-menu li a {
    background: 0 0;
    text-transform: uppercase
}

.magenta .navbar .nav>.navbar-collapse a {
    color: inherit;
    font-size: inherit
}

.magenta .navbar .nav>.navbar-collapse .navbar-right {
    gap: 2em;
    width: 100%
}

@media (max-width:1200px) {
    .magenta .navbar .nav>.navbar-collapse .navbar-right>li>a {
        padding: .5em
    }
}

.magenta .navbar .nav>.nav-search {
    margin-right: auto
}

.magenta .navbar .nav>li>a {
    text-transform: uppercase
}

.magenta .navbar .nav>li>a>span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .navbar~.nav-steps {
    height: 0
}

.magenta .navbar-brand {
    padding: 10px
}

.magenta .nav-steps.nav-steps-bottom {
    background: 0 0
}

.magenta .nav-search-container.open .nav-search-header .search-close i {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .navbar-fixed-top .collapse-close .fa {
    filter: contrast(0) brightness(2)
}

.magenta .navbar-fixed-top::before {
    content: none
}

.magenta .nav-menu-right-side ul.menu li a,
.magenta .nav-menu-right-side ul.menu li a:hover {
    color: #db05b3
}

.magenta .nav-menu-right-side .widgettitle {
    color: #fff
}

.magenta .marker {
    display: none
}

.magenta .logged-in-container>.balance-container.separate>.account {
    background: #3250ff;
    color: #fff
}

.magenta .logged-in-container>.balance-container.separate>.balance,
.magenta .logged-in-container>.balance-container>.balance {
    border-radius: 0;
    border: 1px solid #fff
}

.magenta .logged-in-container>.userinfo-container {
    display: none
}

.magenta .logged-in-container>.userinfo-container>.userinfo>.img-container {
    border-radius: 0;
    background: #db05b3
}

.magenta .logged-in-container>.userinfo-container>.userinfo>.img-container>.img-inner-container {
    border-radius: 0
}

.magenta .logged-in-container>.userinfo-container>.userinfo>.img-container>.img-inner-container>.first-letter {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .top-mobile-nav-container>.top-header-container {
    background: #19171c;
    border-image: none
}

.magenta .top-mobile-nav-container>.top-header-container .mainLogo {
    height: 100%;
    width: auto
}

.magenta .top-mobile-nav-container>nav.top-navbar-container>a {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .top-mobile-nav-container>nav.top-navbar-container>a.selected {
    border-image: none;
    border-color: #db05b3
}

.magenta .top-mobile-nav-container>nav.top-navbar-container>a.activeLink {
    border-image: none;
    border-color: #db05b3
}

.magenta .top-mobile-nav-container .excerpt-container .text {
    background-color: #000;
    border-color: #db05b3;
    border-image: none
}

.magenta .top-mobile-nav-container .excerpt-container .toggle {
    background: #db05b3;
    border-radius: 0;
    color: #fff
}

.magenta div.bottom-navbar-container {
    border-image: none;
    background: #19171c
}

.magenta div.bottom-navbar-container .fa,
.magenta div.bottom-navbar-container .st-icon {
    filter: contrast(0) brightness(2)
}

.magenta div.bottom-navbar-container>div,
.magenta div.bottom-navbar-container>div>a,
.magenta div.bottom-navbar-container>div>a>span,
.magenta div.bottom-navbar-container>div>span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta div.bottom-navbar-container>.mobile-nav-search-container>.nav-search>span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta div.bottom-navbar-container>a>span:not(.unread-message-counter, .my-bonuses-counter) {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta.my-account #details {
    background: 0 0
}

.magenta.my-account #details #form-container #details-form-submit {
    background: #3250ff;
    border-radius: 0;
    color: #fff;
    margin-left: auto;
    margin-right: 5%
}

.magenta.my-account #details #form-container #close-account-modal button.btn.col-xs-12 {
    border-radius: 0
}

.magenta.my-account #details #form-container #close-account-button {
    background: 0 0;
    color: #3250ff;
    -webkit-text-fill-color: #3250ff
}

.magenta.my-account #details #form-container #close-account-button #delete-account-info {
    filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(4511%) hue-rotate(232deg) brightness(104%) contrast(101%)
}

.magenta.my-account #details #welcome-board {
    display: none
}

.magenta #messages {
    font-family: NeuePlakText, sans-serif
}

.magenta #messages .row .messages-message-container {
    border-color: rgba(130, 152, 171, .35);
    background-color: rgba(43, 41, 46, .35)
}

.magenta #my-account-navbar li.nav-item:not(:last-of-type)::after {
    content: unset
}

.magenta.my-account .container .nav-container nav.navbar ul li a {
    color: #8298ab
}

.magenta.my-account .container .content {
    padding-top: 30px
}

.magenta.my-account .container .content #player-protections .transparent-button {
    border-radius: 0
}

.magenta.my-account .container .content #player-protections #protection-popup .modal-content .modal-footer #protection-modal-cancel {
    border-radius: 0
}

.magenta.my-account .container .content #player-protections #deposit-limit-form .periodicity-btn-group .periodicity-btn {
    border-color: #b6b8b8;
    border-radius: 0
}

.magenta.my-account .container .content #player-protections #deposit-limit-form .periodicity-btn-group .periodicity-btn.active {
    background-color: #b6b8b8
}

.magenta.my-account .container .content .form-group .form-control {
    border-radius: 0
}

.magenta.my-account .container .content button#delete-cancel,
.magenta.my-account .container .content button.danger {
    border-radius: 0
}

.magenta .live-row td:not(:last-child) {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta.my-account {
    background: #000
}

.magenta.my-account .container {
    font-family: NeuePlakText, sans-serif
}

.magenta.my-account .container .content {
    border-color: rgba(130, 152, 171, .35);
    background-color: rgba(43, 41, 46, .35)
}

.magenta.my-account .container .content #dashboard,
.magenta.my-account .container .content #dashboard .messages-container {
    font-family: NeuePlakText, sans-serif
}

.magenta.my-account .container .content #withdraw-button {
    color: #fff
}

.magenta.my-account .main-block.xp.my-account .won-rewards .reward {
    background-color: rgba(43, 41, 46, .35)
}

.magenta.my-account .main-block.xp.my-account .won-rewards .reward .claim-button {
    background: #db05b3;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    width: auto;
    font-family: NeuePlakText, sans-serif;
    top: unset;
    transform: none
}

.magenta.my-account .main-block.xp.my-account .won-rewards .reward .claim-button:hover {
    color: #000
}

.magenta.my-account .main-block.xp.my-account .won-rewards .reward .claim-button i {
    padding-right: 12px
}

.magenta .notification-dot {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    height: 1em;
    justify-content: center;
    padding: .6em;
    position: absolute;
    width: 1em;
    background-color: #db05b3
}

.magenta .notification-dot .unread-message-count {
    display: inline;
    font-size: smaller
}

.magenta .latest-news .read-m {
    text-decoration: underline
}

.magenta .news .read-more {
    background-color: #3250ff;
    border-radius: 0
}

.magenta .pagination>.active>a,
.magenta .pagination>.active>a:active,
.magenta .pagination>.active>a:focus,
.magenta .pagination>.active>span,
.magenta .pagination>.active>span:active,
.magenta .pagination>.active>span:focus {
    border-color: #db05b3;
    background-color: #db05b3;
    z-index: 1
}

.magenta .loadmore-button {
    background: #3250ff;
    color: #fff
}

.magenta .loadmore-button .glyphicon {
    color: #fff
}

.magenta .stmp-search-bar #mobile-filters .modal-dialog button {
    text-transform: capitalize
}

.magenta .stmp-search-bar #mobile-filters .modal-dialog ul input {
    text-transform: none
}

.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons a,
.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons button {
    text-transform: capitalize
}

.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons a:first-child,
.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons button:first-child {
    background: #3250ff;
    border: none
}

.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons a:first-child .glyphicon,
.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons a:first-child span,
.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons button:first-child .glyphicon,
.magenta .stmp-search-bar #mobile-filters .modal-dialog .action-buttons button:first-child span {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .stmp-search-bar form {
    background: 0 0
}

.magenta .stmp-search-bar form.dark-search {
    font-family: NeuePlakText, sans-serif
}

.magenta .stmp-search-bar form.dark-search .times-icon-wrapper span {
    background: #7d55ff
}

.magenta .stmp-search-bar form.dark-search .action-buttons button {
    text-transform: capitalize
}

.magenta .stmp-search-bar form.dark-search .action-buttons .reset-button-style {
    background-color: #3250ff;
    opacity: 1
}

.magenta .stmp-search-bar form.dark-search .action-buttons .reset-button-style .reset {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    font-weight: 700
}

.magenta .stmp-search-bar form.dark-search .action-buttons ::after {
    border-width: 1px;
    background: #fff
}

.magenta .stmp-search-bar form.dark-search .action-buttons .bar-item ::after {
    border-width: 1px;
    background: #7d55ff
}

.magenta .stmp-search-bar form .action-buttons .filter-button.active,
.magenta .stmp-search-bar form .item-with-icon.active {
    color: #fff;
    border-color: #fff;
    background-color: #7d55ff;
    border-radius: 0
}

.magenta .stmp-search-bar form .action-buttons .filter-button.active img,
.magenta .stmp-search-bar form .item-with-icon.active img {
    filter: brightness(0) saturate(1) invert(1)
}

.magenta .stmp-search-bar form .dropdown-wrapper .dropdown-menu .selected-items-row .text {
    color: #db05b3
}

.magenta .stmp-search-bar form .dropdown-wrapper .dropdown-menu li:hover:not(.selected) {
    border-radius: 0
}

.magenta .stmp-search-bar form .dropdown-wrapper .dropdown-menu li.selected {
    color: #fff;
    background-color: #7d55ff;
    border-radius: 0
}

.magenta .stmp-search-bar form .dropdown-wrapper .dropdown-menu.scrollable ::-webkit-scrollbar-thumb:hover,
.magenta .stmp-search-bar form .dropdown-wrapper .dropdown-menu.scrollable::-webkit-scrollbar-thumb {
    background: #19171c;
    border-radius: 0
}

.magenta .stmp-search-bar form button:not(.close),
.magenta .stmp-search-bar form input {
    border-radius: 0
}

.magenta .stmp-search-bar form button:not(.close) {
    text-transform: capitalize
}

.magenta .casino-wrapper .inner-wrapper .sign-up-btn {
    background-image: linear-gradient(162deg, #7d55ff 8.28%, #db05b3 91.72%)
}

.magenta .casinos-not-found {
    font-family: NeuePlakText, sans-serif
}

.magenta .responsible-gaming-container .img-responsive,
.magenta .responsible-gaming-container+.keen-slider .img-responsive {
    filter: hue-rotate(300deg) saturate(10)
}

.magenta .responsible-gaming-container .read-more {
    text-decoration: underline
}

.magenta .responsible-gaming-container .swiper-wrapper {
    box-shadow: none
}

.magenta .responsible-gaming-container .swiper-wrapper .main-swiper {
    position: relative
}

.magenta .responsible-gaming-container .swiper-wrapper .main-swiper::after,
.magenta .responsible-gaming-container .swiper-wrapper .main-swiper::before {
    background: linear-gradient(90deg, #fff, transparent);
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    left: 0;
    width: 25%;
    height: 100%;
    z-index: 1
}

.magenta .responsible-gaming-container .swiper-wrapper .main-swiper::after {
    left: 100%;
    transform: translate(-50%, -50%) scaleX(-1)
}

.magenta .responsible-gaming-container .swiper-wrapper .main-swiper .keen-slider__slide .slide-item-wrapper {
    border-radius: 0
}

.magenta .information-item .information-item-wrapper {
    border-radius: 0
}

.magenta .keen-slider .control .arrow {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .tep-banner-wrapper {
    border-radius: 0
}

.magenta .tep-banner-wrapper .tep-banner-info-wrapper .button-and-terms-wrapper .tep-banner-button {
    border-radius: 0;
    text-transform: capitalize
}

.magenta .mobile-tep-banner-wrapper,
.magenta .mobile-tep-banner-wrapper .mobile-tep-banner-button {
    border-radius: 0
}

.magenta .main-block.auth .container form .form-group .input-row input {
    border-radius: 0
}

.magenta .main-block.auth .container form .form-group.form-group-password .col-xs-12.col-flex-center {
    padding-left: 15px;
    padding-right: 15px
}

.magenta .main-block.auth .container form button i {
    padding: 0
}

.magenta .main-block.auth,
.magenta .main-block.auth~.outdated-browser {
    font-family: inherit
}

.magenta .main-block.login .container #sign-up {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    border-color: #fff;
    border-radius: 0;
    text-transform: capitalize
}

.magenta .main-block.login .container #sign-up,
.magenta .main-block.login .container #sign-up i {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .main-block.login .container #forgot-password {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block.auth .container,
.magenta .main-block.login .container {
    border-color: rgba(171, 130, 130, .35);
    background-color: rgba(43, 41, 46, .35)
}

.magenta .main-block.registration #already-registered {
    filter: brightness(0) saturate(1) invert(1) invert(42%) sepia(100%) saturate(7471%) hue-rotate(300deg) brightness(90%) contrast(111%)
}

.magenta .main-block.registration #registration-form .warning {
    border-image-source: none;
    border-color: #fff
}

.magenta .main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-submit {
    background: #3250ff;
    border-radius: 0;
    color: #fff
}

.magenta .main-block.registration-block .stmp-blur-game-bg .auth-container .form-wrapper .auth-submit:hover {
    color: #000
}

.magenta .main-block.registration-block .terms .agree-terms-link {
    color: #fff
}

.magenta .main-block.registration-block #opt-in-notice {
    border: 1px solid #db05b3
}

.magenta .main-block.registration-block .opt-in-methods .opt-in-card {
    border-radius: 0
}

.magenta .main-block #list_selector,
.magenta .main-block #verifyAgeFormWrapper input {
    border-radius: 0
}

.magenta .main-block div#verifyAgeFormWrapper p.age-verification-by-clicking {
    font-family: NeuePlakText, sans-serif
}

.magenta .main-block div#verifyAgeFormWrapper p.age-verification-by-clicking a.agree-terms-link {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.magenta .main-block.auth input {
    border-radius: 0
}

.magenta .main-block.auth.age-verification a,
.magenta .main-block.auth.age-verification a#verifyAgeSubmit {
    color: #fff;
    text-transform: capitalize
}

.magenta .main-block.auth.age-verification a#verifyAgeSubmit {
    background: #3250ff;
    border-radius: 0
}

.magenta .main-block.auth.age-verification a#verifyAgeSubmit:hover {
    color: #000
}

.magenta .main-block.auth .stmp-blur-game-bg #mobileCapture,
.magenta .main-block.auth .stmp-blur-game-bg #verifyAgeTwo {
    background-color: rgba(43, 41, 46, .35);
    border-color: rgba(171, 130, 130, .35)
}

.magenta .main-block.auth .stmp-blur-game-bg .age-verification-title,
.magenta .main-block.auth .stmp-blur-game-bg label {
    font-family: NeuePlakText, sans-serif
}

.magenta #registration-progress-bar .custom-progress-bar .bar,
.magenta .main-block.auth.verification .custom-progress-bar .bar {
    background-color: #db05b3;
    background-image: none !important
}

.magenta #registration-progress-bar .custom-progress-bar .steps,
.magenta #registration-progress-bar .custom-progress-bar .steps .step,
.magenta #registration-progress-bar .custom-progress-bar.full .steps,
.magenta #registration-progress-bar .custom-progress-bar.full .steps .step,
.magenta .main-block.auth.verification .custom-progress-bar .steps,
.magenta .main-block.auth.verification .custom-progress-bar .steps .step,
.magenta .main-block.auth.verification .custom-progress-bar.full .steps,
.magenta .main-block.auth.verification .custom-progress-bar.full .steps .step {
    background: 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.magenta .stmp-blur-game-bg .magenta-button {
    margin-bottom: 2rem
}

.magenta .stmp-blur-game-bg .transparent-button {
    border-radius: 0
}

.magenta .button {
    text-transform: capitalize
}

.magenta .button-fill {
    border-radius: 0;
    font-family: NeuePlakText, sans-serif;
    text-transform: none
}

.magenta .button-fill.primary {
    background: #3250ff;
    color: #fff
}

.magenta .button-fill.secondary {
    background: #db05b3;
    color: #fff
}

.magenta .button-outline {
    border-radius: 0
}

.magenta .button-outline.primary {
    position: relative;
    border: none;
    background: #3250ff;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.magenta .button-outline.primary:hover {
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    text-decoration: none
}

.magenta .button-outline.primary:focus {
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    outline: 0;
    text-decoration: none
}

.magenta .button-outline.primary::after {
    content: "";
    border: solid transparent;
    border-width: 2px;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    background: #3250ff border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.magenta .button-outline.white {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff
}

.magenta .button-outline.white:hover {
    color: #fff;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    text-decoration: none
}

.magenta .button-outline.white:focus {
    color: #fff;
    box-shadow: inset 0 100px 100px rgba(0, 0, 0, .15);
    outline: 0;
    text-decoration: none
}

.magenta .button-outline-gradient {
    border-radius: 0
}

.magenta .button-outline-gradient.primary {
    position: relative;
    border: none;
    text-decoration: none
}

.magenta .button-outline-gradient.primary>span {
    background: #3250ff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.magenta .button-outline-gradient.primary>svg {
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%)
}

.magenta .button-outline-gradient.primary::after {
    content: "";
    border: solid transparent;
    border-width: 2px;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    background: #3250ff border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.magenta .gold-trophy-icon {
    filter: unset
}

svg {
    vertical-align: middle
}

:focus {
    outline: 0
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 100%;
    border-left: 0;
    border: 0;
    border-left: 2px solid #d7d7d7;
    border-right: 2px solid #d7d7d7;
    z-index: 101
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #fff;
    position: relative
}

.jspDrag {
    width: 11px;
    background: #d7d7d7;
    border-radius: 8px;
    position: relative;
    top: 0;
    left: 8px;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default
}

.jspVerticalBar .jspArrow {
    height: 27px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAKFJREFUGJVVjr2qhjAUBOecQpNK8KdV3/+xLE0UIYVW2VtchM8pl9llTf9gZkgi50wpha7rGIaBl1orJklvkFIi54yZATBN06fgr5tz/oi/5dfxV0wp4e60bcuyLIQQPiMAtu+7juNAEiEElmXB3am1sm0bz/Mgib7v8fM8kUSMkXVdcXck4e7M80yMETPjui6slKL7vhnH8fP3l5QSTdPwB2IJZb2WSubCAAAAAElFTkSuQmCC);
    border-bottom: 2px solid #d6d6d6;
    position: relative
}

.jspVerticalBar .jspArrow.jspArrowUp {
    top: -2px
}

.jspVerticalBar .jspArrow.jspArrowDown {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -2px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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
}

/*! jQuery UI - v1.13.1 - 2022-05-16
* http://jqueryui.com
* Includes: core.css, datepicker.css, menu.css, selectmenu.css, button.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    -ms-filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

/*! jQuery UI - v1.13.1 - 2022-05-16
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

.main-block.guides,
.main-block.home,
.main-block.tournament-results,
.main-block.tournaments {
    background: 0 0;
    padding: 0;
    border: none
}

.main-block.guides .no-results,
.main-block.home .no-results,
.main-block.tournament-results .no-results,
.main-block.tournaments .no-results {
    text-align: center;
    margin: 12px 0;
    color: #d4603c
}

.main-block.guides .live-tournaments,
.main-block.guides .upcoming-tournaments,
.main-block.home .live-tournaments,
.main-block.home .upcoming-tournaments,
.main-block.tournament-results .live-tournaments,
.main-block.tournament-results .upcoming-tournaments,
.main-block.tournaments .live-tournaments,
.main-block.tournaments .upcoming-tournaments {
    width: 100%;
    align-items: center;
    position: relative;
    margin-top: 50px
}

.main-block.guides .live-tournaments,
.main-block.home .live-tournaments,
.main-block.tournament-results .live-tournaments,
.main-block.tournaments .live-tournaments {
    left: 50%;
    transform: translate(-50%, 0)
}

.main-block.guides .live-tournaments .no-tournaments,
.main-block.home .live-tournaments .no-tournaments,
.main-block.tournament-results .live-tournaments .no-tournaments,
.main-block.tournaments .live-tournaments .no-tournaments {
    background-size: cover;
    margin-bottom: 50px;
    position: relative
}

.main-block.guides .live-tournaments .no-tournaments .coin-wrapper>p,
.main-block.home .live-tournaments .no-tournaments .coin-wrapper>p,
.main-block.tournament-results .live-tournaments .no-tournaments .coin-wrapper>p,
.main-block.tournaments .live-tournaments .no-tournaments .coin-wrapper>p {
    width: 600px
}

@media (max-width:480px) {

    .main-block.guides .live-tournaments .no-tournaments .coin-wrapper>p,
    .main-block.home .live-tournaments .no-tournaments .coin-wrapper>p,
    .main-block.tournament-results .live-tournaments .no-tournaments .coin-wrapper>p,
    .main-block.tournaments .live-tournaments .no-tournaments .coin-wrapper>p {
        width: 230px
    }
}

.main-block.guides .live-tournaments .available-tournaments .coin-wrapper>p,
.main-block.home .live-tournaments .available-tournaments .coin-wrapper>p,
.main-block.tournament-results .live-tournaments .available-tournaments .coin-wrapper>p,
.main-block.tournaments .live-tournaments .available-tournaments .coin-wrapper>p {
    width: auto
}

@media (max-width:480px) {

    .main-block.guides .live-tournaments .available-tournaments .coin-wrapper>p,
    .main-block.home .live-tournaments .available-tournaments .coin-wrapper>p,
    .main-block.tournament-results .live-tournaments .available-tournaments .coin-wrapper>p,
    .main-block.tournaments .live-tournaments .available-tournaments .coin-wrapper>p {
        width: 200px
    }
}

.main-block.guides .live-tournaments .live-tournaments-image .coin-wrapper,
.main-block.home .live-tournaments .live-tournaments-image .coin-wrapper,
.main-block.tournament-results .live-tournaments .live-tournaments-image .coin-wrapper,
.main-block.tournaments .live-tournaments .live-tournaments-image .coin-wrapper {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto
}

.main-block.guides .live-tournaments .live-tournaments-image .coin-wrapper .coin-right,
.main-block.home .live-tournaments .live-tournaments-image .coin-wrapper .coin-right,
.main-block.tournament-results .live-tournaments .live-tournaments-image .coin-wrapper .coin-right,
.main-block.tournaments .live-tournaments .live-tournaments-image .coin-wrapper .coin-right {
    background-image: url(/images/card/coins-right.png);
    background-repeat: no-repeat;
    background-position: center
}

.main-block.guides .live-tournaments .live-tournaments-image .coin-wrapper .coin-left,
.main-block.home .live-tournaments .live-tournaments-image .coin-wrapper .coin-left,
.main-block.tournament-results .live-tournaments .live-tournaments-image .coin-wrapper .coin-left,
.main-block.tournaments .live-tournaments .live-tournaments-image .coin-wrapper .coin-left {
    background-image: url(/images/card/coins-left.png);
    background-repeat: no-repeat;
    background-position: center
}

.main-block.guides .live-tournaments .live-tournaments-image .coin-wrapper p,
.main-block.home .live-tournaments .live-tournaments-image .coin-wrapper p,
.main-block.tournament-results .live-tournaments .live-tournaments-image .coin-wrapper p,
.main-block.tournaments .live-tournaments .live-tournaments-image .coin-wrapper p {
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    height: auto;
    margin: 0 20px 10px
}

.main-block.guides .live-tournaments-image,
.main-block.guides .upcoming-tournaments-image,
.main-block.home .live-tournaments-image,
.main-block.home .upcoming-tournaments-image,
.main-block.tournament-results .live-tournaments-image,
.main-block.tournament-results .upcoming-tournaments-image,
.main-block.tournaments .live-tournaments-image,
.main-block.tournaments .upcoming-tournaments-image {
    display: flex;
    height: 30px;
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0)
}

.main-block.guides .live-tournaments-image .coin-left,
.main-block.guides .live-tournaments-image .coin-right,
.main-block.guides .upcoming-tournaments-image .coin-left,
.main-block.guides .upcoming-tournaments-image .coin-right,
.main-block.home .live-tournaments-image .coin-left,
.main-block.home .live-tournaments-image .coin-right,
.main-block.home .upcoming-tournaments-image .coin-left,
.main-block.home .upcoming-tournaments-image .coin-right,
.main-block.tournament-results .live-tournaments-image .coin-left,
.main-block.tournament-results .live-tournaments-image .coin-right,
.main-block.tournament-results .upcoming-tournaments-image .coin-left,
.main-block.tournament-results .upcoming-tournaments-image .coin-right,
.main-block.tournaments .live-tournaments-image .coin-left,
.main-block.tournaments .live-tournaments-image .coin-right,
.main-block.tournaments .upcoming-tournaments-image .coin-left,
.main-block.tournaments .upcoming-tournaments-image .coin-right {
    width: 45px;
    height: 31px;
    padding: 0 10px
}

.main-block.guides .upcoming-tournaments-image p,
.main-block.home .upcoming-tournaments-image p,
.main-block.tournament-results .upcoming-tournaments-image p,
.main-block.tournaments .upcoming-tournaments-image p {
    height: 30px;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0)
}

.main-block.guides>h2,
.main-block.home>h2,
.main-block.tournament-results>h2,
.main-block.tournaments>h2 {
    position: relative;
    height: auto;
    top: 50px;
    color: #fff;
    font-family: Lexend, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 67px;
    text-align: center;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25)
}

.main-block.guides .cep-content,
.main-block.home .cep-content,
.main-block.tournament-results .cep-content,
.main-block.tournaments .cep-content {
    position: relative
}

.home-page .main-cards {
    top: 0;
    padding: 0
}

.home-page .main-swiper {
    padding: 0 0 20px
}

.homePage .main-cards {
    padding: 0 0 50px
}

.home-page .no-results,
.homePage .no-results {
    text-align: center;
    margin: 12px 0;
    color: #d4603c
}

.main-cards {
    position: relative;
    display: none;
    justify-content: space-around;
    flex-wrap: wrap;
    top: 30px;
    padding: 0 15px 50px;
    line-height: 100%;
    vertical-align: middle;
    height: 100%
}

@media (min-width:991.98px) {
    .main-cards {
        display: flex;
        padding-bottom: 50px
    }
}

@media (max-width:992px) {
    .main-swiper {
        display: flex;
        overflow: hidden
    }

    .main-swiper .card-container {
        display: flex;
        justify-content: center
    }
}

.tournament-debounce .navigation-wrapper .dots {
    display: flex;
    padding: 0 40px;
    position: relative
}

.tournament-debounce .navigation-wrapper .dots .dot {
    height: 10px;
    width: 10px;
    border: none;
    border-radius: 50%;
    background: linear-gradient(0, #f2960e, #f7b119);
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    transition: all .6s cubic-bezier(.645, .045, .355, 1) 0s;
    cursor: pointer
}

.tournament-debounce .navigation-wrapper .dots .dot--active {
    border: 1px solid #f2960e;
    background: 0 0
}

.tournament-debounce.tournaments .navigation-wrapper {
    margin: 20px 0
}

@media (min-width:991.98px) {
    .tournament-debounce.tournaments .navigation-wrapper {
        display: none
    }
}

#placeholder-swipe .keen-slider__slide {
    display: flex;
    justify-content: center
}

@media (min-width:991.98px) {
    #placeholder-swipe .keen-slider__slide {
        display: none
    }
}

.card-container {
    align-items: center;
    display: inline-block;
    margin: 15px 20px
}

@media (max-width:480px) {
    .card-container {
        margin: 0
    }
}

.card-container.placeholder-card {
    background: url(/images/card/background-bricks-small.png);
    border: 1px solid transparent;
    border-image: linear-gradient(200deg, #fcf45f, #fead25 13%) 3;
    height: 533px;
    width: 343px;
    filter: grayscale(.7)
}

.card-container.fixed .flip-container {
    height: 533px
}

.card-container.fixed .flip-container .flipper .card {
    background: url(/images/card/background-bricks-small.png);
    border: 1px solid #fff
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient {
    height: 505px
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .counter-title {
    top: 354px
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .counter {
    top: 385px
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .how-to-win {
    display: block
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .prizepool {
    display: block
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .prizepool .reward {
    top: 422px
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .leaderboard {
    display: block;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 400px
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .leaderboard::-webkit-scrollbar {
    width: 6px
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .leaderboard::-webkit-scrollbar-track {
    background: 0 0
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .leaderboard::-webkit-scrollbar-thumb {
    background: #8298ab
}

.card-container.fixed .flip-container .flipper .card .tournament-background .gradient .leaderboard::-webkit-scrollbar-thumb:hover {
    background: #f5f9fc;
    cursor: pointer
}

.card-container .flip-container {
    perspective: 1000px;
    width: 343px;
    height: 543px
}

@media (max-width:480px) {
    .card-container .flip-container {
        transform: scale(.9)
    }
}

.card-container .flip-container .flipper {
    width: 100%;
    height: 100%;
    margin: auto
}

.card-container .flip-container .flipper .card {
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(/images/card/background-bricks.png);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border: 1px solid #fff
}

.card-container .flip-container .flipper .card span,
.card-container .flip-container .flipper .card>p {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #202c2b
}

.card-container .flip-container .flipper>.card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s
}

.card-container .flip-container .flipper>.card-front .tournament-background {
    height: 480px;
    width: 341px;
    top: 1px;
    position: absolute
}

.card-container .flip-container .flipper>.card-front .tournament-background .labels {
    display: flex;
    justify-content: space-between;
    height: 25px;
    background-color: #000
}

.card-container .flip-container .flipper>.card-front .tournament-background .labels .type {
    display: flex;
    align-items: center;
    padding: 0 5px
}

.card-container .flip-container .flipper>.card-front .tournament-background .labels .type img,
.card-container .flip-container .flipper>.card-front .tournament-background .labels .type svg {
    height: 24px;
    padding: 1px 5px 1px 1px;
    width: auto
}

.card-container .flip-container .flipper>.card-front .tournament-background .labels .type span {
    font-size: 11px;
    color: #fff
}

.card-container .flip-container .flipper>.card-front .tournament-background .labels .ticket {
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: #3b3a39
}

.card-container .flip-container .flipper>.card-front .tournament-background .labels .ticket img {
    padding-right: 5px
}

.card-container .flip-container .flipper>.card-front .tournament-background .labels .ticket span {
    font-size: 11px;
    color: #fff
}

.card-container .flip-container .flipper>.card-front .tournament-background .gradient {
    height: 480px;
    width: 341px;
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .7))
}

.card-container .flip-container .flipper>.card-front .links {
    display: flex;
    position: relative;
    top: 500px;
    width: 316px;
    height: 20px;
    justify-content: space-evenly
}

.card-container .flip-container .flipper>.card-front .links .link {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px
}

.card-container .flip-container .flipper>.card-front .links .link span {
    font-family: Lexend, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    color: #fff
}

.card-container .flip-container .flipper>.card-front .links .link svg {
    height: 16px;
    width: auto
}

.card-container .flip-container .flipper>.card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: perspective(1000px) rotateY(180deg);
    transform: perspective(1000px) rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s;
    overflow: hidden
}

.card-container .flip-container .flipper>.card-back .tournament-background {
    height: 480px;
    width: 341px;
    top: 1px;
    position: absolute
}

.card-container .flip-container .flipper>.card-back .tournament-background .gradient {
    height: 540px;
    width: 341px;
    background-image: none
}

.card-container .flip-container .flipper>.card-back .tournament-background .gradient .back-button {
    display: inline-flex;
    cursor: pointer;
    padding: 11px 0 0 11px;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.card-container .flip-container .flipper>.card-back .tournament-background .gradient .back-button .left-arrow {
    background-image: url(/images/card/left-arrow.png);
    cursor: pointer;
    margin: 6px 5px;
    width: 6px;
    height: 10px;
    filter: brightness(0) saturate(1) invert(70%) sepia(91%) saturate(2277%) hue-rotate(351deg) brightness(95%) contrast(100%)
}

.card-container .flip-container .flipper>.card-back .tournament-background .gradient .back-button a {
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 0 5px
}

.card-container .flip-container .flipper.rotated .card-back {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0)
}

.card-container .flip-container .flipper.rotated .card-front {
    -webkit-transform: perspective(1000px) rotateY(-180deg);
    transform: perspective(1000px) rotateY(-180deg)
}

.card-banner {
    flex: 1;
    border: 1px solid #fff;
    height: 175px;
    margin: 20px 0;
    min-width: 900px
}

.card-banner .tournament-background .gradient {
    display: flex;
    flex-direction: row;
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .4));
    height: 173px
}

.card-banner .tournament-background .gradient .counter-title {
    position: relative;
    top: 25px;
    margin-bottom: 0;
    z-index: 1;
    color: #8298ab
}

.card-banner .tournament-background .gradient .counter-container .ribbon-container {
    position: relative;
    min-width: 350px;
    top: auto;
    left: auto
}

.card-banner .tournament-background .gradient .counter-container .counter {
    top: auto;
    padding: 22px 0 18px
}

.card-banner .tournament-background .gradient .logo {
    height: auto;
    min-width: 200px
}

.card-banner .tournament-background .gradient .prize-pool {
    flex: 1;
    align-self: center;
    width: auto;
    padding-top: 15px
}

.card-banner .tournament-background .gradient .buttons {
    display: flex;
    min-width: 205px
}

.tournament-background .gradient {
    position: relative
}

.tournament-background .gradient .flip-information {
    display: flex;
    align-items: center;
    outline: 0;
    margin: auto;
    width: fit-content;
    text-transform: uppercase;
    gap: .3333333333em
}

.tournament-background .gradient h2 {
    position: relative;
    height: 30px;
    top: 22px;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3)
}

.tournament-background .gradient .ribbon-container {
    position: absolute;
    height: 28px;
    left: -10px;
    top: 12px;
    display: flex;
    padding: 1px
}

.tournament-background .gradient .ribbon-container .entry {
    display: flex;
    align-items: center;
    height: 28px;
    width: max-content;
    background-size: 100% 28px;
    background-repeat: no-repeat
}

.tournament-background .gradient .ribbon-container .entry span {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase
}

.tournament-background .gradient .ribbon-container .entry.ribbon .ribbon-text-container {
    min-width: 60px;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    background: linear-gradient(0, #f2960e, #f7b119);
    padding-left: 10px
}

.tournament-background .gradient .ribbon-container .entry.ribbon .ribbon-text-container::after {
    content: "";
    position: relative;
    left: 15px;
    width: 15px;
    height: 28px;
    background: linear-gradient(0, #f2960e, #f7b119);
    clip-path: polygon(0 0, 75% 0, 15% 50%, 75% 100%, 0 100%, 0 50%)
}

.tournament-background .gradient .ribbon-container .entry.ribbon span {
    color: #202c2b
}

.tournament-background .gradient .ribbon-container .entry.fee {
    min-width: 101px;
    z-index: 1
}

.tournament-background .gradient .ribbon-container .entry.fee .ribbon-fee-container {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 10px 0 20px;
    border-top: 1px solid #f2960e;
    border-bottom: 1px solid #f2960e
}

.tournament-background .gradient .ribbon-container .entry.fee .ribbon-fee-container span {
    color: #f2960e
}

.tournament-background .gradient .logo {
    height: 191px;
    position: relative;
    padding-top: 50px;
    display: flex;
    align-items: center
}

.tournament-background .gradient .logo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.tournament-background .gradient .prize-pool {
    display: inline-flex;
    position: relative;
    width: 341px;
    height: 80px
}

.tournament-background .gradient .prize-pool .max-players,
.tournament-background .gradient .prize-pool .prize {
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.tournament-background .gradient .prize-pool .divider,
.tournament-background .gradient .prize-pool .number {
    height: 40px;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-background .gradient .prize-pool .desc {
    position: relative;
    height: 20px;
    top: 0;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    font-family: Inter, sans-serif;
    letter-spacing: 1px
}

.tournament-background .gradient .prize-pool i {
    padding: 20px 25px;
    height: 20px;
    color: #fff
}

.tournament-background .gradient .counter-title {
    font-weight: 700;
    font-size: 12px;
    position: absolute;
    width: 100%;
    top: 349px;
    height: 20px;
    color: #fff;
    text-align: center;
    margin: 0
}

.tournament-background .gradient .counter {
    display: inline-flex;
    height: 101px;
    width: 289px;
    top: 375px;
    left: 0;
    margin: 0 27px;
    padding: 20px 0;
    position: absolute;
    background-image: url(/images/card/timer-stones.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top center, bottom center
}

.tournament-background .gradient .counter div {
    width: 46px;
    height: 44px;
    padding: 0 22px
}

.tournament-background .gradient .counter div p {
    width: 65px;
    height: 20px
}

.tournament-background .gradient .counter div .value {
    font-size: 35px;
    line-height: 43px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    color: #f5f9fc;
    padding: none;
    font-family: Lexend, sans-serif
}

.tournament-background .gradient .counter div .unit {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #8298ab
}

.tournament-background .gradient .card-info {
    font-family: Inter, sans-serif;
    font-weight: 700;
    display: none
}

.tournament-background .gradient .card-info .title {
    color: #fff;
    position: relative;
    margin: 0 0 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25)
}

.tournament-background .gradient .card-info .content-wrapper {
    height: inherit;
    position: relative;
    margin-right: 5px
}

.tournament-background .gradient .card-info .content-wrapper::-webkit-scrollbar {
    width: 6px
}

.tournament-background .gradient .card-info .content-wrapper::-webkit-scrollbar-track {
    background: 0 0
}

.tournament-background .gradient .card-info .content-wrapper::-webkit-scrollbar-thumb {
    background: #8298ab
}

.tournament-background .gradient .card-info .content-wrapper::-webkit-scrollbar-thumb:hover {
    background: #f5f9fc;
    cursor: pointer
}

.tournament-background .gradient .card-info .content-wrapper .content {
    position: relative;
    display: flex;
    width: 320px;
    justify-content: center
}

.tournament-background .gradient .card-info .content-wrapper .content .data {
    min-width: 160px
}

.tournament-background .gradient .card-info .content-wrapper .content .data>p {
    font-weight: 700;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: right
}

.tournament-background .gradient .card-info .content-wrapper .content .values {
    width: auto
}

.tournament-background .gradient .card-info .content-wrapper .content .values>p {
    font-weight: 700;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 1px;
    margin: 0;
    color: #fff;
    text-align: left;
    padding: 0 10px;
    overflow: hidden;
    height: 18px
}

.tournament-background .gradient .how-to-win {
    font-family: Inter, sans-serif;
    font-weight: 700;
    display: none;
    position: relative;
    top: 40px
}

.tournament-background .gradient .how-to-win .title {
    color: #fff;
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    padding-top: 0;
    margin-bottom: 5px
}

.tournament-background .gradient .how-to-win .bonus-title {
    font-weight: 700;
    position: relative;
    height: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px
}

.tournament-background .gradient .how-to-win .content-wrapper {
    height: calc(100% - 30px);
    margin-right: 5px
}

.tournament-background .gradient .how-to-win .content-wrapper::-webkit-scrollbar {
    width: 6px
}

.tournament-background .gradient .how-to-win .content-wrapper::-webkit-scrollbar-track {
    background: 0 0
}

.tournament-background .gradient .how-to-win .content-wrapper::-webkit-scrollbar-thumb {
    background: #8298ab
}

.tournament-background .gradient .how-to-win .content-wrapper::-webkit-scrollbar-thumb:hover {
    background: #f5f9fc;
    cursor: pointer
}

.tournament-background .gradient .how-to-win .content-wrapper .content {
    position: relative;
    display: flex;
    width: 320px;
    justify-content: center;
    margin-bottom: 20px
}

.tournament-background .gradient .how-to-win .content-wrapper .content .data {
    width: 50px
}

.tournament-background .gradient .how-to-win .content-wrapper .content .data>p {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 0;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: right
}

.tournament-background .gradient .how-to-win .content-wrapper .content .values>p {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    letter-spacing: 1px;
    margin: 0;
    color: #fff;
    padding-left: 20px;
    overflow: hidden;
    text-align: right
}

.tournament-background .gradient .how-to-win .content-wrapper .content .values:last-of-type>p {
    text-align: left
}

.tournament-background .gradient .how-to-win .content-wrapper .guide {
    margin: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.tournament-background .gradient .how-to-win .content-wrapper .more-info {
    text-align: center;
    margin-bottom: 10px;
    margin-top: -3px
}

.tournament-background .gradient .how-to-win .content-wrapper .more-info a {
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    cursor: pointer
}

.tournament-background .gradient .leaderboard {
    font-weight: 700;
    font-family: Inter, sans-serif;
    display: none
}

.tournament-background .gradient .leaderboard .title {
    color: #fff;
    position: relative;
    top: 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    margin-bottom: 10px
}

.tournament-background .gradient .leaderboard .leaderboard-table {
    position: relative;
    top: 5px;
    display: block
}

.tournament-background .gradient .leaderboard #no-results-row {
    background: 0 0
}

.tournament-background .gradient .leaderboard .fa-refresh {
    margin: 25px auto;
    color: #fff
}

.tournament-background .gradient .leaderboard .warning {
    font-size: 15px;
    padding-top: 10px;
    color: red
}

.tournament-background .gradient .leaderboard table {
    width: 100%;
    table-layout: fixed
}

.tournament-background .gradient .leaderboard table tbody tr:nth-child(odd) {
    background: rgba(62, 85, 105, .3)
}

.tournament-background .gradient .leaderboard table thead tr {
    line-height: 25px
}

.tournament-background .gradient .leaderboard table td,
.tournament-background .gradient .leaderboard table th {
    padding: 0 10px
}

.tournament-background .gradient .leaderboard table .position {
    width: 40px
}

.tournament-background .gradient .leaderboard table .points {
    width: 85px;
    text-align: center
}

.tournament-background .gradient .leaderboard table .prize {
    width: 60px;
    text-align: center
}

.tournament-background .gradient .leaderboard table th {
    font-size: 13px;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-background .gradient .leaderboard table .name-and-prize {
    overflow: hidden
}

.tournament-background .gradient .leaderboard table .spin-and-points {
    width: 25px;
    overflow: hidden;
    padding-right: 0
}

.tournament-background .gradient .leaderboard table td {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden
}

.tournament-background .gradient .leaderboard .down-button {
    position: relative;
    display: none;
    cursor: pointer;
    top: 5px;
    left: 138px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-background .gradient .leaderboard .down-button .down-arrow {
    background-image: url(/images/card/down-arrow.png);
    cursor: pointer;
    margin: 9px 6px;
    width: 10px;
    height: 6px
}

.tournament-background .gradient .leaderboard .down-button a {
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 0 5px
}

.tournament-background .gradient .prizepool {
    font-weight: 700;
    font-family: Inter, sans-serif;
    display: none;
    flex-direction: column;
    align-items: center
}

.tournament-background .gradient .prizepool .title {
    color: #fff;
    position: relative;
    top: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25)
}

.tournament-background .gradient .prizepool .content {
    margin-top: 40px;
    height: 345px;
    overflow-y: scroll;
    margin-right: 5px
}

.tournament-background .gradient .prizepool .content::-webkit-scrollbar {
    width: 6px
}

.tournament-background .gradient .prizepool .content::-webkit-scrollbar-track {
    background: 0 0
}

.tournament-background .gradient .prizepool .content::-webkit-scrollbar-thumb {
    background: #8298ab
}

.tournament-background .gradient .prizepool .content::-webkit-scrollbar-thumb:hover {
    background: #f5f9fc;
    cursor: pointer
}

.tournament-background .gradient .prizepool .content .values {
    width: auto
}

.tournament-background .gradient .prizepool .content .values table {
    margin-left: auto;
    margin-right: auto
}

.tournament-background .gradient .prizepool .content .values td:not(:last-of-type) {
    padding-right: 10px
}

.tournament-background .gradient .prizepool .content .values p {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-background .gradient .prizepool .content .values .prize-img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center
}

.tournament-background .gradient .prizepool .content .values .prize-img:not(:last-of-type) {
    margin-right: 10px
}

.tournament-background .gradient .prizepool .reward {
    position: absolute;
    top: 432px;
    height: 109px;
    width: 100%
}

.tournament-background .gradient .prizepool .reward .reward-line {
    display: inline-flex
}

.tournament-background .gradient .prizepool .reward .reward-line div,
.tournament-background .gradient .prizepool .reward .reward-line>p {
    margin: 0 21px
}

.tournament-background .gradient .prizepool .reward .reward-line>p {
    width: 72px;
    color: #fff
}

.tournament-background .gradient .prizepool .reward .reward-line .gold-rank {
    background-image: url(/images/card/gold@4x.png);
    background-position: center;
    background-size: cover;
    width: 72px;
    height: 96px
}

.tournament-background .gradient .prizepool .reward .reward-line .silver-rank {
    background-image: url(/images/card/silver@4x.png);
    background-position: center;
    background-size: cover;
    width: 72px;
    height: 96px
}

.tournament-background .gradient .prizepool .reward .reward-line .bronze-rank {
    background-image: url(/images/card/bronze@4x.png);
    background-position: center;
    background-size: cover;
    width: 72px;
    height: 96px
}

.tournament-background .gradient .title {
    text-transform: capitalize;
    padding-top: 10px;
    margin-bottom: -16px
}

.tournament-schedule .card-container.fixed .flip-container .flipper .card .tournament-background .gradient .card-info>.title {
    padding-top: 20px
}

.tournament-schedule .card-container.fixed .flip-container .flipper .card .tournament-background .gradient .how-to-win {
    top: 20px
}

.tep-console .tournament-background .gradient .card-info .content-wrapper,
.tep-console .tournament-background .gradient .card-info .title {
    bottom: -10px
}

.gold {
    position: relative;
    width: 200px;
    height: 100px;
    background-image: url(/images/card/gold_shadow.png);
    background-size: cover;
    margin: 0 57px;
    top: -50px
}

.gold .initial {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    top: -30px
}

.gold .initial .img-outer-container {
    width: 96px;
    height: 96px;
    background-color: #774930;
    background-size: 96px 96px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.gold .initial .img-outer-container .img-inner-container {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.gold .initial .img-outer-container .img-inner-container .first-letter {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gold .initial .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.gold .initial .img-outer-container {
    margin: 0 auto
}

.gold img {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    top: -30px
}

.gold .rank-headline {
    font-weight: bolder;
    font-family: Lexend, sans-serif;
    color: #fece3f;
    position: relative;
    height: 20px;
    width: 100%;
    top: -30px;
    z-index: 1;
    font-size: .8em
}

.silver {
    position: relative;
    width: 200px;
    height: 100px;
    background-image: url(/images/card/silver_shadow.png);
    background-size: cover;
    margin: 0 57px;
    top: -50px
}

.silver .initial {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    top: -30px
}

.silver .initial .img-outer-container {
    width: 96px;
    height: 96px;
    background-color: #774930;
    background-size: 96px 96px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.silver .initial .img-outer-container .img-inner-container {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.silver .initial .img-outer-container .img-inner-container .first-letter {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.silver .initial .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.silver .initial .img-outer-container {
    margin: 0 auto
}

.silver img {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    top: -30px
}

.silver .rank-headline {
    font-weight: bolder;
    font-family: Lexend, sans-serif;
    color: #f1f1f1;
    position: relative;
    height: 20px;
    width: 100%;
    top: -30px;
    z-index: 1;
    font-size: .8em
}

.bronze {
    position: relative;
    width: 200px;
    height: 100px;
    background-image: url(/images/card/bronze_shadow.png);
    background-size: cover;
    margin: 0 57px;
    top: -50px
}

.bronze .initial {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    top: -30px
}

.bronze .initial .img-outer-container {
    width: 96px;
    height: 96px;
    background-color: #774930;
    background-size: 96px 96px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.bronze .initial .img-outer-container .img-inner-container {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bronze .initial .img-outer-container .img-inner-container .first-letter {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bronze .initial .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.bronze .initial .img-outer-container {
    margin: 0 auto
}

.bronze img {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    top: -30px
}

.bronze .rank-headline {
    font-weight: bolder;
    font-family: Lexend, sans-serif;
    color: #cfa25d;
    position: relative;
    height: 20px;
    width: 100%;
    top: -30px;
    z-index: 1;
    font-size: .8em
}

.main-block.pagination-control-other-places.tournaments {
    padding: 20px 75px 50px
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments {
        padding: 5px
    }
}

.main-block.pagination-control-other-places.tournaments .leaderboard-header {
    display: none
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .leaderboard-header {
        display: inline-flex;
        position: relative;
        top: 20px;
        width: 100%;
        justify-content: center
    }
}

.main-block.pagination-control-other-places.tournaments .leaderboard-header .results-header {
    margin: 0;
    font-weight: 700;
    font-size: 30px;
    font-family: Lexend, sans-serif;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 5px 0 rgba(0, 0, 0, .25);
    color: #fff;
    font-style: normal;
    line-height: 1.5
}

.main-block.pagination-control-other-places.tournaments .leaderboard-header .back-button {
    display: none
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .leaderboard-header .back-button {
        position: absolute;
        display: inline-flex;
        cursor: pointer;
        left: 11px;
        top: 11px;
        font-size: 14px;
        line-height: 25px;
        font-weight: 700;
        background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .main-block.pagination-control-other-places.tournaments .leaderboard-header .back-button .left-arrow {
        background-image: url(/images/card/left-arrow.png);
        cursor: pointer;
        margin: 6px 5px;
        width: 6px;
        height: 10px
    }

    .main-block.pagination-control-other-places.tournaments .leaderboard-header .back-button a {
        background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-left: 0 5px
    }
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background {
        position: relative;
        margin: 50px 10px 0;
        border-bottom: 1px solid #fce45f
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info {
    width: 100%
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info {
        height: 350px;
        background-image: url(/images/card/leaderboard-info-background.png);
        border: 1px solid #fce45f
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .entry {
    display: none
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .entry {
        display: block;
        position: relative;
        width: 123px;
        height: 27px;
        top: 15px;
        padding: 2px;
        left: -10px
    }

    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .entry::before {
        background-image: url(/images/card/entry.png);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .entry>p {
        font-family: Inter, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        top: 2px;
        font-weight: 700;
        color: #202c2b
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .game-logo-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .game-logo-wrapper {
        display: none
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .game-logo-mobile {
    width: 57%;
    display: none;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .game-logo-mobile {
        display: inline-flex;
        margin-top: 35px
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information {
    text-align: center;
    margin-bottom: 7em
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information {
        height: 0
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .start-date {
    height: 25px;
    font-size: 20px;
    line-height: 25px;
    color: #8298ab;
    margin-bottom: 0
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .start-date {
        display: none
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool {
    display: inline-block;
    height: 80px;
    width: 100%
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool {
        padding: 0;
        top: 100px
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool .divider,
.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool .max-players,
.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool .prize {
    height: 100%
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool .divider,
.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool .number {
    height: 40px;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool .desc {
    position: relative;
    height: 20px;
    top: 0;
    font-weight: 700;
    color: #fff
}

.main-block.pagination-control-other-places.tournaments .card-background .leaderboard-info .tournament-information .prize-pool i {
    padding: 20px 25px;
    height: 20px;
    color: #fff
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards {
        display: block;
        top: 0;
        border: 1px solid #fce45f;
        position: relative
    }

    .main-block.pagination-control-other-places.tournaments .card-background .rewards::before {
        background-image: url(/images/tournament/inner-leaderboard-background.png);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 12em
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .players {
        flex-direction: column;
        margin-bottom: 0
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player {
    text-align: center;
    height: 134px;
    width: 316px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    background-image: url(/images/tournament/player_border.png)
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player {
        margin: 0 13px 80px;
        top: -100px
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .results {
    display: inline-flex;
    position: relative;
    height: 80px;
    top: -70px
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .results .prize>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .results .desc {
    font-weight: 700;
    color: #fff;
    display: inline-block
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .results .desc img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    object-position: center
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .results .desc:not(:last-of-type) {
    margin-right: 10px
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .results .number {
    height: 20px;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    padding: 0 20px;
    margin: 0;
    text-transform: uppercase;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .players .player .user-name {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    top: -60px;
    color: #fff
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row {
    display: inline-flex;
    position: relative;
    height: 80px;
    width: 70%;
    top: -109px;
    background-color: #202c2b;
    border: 1px solid #fce45f;
    box-sizing: border-box;
    cursor: pointer
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .number {
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row {
        width: 100%
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row>div {
    width: 200px;
    position: relative;
    height: 20px;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #8b8b8b
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row>div {
        width: 110px
    }

    .main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row>div>p {
        height: 20px;
        overflow: hidden
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .desc {
    color: #fff;
    text-transform: none
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .place,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .points,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .prize,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .spins {
    text-transform: uppercase
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .avatar {
    height: 100%;
    display: flex;
    align-items: center;
    padding: .5em
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .avatar img {
    height: 100%
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .avatar .img-outer-container {
    width: 65px;
    height: 65px;
    background-color: #774930;
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .avatar .img-outer-container .img-inner-container {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .avatar .img-outer-container .img-inner-container .first-letter {
    font-size: 2em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .player-leaderboard-row .avatar .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard {
    width: 100%;
    padding: 0 15%
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard {
        margin-bottom: 0;
        padding: 0
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results {
    display: inline-flex;
    position: relative;
    height: 80px;
    width: 100%;
    top: -70px;
    background: rgba(48, 70, 89, .35);
    border: 1px solid #8298ab;
    box-sizing: border-box;
    cursor: pointer
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results {
        border-color: #8298ab;
        border-style: solid;
        border-width: 1px 0
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results>div {
    flex: 1;
    position: relative;
    height: 20px;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #8b8b8b
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results>div>p {
        text-align: center;
        height: 20px;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .prize-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .prize-wrapper img:not(:last-child),
.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .prize-wrapper p:not(:last-child) {
    margin-right: 10px
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .desc {
    color: #fff;
    text-transform: none;
    display: inline-block;
    margin-bottom: 0
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .desc img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    object-position: center
}

@media (max-width:768px) {
    .main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .desc {
        max-width: 5rem
    }
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .place.number {
    text-align: left
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .avatar {
    flex: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: .5em
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .avatar img {
    height: 100%
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .avatar .img-outer-container {
    width: 65px;
    height: 65px;
    background-color: #774930;
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .avatar .img-outer-container .img-inner-container {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .avatar .img-outer-container .img-inner-container .first-letter {
    font-size: 2em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results .avatar .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .place,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .points,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .prize,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .spins {
    text-transform: uppercase
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results:active,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results:hover {
    border: 1px solid #fce45f;
    background-color: #202c2b
}

.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results:active .number,
.main-block.pagination-control-other-places.tournaments .card-background .rewards .leaderboard .results:hover .number {
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-console-wrapper .main.leaderboard {
    display: none;
    width: 100%;
    padding: 1em 2.5em;
    height: 100%;
    overflow: hidden
}

.tournament-console-wrapper .main.leaderboard.active {
    display: block
}

.tournament-console-wrapper .main.leaderboard.loaded {
    padding: 1em
}

.tournament-console-wrapper .main.leaderboard .scrollable {
    height: 100%
}

.tournament-console-wrapper .main.leaderboard .scrollable table {
    width: 100%;
    border-collapse: separate
}

.tournament-console-wrapper .main.leaderboard .scrollable table thead tr th {
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
    line-height: 20px;
    letter-spacing: 1px;
    background: #8298ab;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-color .2s linear;
    padding-bottom: .1em;
    text-transform: uppercase
}

@media screen and (max-width:660px) {
    .tournament-console-wrapper .main.leaderboard .scrollable table thead tr th {
        font-size: .8em
    }
}

.tournament-console-wrapper .main.leaderboard .scrollable table tbody tr {
    color: #e1e9f0
}

.tournament-console-wrapper .main.leaderboard .scrollable table tbody tr td {
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
    line-height: 20px;
    letter-spacing: 1px;
    background: #e1e9f0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-color .2s linear
}

@media screen and (max-width:660px) {
    .tournament-console-wrapper .main.leaderboard .scrollable table tbody tr td {
        font-size: .8em
    }
}

.tournament-console-wrapper .main.leaderboard .scrollable table tbody tr td img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    object-position: center;
    display: inline-block;
    margin-right: 5px
}

.tournament-console-wrapper .main.leaderboard .scrollable table tbody tr.highlight td {
    background: #25cafe;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-console-wrapper .main.leaderboard .scrollable table tbody tr.highlight.player td {
    color: #25cafe
}

.tournament-console-wrapper .main.leaderboard .scrollable table tbody tr.player {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    bottom: 0
}

.tournament-console-wrapper .main.leaderboard .scrollable table tbody tr.player td {
    background: #202c2b;
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
    line-height: 20px;
    overflow-y: auto;
    color: #e1e9f0;
    transition: color .2s linear;
    letter-spacing: 1px;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
    border-top: 1px solid #fbe351;
    border-bottom: 1px solid #fbe351
}

@media screen and (max-width:660px) {
    .tournament-console-wrapper .main.leaderboard .scrollable table tbody tr.player td {
        font-size: .8em
    }
}

.tournament-console-wrapper .main.leaderboard .scrollable .jspVerticalBar {
    border: none
}

.tournament-console-wrapper .main.leaderboard .scrollable .jspVerticalBar .jspTrack {
    background: 0 0
}

.tournament-console-wrapper .main.leaderboard .scrollable .jspVerticalBar .jspTrack .jspDrag {
    width: 10px;
    background: #303644
}

@media screen and (max-width:380px) {
    .tournament-console-wrapper .main.leaderboard .scrollable .jspVerticalBar .jspTrack .jspDrag {
        width: 8px
    }
}

.tournament-loading {
    height: 100%;
    width: auto
}

.tournament-loading .loading-indicator {
    background: 0 0;
    position: initial;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    z-index: 100
}

.tournament-loading .loading-indicator .dark-spinner {
    color: #000
}

.tournament-loading .loading-indicator .loading-text {
    text-align: center
}

.main-block.home {
    padding: 0;
    position: relative
}

.main-block.home::before {
    background: url(/images/tournament/home-background.png);
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: -40px;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

@media (max-width:480px) {
    .main-block.home::before {
        background-position-y: 0;
        background-size: 480px
    }
}

.main-block.home>a {
    height: auto;
    position: relative;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0)
}

.main-block.home .live-swipe {
    padding-top: 0
}

.tournament-results {
    background: 0 0
}

.tournament-results .results-container {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 20px
}

.tournament-results .results-container .results-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tournament-results .results-container .results-header .pagination-search {
    position: relative;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    left: 20px
}

@media (max-width:380px) {
    .tournament-results .results-container .results-header .pagination-search {
        display: inline-flex;
        font-size: 16px;
        left: 5px;
        top: 10px
    }
}

.tournament-results .results-container .results-header .pagination-search .results-page-input::placeholder {
    color: #8298ab;
    opacity: 1
}

.tournament-results .results-container .results-header .pagination-search .results-page-input,
.tournament-results .results-container .results-header .pagination-search .results-page-sort {
    cursor: pointer;
    border-radius: 60px;
    background-color: transparent;
    margin-bottom: 30px;
    margin-top: 40px;
    padding-left: 16px;
    width: 230px;
    height: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #8298ab;
    color: #8298ab;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-style: normal
}

@media (max-width:380px) {

    .tournament-results .results-container .results-header .pagination-search .results-page-input,
    .tournament-results .results-container .results-header .pagination-search .results-page-sort {
        width: 160px;
        margin: 20px 5px
    }
}

.tournament-results .results-container .results-header .results-page-sort option {
    font-size: 14px
}

.tournament-results .results-container .results-header .results-page-sort-icon {
    pointer-events: none
}

.tournament-results .results-container .results-header .results-page-input-icon,
.tournament-results .results-container .results-header .results-page-sort-icon {
    position: relative;
    left: -40px;
    cursor: pointer;
    color: #8298ab
}

@media (max-width:380px) {

    .tournament-results .results-container .results-header .results-page-input-icon,
    .tournament-results .results-container .results-header .results-page-sort-icon {
        top: 35px;
        color: #8298ab
    }
}

.tournament-results .results-container .results-table {
    width: 100%
}

@media (max-width:380px) {
    .tournament-results .results-container .results-table {
        width: 360px;
        margin: 10px
    }
}

.tournament-results .results-container .results-table table {
    font-size: 12px;
    color: #8298ab;
    width: 100%;
    font-weight: 700
}

.tournament-results .results-container .results-table table thead {
    letter-spacing: 1px;
    border-bottom: 1px solid #8298ab
}

.tournament-results .results-container .results-table table thead .sorter-button {
    cursor: pointer
}

.tournament-results .results-container .results-table table thead th {
    padding: 10px
}

.tournament-results .results-container .results-table table tbody {
    border-bottom: 1px solid #8298ab
}

.tournament-results .results-container .results-table table tbody tr.live-row {
    cursor: pointer
}

.tournament-results .results-container .results-table table tbody tr.live-row td:not(:last-child) {
    color: #fff
}

.tournament-results .results-container .results-table table tbody tr:nth-child(odd) {
    background: rgba(62, 85, 105, .3)
}

.tournament-results .results-container .results-table table tbody tr td {
    padding: 10px
}

.tournament-results .results-container .results-table table tbody tr td a:hover {
    text-decoration: none
}

.tournament-results .results-container .results-table table tbody tr td button {
    white-space: nowrap
}

.tournament-results .results-container .results-table table tbody .td-width {
    width: 20%
}

.tournament-results .results-container .results-table .text-center.sorter-button.icon {
    white-space: nowrap;
    padding: 0 5px
}

.tournament-results .results-container .results-table .text-vertical {
    vertical-align: baseline;
    padding: 0 5px
}

.tournament-loading {
    height: 100%;
    width: auto
}

.tournament-loading .loading-indicator {
    background: 0 0;
    position: initial;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    z-index: 100
}

.tournament-loading .loading-indicator .dark-spinner {
    color: #000
}

.tournament-loading .loading-indicator .loading-text {
    text-align: center
}

.main-block.tournament-schedule {
    background: 0 0;
    border: none;
    padding: 0
}

.main-block.tournament-schedule .no-results {
    text-align: center;
    font-weight: 700;
    color: red
}

.main-block.tournament-schedule .stmp-search-bar {
    margin-top: 50px
}

.main-block.tournament-schedule .stmp-search-bar .number-of-games {
    display: none
}

@media (max-width:992px) {
    .main-block.tournament-schedule .stmp-search-bar {
        margin-bottom: 0
    }
}

.main-block.tournament-schedule .date-label {
    font-size: 16px;
    font-weight: 300;
    margin-right: 12px;
    display: inline-block;
    font-family: Inter, sans-serif;
    text-transform: lowercase
}

.main-block.tournament-schedule .tournament-list-table {
    display: none;
    flex-direction: column;
    color: #8298ab
}

.main-block.tournament-schedule .tournament-list-table .tournament-table {
    border-collapse: separate;
    border-spacing: 0 10px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px
}

.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th {
    padding: 8px 10px;
    border-bottom: 1px solid #8298ab
}

.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.name,
.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.start-date {
    width: 25%
}

.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.entrants,
.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.prize {
    width: 12.5%
}

.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.entrants,
.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.fee {
    width: 10%
}

.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.info,
.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.type {
    width: 5%
}

.main-block.tournament-schedule .tournament-list-table .tournament-table thead tr.tournament-header-row th.start-date {
    text-align: center
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row:nth-of-type(4n+3) {
    background-color: rgba(255, 255, 255, .05)
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td {
    padding: 8px 10px
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.type {
    position: relative;
    padding: 0 10px
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.type svg.type-gold {
    display: none
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.type:hover span {
    display: block
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.type span {
    display: none;
    position: absolute;
    top: 0;
    left: 25px;
    padding: 0 15px;
    border: 1px solid #b6b8b8;
    border-radius: 11px;
    background-color: #313131;
    font-family: Inter, sans-serif;
    font-size: 11px;
    color: #fff
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.name {
    color: #fff;
    font-weight: 700
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.start-date {
    text-align: center
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.start-date .status {
    text-transform: uppercase;
    font-size: 14px
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.details {
    display: flex
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.details .info-gold,
.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.details .info-gray {
    cursor: pointer
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.details .info-gold {
    display: none
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.details .arrow {
    display: none;
    position: absolute;
    top: 62px;
    left: 6px
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td.details a {
    padding-left: 20px
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td .date-label .counter {
    display: inline-block
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td .date-label .counter>div {
    display: inline-block
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row td .date-label .counter>div>p {
    display: inline-block;
    margin: 0;
    color: #8298ab;
    font-weight: 700
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row.opened td {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row.opened td.type svg.type-gold {
    display: block
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row.opened td.type svg.type-gray {
    display: none
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row.opened td.details {
    position: relative
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row.opened td.details .info-gold {
    display: block
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row.opened td.details .info-gray {
    display: none
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-row.opened td.details .arrow {
    display: inline
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-details {
    display: none;
    font-family: Inter, sans-serif
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-details>td {
    padding: 0
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-details>td .cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-details>td .cards-container .tournaments.card {
    margin: 20px 0
}

.main-block.tournament-schedule .tournament-list-table .tournament-table tbody tr.tournament-details>td .cards-container .tournaments.card .card-info {
    display: block
}

.main-block.tournament-schedule .tournament-list {
    display: flex;
    flex-direction: column;
    max-width: 431px;
    margin: auto
}

.main-block.tournament-schedule .tournament-list .tournament {
    position: relative;
    z-index: 1
}

.main-block.tournament-schedule .tournament-list .tournament .date-label .counter {
    display: inline-block
}

.main-block.tournament-schedule .tournament-list .tournament .date-label .counter>div {
    display: inline-block
}

.main-block.tournament-schedule .tournament-list .tournament .date-label .counter>div>p {
    display: inline-block;
    margin: 0;
    color: #8298ab;
    font-weight: 700
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info {
    padding-bottom: 0
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .icons .type .type-gold {
    display: block
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .icons .type .type-gray {
    display: none
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information:not(:last-of-type) span {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .entrants .player-gold {
    display: block
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .entrants .player-white {
    display: none
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .entrants span {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .details {
    position: relative;
    z-index: 2
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .details .info-gold {
    display: block
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .details .info-gray {
    display: none
}

.main-block.tournament-schedule .tournament-list .tournament.opened .tournament-info .information .details .arrow {
    display: inline
}

.main-block.tournament-schedule .tournament-list .tournament.opened .main-swiper {
    visibility: visible;
    height: 100%
}

.main-block.tournament-schedule .tournament-list .tournament.opened .dots {
    display: flex;
    margin-bottom: 15px
}

.main-block.tournament-schedule .tournament-list .tournament:not(:last-of-type) .divider {
    border-bottom: 1px solid #8298ab;
    margin: 0 15px
}

.main-block.tournament-schedule .tournament-list .tournament:nth-of-type(even) {
    background-color: rgba(255, 255, 255, .05)
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info {
    color: #8298ab;
    font-family: Inter, sans-serif;
    font-weight: 700;
    padding: 25px 20px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .icons .type {
    position: relative;
    width: min-content;
    margin-right: 15px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .icons .type:hover span {
    display: block
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .icons .type .type-gold {
    display: none
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .icons .type span {
    display: none;
    position: absolute;
    top: 0;
    left: 25px;
    padding: 0 15px;
    border: 1px solid #b6b8b8;
    border-radius: 11px;
    background-color: #313131;
    font-family: Inter, sans-serif;
    font-size: 11px;
    color: #fff
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    line-height: 36px;
    font-size: 15px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .info-label {
    font-family: Inter, sans-serif
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .name {
    font-size: 20px;
    color: #fff
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants {
    color: #fff
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants img.player-white {
    display: block
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants img.player-gold {
    display: none
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants,
.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .ticket {
    display: flex;
    align-items: center
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .entrants img,
.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .ticket img {
    padding-right: 5px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .start-date .status {
    text-transform: uppercase;
    font-size: 10px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .ticket img {
    height: 33px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .ticket span {
    color: #fff
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details {
    display: flex;
    align-items: center;
    min-width: 88px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gold {
    display: none
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gray {
    display: block
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .play {
    height: 36px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gold,
.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gray {
    height: 25px;
    margin-right: 10px;
    width: auto
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gold,
.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .info-gray,
.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .play {
    cursor: pointer;
    padding-left: 10px
}

.main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .arrow {
    display: none;
    position: absolute;
    top: 37px;
    left: 2px
}

@media (max-width:480px) {
    .main-block.tournament-schedule .tournament-list .tournament .tournament-info .information .details .arrow {
        top: 48px
    }
}

.main-block.tournament-schedule .tournament-list .tournament .main-swiper {
    visibility: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.main-block.tournament-schedule .tournament-list .tournament .dots {
    display: none
}

.main-block.tournament-schedule .load-more button {
    display: inline-block;
    margin-top: 15px;
    font-size: 18px;
    color: #8298ab;
    background: inherit;
    border: none
}

.main-block.tournament-schedule .load-more button:hover {
    text-decoration: underline
}

.main-block.tournament-schedule .load-more button i {
    font-size: 14px;
    margin-left: 5px
}

@media (min-width:991.98px) {
    .main-block.tournament-schedule .tournament-list-table {
        display: flex
    }

    .main-block.tournament-schedule .tournament-list {
        display: none
    }
}

.cep-content {
    margin: 50px 0
}

.cep-content>h4 {
    margin: 10px 0;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #8298ab;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 5px 0 rgba(0, 0, 0, .25);
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3)
}

@media (max-width:480px) {
    .cep-content>h4 {
        text-align: left
    }
}

.cep-content p {
    list-style-type: disc;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #e1e9f0
}

.cep-content .title {
    width: 100%;
    font-weight: 700;
    font-size: 40px;
    line-height: 67px;
    color: #e1e9f0;
    padding: 10px 0
}

@media (max-width:480px) {
    .cep-content .title {
        float: left;
        text-align: left;
        font-weight: 700;
        font-size: 35px;
        line-height: 40px
    }
}

.cep-content .title a {
    color: #fff
}

.cep-content .sub-title {
    font-size: 22px;
    line-height: 25px;
    color: #f5f9fc;
    font-family: Lexend, sans-serif;
    font-weight: 700
}

.cep-content ol,
.cep-content ul {
    width: 100%;
    display: inline-block;
    color: #e1e9f0;
    margin-bottom: 20px
}

.cep-content ol li,
.cep-content ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #e1e9f0
}

.cep-content ol>li {
    margin: 20px 0;
    list-style-type: decimal
}

.cep-content ul>li {
    margin: 20px 40px;
    list-style-type: disc
}

.cep-content .img-with-text {
    display: inline-flex
}

.cep-content .img-with-text>img {
    padding: 20px;
    max-width: 50%
}

.cep-content .img-with-text>p {
    padding: 20px;
    max-width: 50%
}

.cep-content img {
    width: 100%;
    height: auto
}

.cep-content .link {
    width: 100%;
    position: relative;
    display: inline-flex;
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    background: linear-gradient(154.8deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cep-content .link .right-arrow {
    background-image: url(/images/card/right-arrow.png);
    cursor: pointer;
    margin: 6px 5px;
    width: 6px;
    height: 10px
}

@media (max-width:480px) {
    .cep-content .link .right-arrow {
        -webkit-filter: brightness(0) saturate(1) invert(1);
        filter: brightness(0) saturate(1) invert(1)
    }
}

.cep-content .link a {
    background: linear-gradient(154.8deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 0 5px
}

@media (max-width:480px) {
    .cep-content .link a {
        background: 0 0;
        color: #e1e9f0
    }
}

.cep-content .questions {
    margin-top: 20px;
    display: block;
    width: 100%
}

.cep-content .questions .section {
    display: inline-flex;
    position: relative;
    height: 80px;
    width: 100%;
    background: rgba(48, 70, 89, .3647058824);
    border: 1px solid #8298ab;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #f5f9fc;
    padding: 10px 20px
}

.cep-content .questions .section .arrow {
    width: 12px;
    height: 8px;
    padding: 12px;
    background-image: url(/images/card/down-arrow.png);
    -webkit-filter: brightness(0) saturate(1) invert(1);
    filter: brightness(0) saturate(1) invert(1);
    background-repeat: no-repeat;
    background-position: center
}

.cep-content .questions .section p {
    width: 100%
}

.cep-content .questions .accordion:hover,
.cep-content .questions .active {
    background-color: #000
}

.cep-content .questions .content {
    padding: 10px 20px;
    background-color: #000;
    display: none;
    overflow: hidden;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #f5f9fc
}

.cep-content .steps {
    padding: 0 20px
}

.cep-content .steps .step {
    font-weight: 700;
    font-size: 18px;
    font-family: Inter, sans-serif;
    line-height: 20px;
    color: #8298ab;
    padding: 5px 0;
    border-bottom: 1px solid #8298ab
}

.cep-content .scroll {
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 150px;
    padding: 10px 40px;
    color: #f5f9fc
}

.cep-content .scroll::-webkit-scrollbar {
    width: 8px
}

.cep-content .scroll::-webkit-scrollbar-track {
    background: 0 0
}

.cep-content .scroll::-webkit-scrollbar-thumb {
    background: #8298ab
}

.cep-content .scroll::-webkit-scrollbar-thumb:hover {
    background: #f5f9fc;
    cursor: pointer
}

.cep-content .swipeable-table {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #f5f9fc;
    width: 90%;
    margin: auto
}

.cep-content .swipeable-table th {
    cursor: pointer
}

.cep-content .swipeable-table td,
.cep-content .swipeable-table th {
    text-align: left;
    padding: 16px
}

.cep-content .swipeable-table tbody tr:nth-child(odd) {
    background-color: rgba(48, 70, 89, .35)
}

.cep-content .simpler-table {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #f5f9fc;
    width: 100%
}

.cep-content .simpler-table th {
    font-size: 15px;
    line-height: 20px;
    color: #8298ab
}

.cep-content .simpler-table td,
.cep-content .simpler-table th {
    text-align: left;
    padding: 16px
}

.cep-content .simpler-table td .accept,
.cep-content .simpler-table th .accept {
    width: 18px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background: url(/images/tournament/accept.png)
}

.cep-content .simpler-table td .decline,
.cep-content .simpler-table th .decline {
    width: 18px;
    height: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background: url(/images/tournament/decline.png)
}

.cep-content .simpler-table td {
    border-bottom: 1px solid #8298ab
}

.cep-content .simpler-table td:nth-child(1) {
    color: guides-page-table-color
}

.main-block .faq {
    font-family: Inter, sans-serif;
    font-weight: 700;
    margin-top: 20px;
    display: block;
    width: 100%;
    padding: 0
}

@media (max-width:480px) {
    .main-block .faq {
        padding: 30px 0;
        margin-top: 50px
    }
}

.main-block .faq .section {
    display: inline-flex;
    position: relative;
    width: 100%;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #fcf45f;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    padding: 10px 50px
}

.main-block .faq .section.active+.content {
    display: block
}

.main-block .faq .section.active .arrow {
    background-image: url(/images/card/up-arrow.png)
}

.main-block .faq .section .arrow {
    width: 12px;
    height: 8px;
    padding: 12px;
    background-image: url(/images/card/down-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto
}

.main-block .faq .section p {
    width: 500px;
    font-weight: 700;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block .faq .content {
    padding: 0 50px;
    display: none;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #fce45f
}

@media (max-width:480px) {
    .main-block .faq .content {
        padding: 10px 20px
    }
}

.main-block .faq .content p {
    color: #fff
}

.main-block .faq .last-section {
    border-bottom: 1px solid #fcf45f
}

.main-block .faq h4 {
    text-align: center;
    font-family: Lexend, sans-serif;
    color: #fff;
    font-size: 22px;
    line-height: 50px;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25)
}

@media all and (min-width:768px) {
    .main-block .faq {
        padding: 0 3.5em
    }
}

@media all and (min-width:992px) {
    .main-block .faq {
        padding: 0 9.5em
    }
}

.main-block>h1 {
    font-family: Lexend, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    position: relative;
    top: 30px;
    padding-bottom: 30px;
    -webkit-text-stroke: 1px rgba(28, 142, 167, .3);
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25)
}

@media (min-width:767.98px) {
    .main-block>h1 {
        font-size: 55px;
        line-height: 67px
    }
}

.main-block.xp {
    width: 100%;
    background: 0 0;
    border: none
}

.main-block.xp .header {
    display: flex
}

.main-block.xp .header .back-button {
    cursor: pointer;
    color: #fff;
    font-size: 14px
}

.main-block.xp .header .title {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1em
}

.main-block.xp .header a.tip {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: auto;
    font-size: 14px;
    font-weight: 700
}

.main-block.xp .header .panel-group {
    display: block;
    width: 100%;
    text-align: center
}

.main-block.xp .header .panel-group .panel {
    background-color: transparent;
    border: 0
}

.main-block.xp .header .panel-group .panel .panel-heading {
    background-color: transparent
}

.main-block.xp .header .panel-group .panel .panel-heading a {
    text-decoration: none
}

.main-block.xp .header .panel-group .panel .panel-body {
    color: #fff;
    border: 0
}

@media (min-width:768px) {
    .main-block.xp .header {
        flex-direction: column;
        align-items: center
    }

    .main-block.xp .header a.tip {
        margin-left: 0;
        font-size: 12px
    }
}

.main-block.xp>h1 {
    margin-bottom: 30px;
    text-transform: none
}

@media (min-width:575.98px) {
    .main-block.xp .xp-header .reward-list {
        margin-top: 1.5em
    }
}

.main-block.xp .xp-header .reward-list div.claim-active-effect {
    height: 100%;
    width: 100%
}

.main-block.xp .xp-header .reward-list div.claim-active-effect::before {
    content: "";
    position: absolute;
    width: 172.1052631579%;
    height: 140%;
    translate: -50% -50%;
    top: 50%;
    left: 50%;
    background: radial-gradient(#f6b119, rgba(242, 150, 14, .5) 40%, transparent 70%);
    z-index: -1
}

@media (max-width:480px) {
    .main-block.xp .xp-header .reward-list div.claim-active-effect {
        height: 100%;
        width: 100%
    }

    .main-block.xp .xp-header .reward-list div.claim-active-effect::before {
        content: "";
        position: absolute;
        width: 147.5187969925%;
        height: 120%;
        translate: -50% -50%;
        top: 50%;
        left: 50%;
        background: radial-gradient(#f6b119, rgba(242, 150, 14, .5) 40%, transparent 70%);
        z-index: -1
    }
}

@media (min-width:575.98px) {
    .main-block.xp .xp-header .reward-list div.claim-active-effect {
        height: 100%;
        width: 100%
    }

    .main-block.xp .xp-header .reward-list div.claim-active-effect::before {
        content: "";
        position: absolute;
        width: 184.3984962406%;
        height: 150%;
        translate: -50% -50%;
        top: 50%;
        left: 50%;
        background: radial-gradient(#f6b119, rgba(242, 150, 14, .5) 40%, transparent 70%);
        z-index: -1
    }
}

.main-block.xp .xp-header .reward-list .reward {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 3.5em;
    height: 100%
}

.main-block.xp .xp-header .reward-list .reward .xp-wrapper {
    text-align: center;
    width: 150px;
    margin-top: .2em
}

.main-block.xp .xp-header .reward-list .reward .xp-wrapper .name {
    color: #dfe0e1;
    font-weight: bolder;
    font-size: 1.3em;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-block.xp .xp-header .reward-list .reward .xp-wrapper .progress {
    height: 10px;
    width: 100%;
    background-color: #273541;
    margin: .6em 0
}

.main-block.xp .xp-header .reward-list .reward .xp-wrapper .progress .value {
    width: 0;
    height: 100%;
    background-color: #deb135
}

.main-block.xp .xp-header .reward-list .reward .xp-wrapper .xp {
    color: #dfe0e1;
    font-weight: bolder;
    font-size: 1.3em;
    text-align: center
}

.main-block.xp .xp-header .reward-list .reward .xp-wrapper .xp .current {
    color: #fdde4c
}

.main-block.xp .xp-header .reward-list .reward .xp-wrapper .xp .total {
    color: #e1e9f0
}

@media (min-width:767.98px) {
    .main-block.xp .xp-header .reward-list .reward .xp-wrapper {
        width: auto
    }
}

.main-block.xp .xp-header .reward-list .reward .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: .6em;
    flex-direction: column
}

.main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-active-effect,
.main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button {
    display: none;
    position: absolute
}

.main-block.xp .xp-header .reward-list .reward .image-wrapper .reward-image {
    z-index: 1;
    width: 150px;
    height: 150px;
    object-fit: contain;
    object-position: center
}

.main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button {
    z-index: 2;
    border-radius: 2em;
    background: linear-gradient(0, #f2960e, #f7b119);
    text-transform: uppercase;
    border: none;
    padding: .6em 1.3em;
    font-weight: 700;
    font-size: 1.2em
}

.main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button .fa-spinner {
    display: none
}

.main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button.loading {
    background: linear-gradient(180deg, #b5afa6 44.33%, gray 113%);
    cursor: not-allowed
}

.main-block.xp .xp-header .reward-list .reward .image-wrapper .claim-button.loading .fa-spinner {
    display: inline-block
}

@media (min-width:768px) {
    .main-block.xp .xp-header .reward-list .reward .image-wrapper {
        white-space: nowrap
    }
}

.main-block.xp .xp-header .reward-list .reward.claimable .image-wrapper .claim-active-effect,
.main-block.xp .xp-header .reward-list .reward.claimable .image-wrapper .claim-button {
    display: block
}

.main-block.xp .xp-header .reward-list .reward.claimed img,
.main-block.xp .xp-header .reward-list .reward.locked img {
    opacity: .4
}

.main-block.xp .xp-header .reward-list .reward.claimed .xp-wrapper .name,
.main-block.xp .xp-header .reward-list .reward.locked .xp-wrapper .name {
    color: grey
}

.main-block.xp .xp-header .reward-list .reward.claimed .xp-wrapper .xp,
.main-block.xp .xp-header .reward-list .reward.locked .xp-wrapper .xp {
    color: #414c55
}

.main-block.xp .xp-header .reward-list .reward.locked .progress {
    display: none;
    color: #414c55
}

.main-block.xp .xp-header .reward-list .reward.locked .progress .value {
    display: none
}

.main-block.xp .xp-header .reward-list #chest-overlay .reward-claim-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, .8)
}

.main-block.xp .xp-header .reward-list #chest-overlay .reward-claim-overlay .loading-indicator {
    margin: 0
}

.main-block.xp .xp-header .reward-list #chest-overlay .reward-claim-overlay.loading .loading-indicator {
    display: block
}

.main-block.xp .xp-header .reward-list #chest-overlay .reward-claim-overlay .close {
    opacity: 1;
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    color: unset;
    padding: .5em;
    font-size: 1.8em
}

.main-block.xp .xp-header .reward-list #chest-overlay .reward-claim-overlay .show {
    display: block
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content {
    height: 100%;
    text-align: center
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .close {
    opacity: 1;
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    color: unset;
    padding: .5em;
    font-size: 1.8em
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content img#reward {
    height: 21%;
    margin-top: 10em;
    opacity: 1
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content img#reward.fade-out {
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content img#reward.fade-in {
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 1
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content img#reward.hide {
    display: none
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list {
    display: none;
    justify-content: space-evenly;
    flex-direction: column;
    margin-top: 10em
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list.show-list {
    display: flex
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list.loading .cards-wrapper .card .card-inner .loading-indicator {
    display: block
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .tip.tip-hidden {
    visibility: hidden
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper {
    display: flex;
    justify-content: center
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card {
    margin: 0 .5em;
    cursor: pointer;
    perspective: 1000px;
    width: 108px;
    height: 144px;
    opacity: 0
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card.fade-in {
    transition: opacity 1s;
    opacity: 1
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .loading-indicator {
    position: relative;
    z-index: 1;
    left: -4px;
    top: -5px;
    margin: 0
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-back,
.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-front {
    background-image: url(/images/tournament/xp/reward-card.png);
    background-size: cover
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-back {
    transform: rotateY(180deg)
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-back .reward {
    background-image: url(/images/tournament/xp/reward-card-back.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-back .reward img {
    width: 50%
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-back .reward .name {
    font-weight: 700;
    color: #f5f9f9;
    padding: 0 1em
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-back .reward.faded {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card.flip .card-inner {
    transform: rotateY(180deg)
}

@media (min-width:768px) {
    .main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card {
        width: 173.25px;
        height: 231px
    }

    .main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .cards-wrapper .card .card-inner .card-back .reward img {
        width: 65%
    }
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .card-list .tip {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 1.6em;
    color: #f5f9f9;
    text-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    margin-bottom: 1em
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar {
    margin-top: 8em;
    display: none
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .error {
    background-color: #9a0202;
    width: 100%;
    color: #fff;
    margin-bottom: 3em;
    display: none
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .error .show {
    display: block
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar img {
    width: 355px;
    margin-bottom: 1em
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .name {
    font-weight: bolder;
    color: #fff;
    font-size: 1.8em;
    margin-bottom: .3em
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .classification {
    color: #8298ab;
    font-weight: bolder;
    font-size: 1.2em;
    margin-bottom: 1em;
    text-transform: uppercase
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .button {
    text-decoration: none;
    font-size: 15px
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .button .fa-spinner {
    display: none
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .button.loading {
    background: gray;
    cursor: not-allowed
}

.main-block.xp .xp-header .reward-list #chest-overlay .overlay-content .picked-avatar .button.loading .fa-spinner {
    display: inline-block
}

.main-block.xp .xp-header .reward-list #ticket-overlay .reward-claim-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, .8)
}

.main-block.xp .xp-header .reward-list #ticket-overlay .reward-claim-overlay .loading-indicator {
    margin: 0
}

.main-block.xp .xp-header .reward-list #ticket-overlay .reward-claim-overlay.loading .loading-indicator {
    display: block
}

.main-block.xp .xp-header .reward-list #ticket-overlay .reward-claim-overlay .close {
    opacity: 1;
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    color: unset;
    padding: .5em;
    font-size: 1.8em
}

.main-block.xp .xp-header .reward-list #ticket-overlay .reward-claim-overlay .show {
    display: block
}

.main-block.xp .xp-header .reward-list #ticket-overlay .overlay-content {
    height: 100%;
    text-align: center;
    margin-top: 10em
}

.main-block.xp .xp-header .reward-list #ticket-overlay .overlay-content img {
    width: 355px;
    margin-bottom: 2em
}

.main-block.xp .xp-header .reward-list #ticket-overlay .overlay-content .name {
    font-weight: bolder;
    color: #fff;
    font-size: 1.8em;
    margin-bottom: .5em
}

.main-block.xp .xp-header .reward-list #ticket-overlay .overlay-content .tournament-name {
    color: #8298ab;
    font-weight: bolder;
    font-size: 1.2em;
    text-transform: uppercase
}

.main-block.xp .xp-header .my-account.reward-list {
    position: relative
}

@media (max-width:767.98px) {
    .main-block.xp .xp-header .my-account.reward-list {
        width: calc(100% + 74px);
        left: -37px
    }
}

@media (min-width:767.98px) {
    .main-block.xp .xp-header .my-account.reward-list {
        width: calc(100% + 30px);
        left: -15px
    }
}

.main-block.xp .xp-header .reward-path-title {
    color: #fdde4c;
    font-size: 1.2em;
    font-weight: 900;
    font-family: Lexend, sans-serif;
    text-align: center;
    margin-top: 3em;
    filter: drop-shadow(0 .2em #000);
    background: linear-gradient(to bottom right, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:575.98px) {
    .main-block.xp .xp-header .reward-path-title {
        font-size: 1.6em;
        line-height: initial;
        margin-top: 1.8em
    }
}

.main-block.xp .xp-header .no-results {
    margin-top: 2em
}

.main-block.xp #reward-path-loading-indicator {
    height: 435px
}

@media (min-width:767.98px) {
    .main-block.xp #reward-path-loading-indicator {
        height: 449px
    }
}

.main-block.xp #leaderboard-loading-indicator {
    margin-top: 35px
}

.main-block.xp div.loading-indicator {
    justify-content: center
}

.main-block.xp div.loading-indicator.no-margin {
    margin: 0
}

.main-block.xp .nav-tabs {
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
    margin-bottom: 1em;
    border-color: #fead25;
    font-weight: 700
}

.main-block.xp .nav-tabs .nav-item {
    background: 0 0
}

.main-block.xp .nav-tabs .nav-item .nav-link {
    background: 0 0;
    border: 2px solid transparent;
    color: #8298ab;
    min-height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.main-block.xp .nav-tabs .nav-item.active .nav-link {
    color: #fff;
    border: 2px solid #fead25;
    border-bottom-color: #000
}

@media (min-width:767.98px) {
    .main-block.xp .nav-tabs {
        display: none
    }
}

.main-block.xp .section-header-desktop {
    width: 100%;
    margin-bottom: 1em
}

.main-block.xp .section-header-desktop .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3em
}

.main-block.xp .section-header-desktop .title .text {
    text-transform: uppercase;
    color: #fefefe;
    font-size: 1.3em;
    font-weight: bolder;
    z-index: 1
}

@media (min-width:575.98px) {
    .main-block.xp .section-header-desktop .title .text {
        font-size: 1.6em
    }
}

.main-block.xp .section-header-desktop .title img {
    position: absolute
}

.main-block.xp .section-header-desktop .subtitle {
    text-align: center;
    margin: 1.5em 0
}

.main-block.xp .section-header-desktop .subtitle a {
    font-size: 1em;
    color: #fefefe;
    font-weight: 700
}

.main-block.xp .leaderboard {
    margin: 0 1.1em
}

.main-block.xp .leaderboard .top-three-placements {
    margin-bottom: 2em;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .main-block.xp .leaderboard .top-three-placements {
        flex-direction: row
    }
}

.main-block.xp .leaderboard .top-three-placements .entry.special {
    display: flex;
    flex: 1;
    align-items: center;
    background: rgba(32, 44, 43, .35);
    border: 1px solid #fead25;
    box-sizing: border-box;
    padding: 1em 1.5em;
    font-weight: 700;
    margin: 1em 0
}

.main-block.xp .leaderboard .top-three-placements .entry.special img {
    height: 100px;
    border-radius: 50%
}

.main-block.xp .leaderboard .top-three-placements .entry.special .img-outer-container {
    width: 100px;
    height: 100px;
    background-color: #774930;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.xp .leaderboard .top-three-placements .entry.special .img-outer-container .img-inner-container {
    width: 93px;
    height: 93px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.xp .leaderboard .top-three-placements .entry.special .img-outer-container .img-inner-container .first-letter {
    font-size: 3.2em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .leaderboard .top-three-placements .entry.special .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

@media (min-width:768px) {
    .main-block.xp .leaderboard .top-three-placements .entry.special {
        margin: 0 .5em
    }

    .main-block.xp .leaderboard .top-three-placements .entry.special img {
        height: 70px
    }

    .main-block.xp .leaderboard .top-three-placements .entry.special:first-child {
        margin-left: 0
    }

    .main-block.xp .leaderboard .top-three-placements .entry.special:last-child {
        margin-right: 0
    }
}

@media (min-width:992px) {
    .main-block.xp .leaderboard .top-three-placements .entry.special img {
        height: 100px
    }
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    width: 100%
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information .position,
.main-block.xp .leaderboard .top-three-placements .entry.special .information .username,
.main-block.xp .leaderboard .top-three-placements .entry.special .information .xp,
.main-block.xp .leaderboard .top-three-placements .entry.special .information .xp-value {
    text-transform: uppercase;
    text-align: center;
    font-weight: bolder
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information .position.first {
    color: #fdde4c
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information .position.second {
    color: #b6b8b8
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information .position.third {
    color: #fa8e07
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information .xp {
    color: #fdde4c
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information .username {
    font-size: 1.1em;
    color: #e1e9f0;
    margin-bottom: .7em
}

.main-block.xp .leaderboard .top-three-placements .entry.special .information .xp-value {
    font-size: 1em;
    color: #f5f9fc
}

.main-block.xp .leaderboard .player {
    margin-bottom: 1em
}

.main-block.xp .leaderboard .player .entry.player {
    background: #000;
    border: 1px solid #fead25;
    box-sizing: border-box;
    padding: 1em 1.5em;
    font-weight: 700
}

.main-block.xp .leaderboard .player .entry.player img {
    height: 50px;
    border-radius: 50%
}

.main-block.xp .leaderboard .player .entry.player .img-outer-container {
    width: 50px;
    height: 50px;
    background-color: #774930;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.xp .leaderboard .player .entry.player .img-outer-container .img-inner-container {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.xp .leaderboard .player .entry.player .img-outer-container .img-inner-container .first-letter {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .leaderboard .player .entry.player .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.main-block.xp .leaderboard .player .entry.player .username .column-label,
.main-block.xp .leaderboard .player .entry.player .xp .column-label {
    color: #686868;
    text-transform: uppercase
}

.main-block.xp .leaderboard .player .entry.player .username .value,
.main-block.xp .leaderboard .player .entry.player .xp .value {
    color: #e1e9f0
}

.main-block.xp .leaderboard .player .entry.player .username .column-label {
    color: #fdde4c
}

@media (min-width:768px) {
    .main-block.xp .leaderboard .player .entry.player .username {
        text-align: center
    }
}

.main-block.xp .leaderboard .player .entry.player .xp {
    display: flex;
    flex-direction: column;
    align-items: center
}

.main-block.xp .leaderboard .other-placements .loading-indicator {
    margin: 8em 0
}

.main-block.xp .leaderboard .other-placements .entry {
    box-sizing: border-box;
    padding: 1em 1.5em;
    font-weight: 700;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.main-block.xp .leaderboard .other-placements .entry img {
    height: 50px;
    border-radius: 50%
}

.main-block.xp .leaderboard .other-placements .entry .img-outer-container {
    width: 50px;
    height: 50px;
    background-color: #774930;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.xp .leaderboard .other-placements .entry .img-outer-container .img-inner-container {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.xp .leaderboard .other-placements .entry .img-outer-container .img-inner-container .first-letter {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .leaderboard .other-placements .entry .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.main-block.xp .leaderboard .other-placements .entry .username .column-label,
.main-block.xp .leaderboard .other-placements .entry .xp .column-label {
    color: #686868;
    text-transform: uppercase
}

.main-block.xp .leaderboard .other-placements .entry .username .value,
.main-block.xp .leaderboard .other-placements .entry .xp .value {
    color: #e1e9f0
}

@media (min-width:768px) {
    .main-block.xp .leaderboard .other-placements .entry .username {
        text-align: center
    }
}

.main-block.xp .leaderboard .other-placements .entry .xp {
    display: flex;
    flex-direction: column;
    align-items: center
}

.main-block.xp .leaderboard .other-placements .results-pagination-controls {
    justify-content: space-between
}

.main-block.xp .leaderboard .other-placements .results-pagination-controls.click-disabled {
    pointer-events: none
}

@media (min-width:575.98px) {
    .main-block.xp .leaderboard .other-placements .results-pagination-controls {
        justify-content: center
    }
}

.main-block.xp .leaderboard .no-results {
    display: none
}

.main-block.xp .player-avatars {
    margin-bottom: 1.5em
}

.main-block.xp .player-avatars .header {
    display: flex
}

.main-block.xp .player-avatars .header .back-button {
    cursor: pointer;
    color: #fff;
    font-size: 14px
}

.main-block.xp .player-avatars .header .title {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1em
}

.main-block.xp .player-avatars .header a.tip {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: auto;
    font-size: 14px;
    font-weight: 700
}

.main-block.xp .player-avatars .header .panel-group {
    display: block;
    width: 100%;
    text-align: center
}

.main-block.xp .player-avatars .header .panel-group .panel {
    background-color: transparent;
    border: 0
}

.main-block.xp .player-avatars .header .panel-group .panel .panel-heading {
    background-color: transparent
}

.main-block.xp .player-avatars .header .panel-group .panel .panel-heading a {
    text-decoration: none
}

.main-block.xp .player-avatars .header .panel-group .panel .panel-body {
    color: #fff;
    border: 0
}

@media (min-width:768px) {
    .main-block.xp .player-avatars .header {
        flex-direction: column;
        align-items: center
    }

    .main-block.xp .player-avatars .header a.tip {
        margin-left: 0;
        font-size: 12px
    }
}

.main-block.xp .player-avatars .name {
    color: #fff;
    font-weight: 700;
    margin-bottom: .5em
}

.main-block.xp .player-avatars .avatar-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.main-block.xp .player-avatars .avatar-grid .avatar {
    margin: .8em 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    object-fit: contain;
    object-position: center;
    margin-right: 15px
}

.main-block.xp .player-avatars .avatar-grid .avatar img {
    border-radius: 50%
}

.main-block.xp .player-avatars .avatar-grid .avatar.loading .loading-indicator {
    z-index: 1;
    display: flex;
    margin: 0;
    position: absolute;
    height: 100%
}

.main-block.xp .player-avatars .avatar-grid .avatar.loading img {
    filter: brightness(.5)
}

.main-block.xp .player-avatars .avatar-grid .avatar.locked {
    cursor: not-allowed
}

.main-block.xp .player-avatars .avatar-grid .avatar.locked img {
    filter: brightness(.5)
}

.main-block.xp .player-avatars .avatar-grid .avatar.clickable {
    cursor: pointer
}

.main-block.xp .player-avatars .load-more {
    display: block;
    margin: 20px auto 0 auto;
    text-decoration: underline;
    font-size: 16px;
    color: #8298ab;
    box-shadow: unset;
    outline: unset
}

.main-block.xp .player-avatars .overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, .9)
}

.main-block.xp .player-avatars .overlay .show {
    display: block
}

.main-block.xp .player-avatars .overlay .close {
    opacity: 1;
    background: linear-gradient(180deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    color: unset;
    padding: .5em;
    font-size: 1.8em
}

.main-block.xp .player-avatars .overlay .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-align: center;
    margin-top: 10em
}

.main-block.xp .player-avatars .overlay .content .error {
    background-color: #9a0202;
    width: 100%;
    color: #fff;
    margin-bottom: 3em;
    display: none
}

.main-block.xp .player-avatars .overlay .content .error .show {
    display: block
}

.main-block.xp .player-avatars .overlay .content img {
    margin-bottom: 2.5em;
    height: 20%
}

.main-block.xp .player-avatars .overlay .content .visible-name {
    font-weight: 700;
    color: #fff;
    font-size: 1.8em;
    margin-bottom: .5em
}

.main-block.xp .player-avatars .overlay .content .classification {
    color: #8298ab;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 1.5em
}

.main-block.xp .player-avatars .overlay .content button i {
    display: none
}

.main-block.xp .player-avatars .overlay .content button.loading {
    background: #666;
    cursor: not-allowed
}

.main-block.xp .player-avatars .overlay .content button.loading i {
    display: inline-block
}

.main-block.xp .player-avatars .no-avatars-box {
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 1em;
    margin: 2.5em auto 3em;
    max-width: 500px
}

.main-block.xp .player-avatars .no-avatars-box .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    flex: 1
}

.main-block.xp .player-avatars .no-avatars-box .image-container .img-outer-container {
    width: 110px;
    height: 110px;
    background-color: #774930;
    background-size: 110px 110px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.xp .player-avatars .no-avatars-box .image-container .img-outer-container .img-inner-container {
    width: 96px;
    height: 96px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.xp .player-avatars .no-avatars-box .image-container .img-outer-container .img-inner-container .first-letter {
    font-size: 4em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .player-avatars .no-avatars-box .image-container .img-outer-container .img-inner-container .change {
    padding-bottom: 2px;
    font-size: 10px;
    line-height: 30px;
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

.main-block.xp .player-avatars .no-avatars-box .image-container .img-outer-container .img-inner-container .change span:hover {
    cursor: pointer;
    color: #e0e0e0
}

.main-block.xp .player-avatars .no-avatars-box .image-container .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.main-block.xp .player-avatars .no-avatars-box .body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5em;
    flex: 3
}

.main-block.xp .player-avatars .no-avatars-box .body .title {
    color: #fff;
    font-size: 1.3em;
    padding-top: 1em;
    font-weight: 500;
    text-align: center
}

.main-block.xp .player-avatars .no-avatars-box .body .content {
    color: #8298ab;
    text-align: center;
    padding: 1em 1.5em;
    font-weight: 500
}

.main-block.xp .player-avatars .no-avatars-box .body .link a {
    background: linear-gradient(180deg, #5ffce0 10%, #25cafe 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: .9em;
    text-align: center
}

.main-block.xp .player-avatars .no-avatars-box .body .link a.disabled {
    background: 0 0;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: #194b5c;
    cursor: not-allowed
}

.main-block.xp .player-tickets .header {
    display: flex
}

.main-block.xp .player-tickets .header .back-button {
    cursor: pointer;
    color: #fff;
    font-size: 14px
}

.main-block.xp .player-tickets .header .title {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1em
}

.main-block.xp .player-tickets .header a.tip {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: auto;
    font-size: 14px;
    font-weight: 700
}

.main-block.xp .player-tickets .header .panel-group {
    display: block;
    width: 100%;
    text-align: center
}

.main-block.xp .player-tickets .header .panel-group .panel {
    background-color: transparent;
    border: 0
}

.main-block.xp .player-tickets .header .panel-group .panel .panel-heading {
    background-color: transparent
}

.main-block.xp .player-tickets .header .panel-group .panel .panel-heading a {
    text-decoration: none
}

.main-block.xp .player-tickets .header .panel-group .panel .panel-body {
    color: #fff;
    border: 0
}

@media (min-width:768px) {
    .main-block.xp .player-tickets .header {
        flex-direction: column;
        align-items: center
    }

    .main-block.xp .player-tickets .header a.tip {
        margin-left: 0;
        font-size: 12px
    }
}

.main-block.xp .player-tickets .ticket-container {
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 1em;
    margin-top: 2.5em;
    font-size: .8em
}

.main-block.xp .player-tickets .ticket-container.no-tickets {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px
}

.main-block.xp .player-tickets .ticket-container .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    flex: 1
}

.main-block.xp .player-tickets .ticket-container .image-container img {
    max-height: 64px
}

.main-block.xp .player-tickets .ticket-container .image-container .subtitle {
    background: linear-gradient(180deg, #fff 38%, #8298ab 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: .9em;
    margin-top: .7em
}

.main-block.xp .player-tickets .ticket-container .body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5em;
    flex: 3
}

.main-block.xp .player-tickets .ticket-container .body .title {
    padding-bottom: .5em;
    color: #fff;
    font-size: 1.3em;
    font-weight: 500;
    text-align: center
}

.main-block.xp .player-tickets .ticket-container .body .content {
    color: #fff;
    text-align: center;
    font-weight: 500
}

.main-block.xp .player-tickets .ticket-container .body .link a {
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-align: center
}

.main-block.xp .player-tickets .ticket-container .body .link a.disabled {
    background: 0 0;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: #194b5c;
    cursor: not-allowed
}

.main-block.xp .separator {
    width: 100%;
    border: 1px solid;
    margin: 2em 0
}

.main-block.xp .boxes {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap
}

.main-block.xp .boxes a,
.main-block.xp .boxes a:visited,
.main-block.xp .boxes>div {
    width: 340px;
    height: 80px;
    margin: 7px;
    text-decoration: none
}

@media (min-width:991.98px) {

    .main-block.xp .boxes a,
    .main-block.xp .boxes a:visited,
    .main-block.xp .boxes>div {
        margin: 17px 25px
    }
}

.main-block.xp .boxes .box {
    color: #fff;
    display: grid;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

@media (min-width:575.98px) {
    .main-block.xp .boxes {
        flex-direction: row;
        align-items: initial;
        justify-content: center
    }
}

.main-block.xp .challenges .claim-box-wrapper {
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px;
    background: linear-gradient(to bottom, #5ffce0 0, #25cafe 100%)
}

.main-block.xp .challenges .claim-box-wrapper .claim-box {
    height: 100%;
    padding-top: 3px;
    background: linear-gradient(to bottom, #000 0, #25cafe 100%)
}

.main-block.xp .challenges .claim-box-wrapper .claim-box .claim-box-label {
    font-size: 16px;
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .challenges .claim-box-wrapper .claim-box .claim-box-button {
    border: 0;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 14px;
    color: #0b1019;
    border-radius: 70px;
    background: linear-gradient(0, #f6b119, #f2960e)
}

@media (min-width:575.98px) {
    .main-block.xp .challenges .claim-below-wrapper {
        display: none
    }
}

.main-block.xp .challenges .challenge {
    grid-template-columns: 70px auto 70px;
    grid-template-rows: 2fr 1fr 1fr;
    grid-template-areas: "img name name" "img prc reward" "img prc reward";
    column-gap: 12px;
    position: relative
}

.main-block.xp .challenges .challenge .img {
    grid-area: img;
    margin: 5px;
    margin-right: 0;
    width: 64px;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.main-block.xp .challenges .challenge .img img {
    width: 85%;
    height: auto
}

.main-block.xp .challenges .challenge .name {
    grid-area: name;
    font-size: 14px;
    align-self: center
}

.main-block.xp .challenges .challenge .progress-container {
    grid-area: prc;
    display: flex;
    height: 55px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.main-block.xp .challenges .challenge .progress-container .progress-bar {
    width: 100%;
    height: 20px;
    place-self: center;
    font-weight: 700;
    position: relative;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.main-block.xp .challenges .challenge .progress-container .progress-bar .progress-completed {
    background: #3b9aaf;
    height: 100%
}

.main-block.xp .challenges .challenge .progress-container .progress-bar .counter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.xp .challenges .challenge .progress-container .round-counter {
    font-size: 8px;
    letter-spacing: initial;
    line-height: 15px
}

.main-block.xp .challenges .challenge .progress-container .round-counter>div {
    display: inline-block
}

.main-block.xp .challenges .challenge .progress-container .round-counter .round-label {
    color: #8298ab
}

.main-block.xp .challenges .challenge .progress-container .stat-col {
    text-align: center
}

.main-block.xp .challenges .challenge .progress-container .stat-col .stat-name {
    color: #8298ab;
    margin-top: 3px
}

.main-block.xp .challenges .challenge .progress-container .stat-col .stat-value {
    line-height: 10px
}

.main-block.xp .challenges .challenge .reward {
    grid-area: reward;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: end;
    height: 35px;
    margin: 0 5px 5px 0;
    text-align: center;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.main-block.xp .challenges .challenge .reward .reward-points {
    line-height: 13px;
    background: linear-gradient(0, #f2960e, #f7b119);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.main-block.xp .challenges .challenge .reward .reward-label {
    color: #8298ab;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 9px
}

.main-block.xp .challenges .challenge .claim-overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #5ffce0 0, rgba(37, 202, 254, .5) 100%)
}

.main-block.xp .challenges .challenge .claim-overlay-wrapper .claim-overlay {
    background: linear-gradient(to bottom, #000 0, rgba(37, 202, 254, .1) 100%)
}

.main-block.xp .challenges .challenge .claim-overlay-wrapper .claim-overlay .claim-overlay-button .glyphicon-play {
    display: none
}

.main-block.xp .challenges .challenge.with-bar .progress-container {
    flex-direction: column
}

.main-block.xp .challenges .challenge.with-table .progress-container {
    align-self: center;
    justify-content: space-evenly
}

@media (min-width:575.98px) {
    .main-block.xp .challenges {
        flex-direction: row;
        align-items: initial;
        justify-content: center
    }
}

.main-block.xp .rewards-user-info-card {
    width: 350px;
    margin: 1.5em auto;
    display: flex;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.main-block.xp .rewards-user-info-card .img-outer-container {
    width: 114px;
    height: 114px;
    background-color: #774930;
    background-size: 114px 114px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.xp .rewards-user-info-card .img-outer-container .img-inner-container {
    width: 103px;
    height: 103px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.xp .rewards-user-info-card .img-outer-container .img-inner-container .first-letter {
    font-size: 3.9em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .rewards-user-info-card .img-outer-container .img-inner-container .change {
    padding-bottom: 2px;
    font-size: 10px;
    line-height: 30px;
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

.main-block.xp .rewards-user-info-card .img-outer-container .img-inner-container .change span:hover {
    cursor: pointer;
    color: #e0e0e0
}

.main-block.xp .rewards-user-info-card .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.main-block.xp .rewards-user-info-card .user-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 25px
}

.main-block.xp .rewards-user-info-card .user-info .name {
    margin: 4px;
    font-size: 20px;
    line-height: 30px
}

.main-block.xp .rewards-user-info-card .user-info .lifetime-xp-label {
    margin: 4px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .rewards-user-info-card .user-info .lifetime-xp {
    margin: 2px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px
}

.main-block.xp .rewards-links .reward-link {
    padding: 8px 14px;
    grid-template-columns: 64px auto;
    align-items: center
}

.main-block.xp .rewards-links .reward-link.clickable {
    cursor: pointer
}

.main-block.xp .rewards-links .reward-link .img-outer-container {
    width: 64px;
    height: 64px;
    background-color: #774930;
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    position: relative
}

.main-block.xp .rewards-links .reward-link .img-outer-container .img-inner-container {
    width: 57px;
    height: 57px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-block.xp .rewards-links .reward-link .img-outer-container .img-inner-container .first-letter {
    font-size: 1.9em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    pointer-events: none;
    filter: drop-shadow(0 .1em rgba(0, 0, 0, .25));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #fff 55%, #8bbbbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-block.xp .rewards-links .reward-link .img-outer-container .img-inner-container .change {
    padding-bottom: 2px;
    font-size: 10px;
    line-height: 30px;
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

.main-block.xp .rewards-links .reward-link .img-outer-container .img-inner-container .change span:hover {
    cursor: pointer;
    color: #e0e0e0
}

.main-block.xp .rewards-links .reward-link .img-outer-container .img-inner-container.no-img {
    background: #3c3c3c;
    border: 1px solid rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px #000;
    position: relative
}

.main-block.xp .rewards-links .reward-link .img {
    height: 64px
}

.main-block.xp .rewards-links .reward-link .body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.5em
}

.main-block.xp .rewards-links .reward-link .body .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.main-block.xp .rewards-links .reward-link .body .left .logged-out-message {
    font-size: .8em
}

.main-block.xp .rewards-links .reward-link .text a {
    color: #fff
}

.main-block.xp .rewards-links .reward-link .text a:hover {
    color: #e0e0e0
}

.main-block.xp .rewards-links .reward-link .arrow {
    font-size: .8em
}

.main-block.xp .loading-indicator {
    position: initial;
    background: 0 0;
    width: initial;
    height: initial;
    text-align: center;
    margin: 15em 0
}

.main-block.xp .loading-indicator i {
    font-size: 45px
}

.main-block.xp .dropdown-selector-container {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    margin-left: 15px;
    margin-right: 15px;
    position: relative
}

.main-block.xp .dropdown-selector-container .dropdown-selector {
    cursor: pointer;
    border-radius: 60px;
    background-color: transparent;
    text-align: center;
    text-align: -webkit-center;
    text-align-last: center;
    margin-bottom: 30px;
    margin-top: 40px;
    padding: 10px;
    height: 45px;
    border: 1px solid #686868;
    color: #686868;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available
}

.main-block.xp .dropdown-selector-container .dropdown-selector.user-manipulated {
    color: #e0e0e0
}

.main-block.xp .dropdown-selector-container .dropdown-selector option {
    background: #000;
    color: #e0e0e0
}

.main-block.xp .dropdown-selector-container .glyphicon.month-selector-icon {
    pointer-events: none;
    font-size: 18px;
    color: #e0e0e0;
    left: unset;
    right: 18px;
    top: 56px;
    position: absolute
}

@media (min-width:575.98px) {
    .main-block.xp .dropdown-selector-container:not(.full-width) {
        width: 230px;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .main-block.xp .dropdown-selector-container .stmp-search-bar {
        left: calc(-50vw + 50%);
        position: relative
    }
}

.main-block.xp .no-results {
    text-align: center;
    font-weight: 700;
    color: red
}

.time-disadvantage-container footer {
    margin-top: 10em
}

.time-disadvantage-container footer .nav-steps {
    margin-top: 0
}

.time-disadvantage-faq-container .main-block {
    background-color: transparent
}

.main-time-disadvantage-content {
    margin-top: 4em
}

.main-time-disadvantage-content p {
    color: #fff
}

.main-time-disadvantage-content .warning {
    font-family: Inter, sans-serif;
    color: #fff
}

.main-time-disadvantage-content .warning .title {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: .9em;
    margin-bottom: 1em
}

.main-time-disadvantage-content .warning .box-wrapper {
    padding: .1em
}

.main-time-disadvantage-content .warning .box-wrapper .box {
    padding: 2em;
    line-height: 30px;
    background: #000;
    border-image-slice: 1;
    border-width: 1px;
    border-style: solid;
    border-image-source: linear-gradient(0, #f2960e, #f7b119)
}

.main-time-disadvantage-content .warning .buttons {
    padding: 2em 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.main-time-disadvantage-content .warning .buttons .button {
    padding: .6em 2em;
    font-size: 1.5em;
    font-weight: 900;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: .5em 0
}

.main-time-disadvantage-content .warning .buttons .pill {
    border-radius: 100px
}

.main-time-disadvantage-content .warning .buttons #play-button {
    background: linear-gradient(180deg, #5ffce0 10%, #25cafe 93.33%);
    border: 1px solid #25cafe;
    color: #202c2b
}

.main-time-disadvantage-content .warning .buttons #play-button img {
    width: .7em;
    margin-right: .5em
}

.main-time-disadvantage-content .warning .buttons #cancel-button i {
    margin-bottom: .1em;
    line-height: 0;
    -webkit-text-stroke: 1px #000
}

.preload {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 0;
    width: 0;
    background-image: url(/images/tournament/win-animation.gif), url(/images/tournament/loss-animation.gif), url(/images/tournament/big-win-multiplier-animation.gif), url(/images/tournament/playing-field.svg), url(/images/tournament/playing-field-fireplace.png), url(/images/tournament/playing-field-brick.png), url(/images/tournament/win-reward-pts-image.png), url(/images/tournament/loss-reward-pts-image.png), url(/images/tournament/big-win-multiplier-reward-pts-image.png)
}

body.tep-console {
    height: 100%;
    background: url(/images/tournament-bg-top.png), url(/images/tournament-bg-bottom.png) #000;
    background-repeat: no-repeat;
    background-size: cover
}

.tournament-wrapper {
    font-family: Inter, sans-serif;
    font-weight: 700;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.tournament-wrapper .tournament-console-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: absolute;
    background-color: rgba(0, 0, 0, .85)
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay .reward-text.reward-text-main {
    color: #fff
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img {
    left: 5px;
    position: relative
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved {
    height: 210px
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text {
    position: absolute;
    font-size: .7em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 54%;
    padding: .2em 2.5em 0;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 7px;
    -webkit-animation: reward-text .6s both;
    animation: reward-text .6s both;
    width: 227px;
    white-space: nowrap;
    letter-spacing: .2em;
    border: 4px solid transparent
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
    position: absolute;
    left: auto;
    right: auto;
    top: 54%;
    width: 188px;
    height: 83px;
    -webkit-animation: reward-text .6s both;
    animation: reward-text .6s both;
    display: flex;
    justify-content: center;
    align-items: center
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points span,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points span {
    font-size: 1.4em;
    position: relative;
    top: 6px
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
    border-color: #f6cd5f
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
    background-image: url(/images/tournament/win-reward-pts-image.png)
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main {
    border-color: #94fcfd
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points {
    background-image: url(/images/tournament/loss-reward-pts-image.png)
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main {
    border-color: #8fe26d
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points {
    background-image: url(/images/tournament/big-win-multiplier-reward-pts-image.png)
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.tournament-wrapper .tournament-console-wrapper .tournament-console-overlay.show-overlay {
    display: flex;
    justify-content: center;
    align-items: center
}

@media all and (orientation:landscape) and (min-width:660px) and (max-height:375px) {
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img {
        left: 5px;
        position: relative
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved {
        height: 243px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text {
        position: absolute;
        font-size: .8em;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.5em;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        position: absolute;
        left: auto;
        right: auto;
        bottom: 54%;
        padding: .1em 2.5em;
        background-color: rgba(0, 0, 0, .8);
        border-radius: 7px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        width: 237px;
        white-space: nowrap;
        letter-spacing: .2em;
        border: 4px solid transparent
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        position: absolute;
        left: auto;
        right: auto;
        top: 54%;
        width: 199px;
        height: 95px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.4em;
        position: relative;
        top: 5px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        border-color: #f6cd5f
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/win-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main {
        border-color: #94fcfd
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/loss-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main {
        border-color: #8fe26d
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/big-win-multiplier-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:480px) {
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img {
        left: 5px;
        position: relative
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved {
        height: 350px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text {
        position: absolute;
        font-size: 1.1em;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.5em;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        position: absolute;
        left: auto;
        right: auto;
        bottom: 58%;
        padding: .1em 2.5em 0;
        background-color: rgba(0, 0, 0, .8);
        border-radius: 7px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        width: 261px;
        white-space: nowrap;
        letter-spacing: .2em;
        border: 4px solid transparent
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        position: absolute;
        left: auto;
        right: auto;
        top: 59%;
        width: 260px;
        height: 121px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.4em;
        position: relative;
        top: 5px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        border-color: #f6cd5f
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/win-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main {
        border-color: #94fcfd
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/loss-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main {
        border-color: #8fe26d
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/big-win-multiplier-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media all and (orientation:landscape) and (min-width:736px) and (max-width:811px) and (min-height:375px) {
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img {
        left: 5px;
        position: relative
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved {
        height: 277px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text {
        position: absolute;
        font-size: .9em;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.5em;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        position: absolute;
        left: auto;
        right: auto;
        bottom: 54%;
        padding: 0 2.5em;
        background-color: rgba(0, 0, 0, .8);
        border-radius: 7px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        width: 273px;
        white-space: nowrap;
        letter-spacing: .2em;
        border: 4px solid transparent
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        position: absolute;
        left: auto;
        right: auto;
        top: 54%;
        width: 226px;
        height: 106px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.4em;
        position: relative;
        top: 7px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        border-color: #f6cd5f
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/win-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main {
        border-color: #94fcfd
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/loss-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main {
        border-color: #8fe26d
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/big-win-multiplier-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media all and (orientation:landscape) and (min-width:1280px) and (min-height:720px) {
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img {
        left: 5px;
        position: relative
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved {
        height: 300px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text {
        position: absolute;
        font-size: 1em;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.5em;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        position: absolute;
        left: auto;
        right: auto;
        bottom: 54%;
        padding: .1em 2.5em 0;
        background-color: rgba(0, 0, 0, .8);
        border-radius: 7px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        width: 227px;
        white-space: nowrap;
        letter-spacing: .2em;
        border: 4px solid transparent
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        position: absolute;
        left: auto;
        right: auto;
        top: 54%;
        width: 216px;
        height: 95px;
        -webkit-animation: reward-text .6s both;
        animation: reward-text .6s both;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.4em;
        position: relative;
        top: 8px
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-main {
        border-color: #f6cd5f
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/win-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-main {
        border-color: #94fcfd
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/loss-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-main {
        border-color: #8fe26d
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points {
        background-image: url(/images/tournament/big-win-multiplier-reward-pts-image.png)
    }

    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.big-win-multiplier-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.loss-achieved~.reward-text.reward-text-points,
    .tournament-wrapper .tournament-console-wrapper .tournament-console-overlay img.win-achieved~.reward-text.reward-text-points {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper {
    display: flex;
    flex-direction: column;
    background-image: url(/images/tournament/playing-field.svg);
    background-size: auto 155%;
    -webkit-background-size: auto 155%;
    -moz-background-size: auto 155%;
    background-position: center 0;
    align-items: center;
    height: calc(100% - 34px);
    border: 1px solid #52bbd5
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .close-button-wrapper {
    position: absolute;
    top: 4px;
    left: 12px;
    z-index: 1
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .close-button-wrapper img {
    filter: brightness(0) saturate(100%) invert(57%) sepia(8%) saturate(227%) hue-rotate(153deg) brightness(96%) contrast(95%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 1em 1em 0 1em
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
    position: relative;
    display: flex;
    flex-direction: column
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
    width: 96px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .bonus.value.spins .spins-left {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .bonus.value.spins .bonus-spins {
    display: block
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .bonus.value.spins.maxed .spins-left {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .bonus.value.spins.maxed .bonus-spins {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .bonus.value.spins.maxed .maxed-spins {
    display: block
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .bonus~.container-bg {
    content: url(/images/tournament/console/header/header-bonus-bg.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
    display: block;
    background-color: rgba(2, 4, 5, .6);
    position: relative;
    align-self: center;
    border-radius: 4px;
    padding: 0 8px;
    bottom: 7px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    font-size: .8em;
    background: linear-gradient(171.09deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
    display: flex;
    justify-content: center;
    font-weight: 900;
    text-align: center;
    position: absolute;
    left: 15px;
    color: #fefefe;
    font-size: 1em;
    top: 15px;
    min-width: 65px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.score {
    display: block;
    background: linear-gradient(to right, #fcf45f, #fead25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value .counter-arrow {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank.count-up .counter-arrow#rank-arrow-up {
    display: inline-block;
    -webkit-animation: arrow-jump-up 1.5s both;
    animation: arrow-jump-up 1.5s both
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank.count-up #rank-indicator {
    background: linear-gradient(171.09deg, #8fd071 10%, #fefefe 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank.count-down .counter-arrow#rank-arrow-down {
    display: inline-block;
    -webkit-animation: arrow-jump-down 1.5s both;
    animation: arrow-jump-down 1.5s both
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank.count-down #rank-indicator {
    background: linear-gradient(171.09deg, #de4c4c 10%, #fefefe 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins #spins-left {
    background: linear-gradient(160deg, #fff, #e5f0f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins #spins-total {
    color: #8298ab;
    font-size: .6em
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins .bonus-spins,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins .maxed-spins {
    display: none;
    color: #333
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins .maxed-spins {
    text-transform: uppercase;
    font-size: .65em
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins .bonus-spins::before {
    content: "+"
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins.count-up .counter-arrow#spins-arrow-up {
    display: inline-block;
    -webkit-animation: arrow-jump-up 1.5s both;
    animation: arrow-jump-up 1.5s both
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins.count-up #spins-left-indicator {
    background: linear-gradient(171.09deg, #8fd071 10%, #fefefe 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins.count-down .counter-arrow#spins-arrow-down {
    display: inline-block;
    -webkit-animation: arrow-jump-down 1.5s both;
    animation: arrow-jump-down 1.5s both
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins.count-down #spins-left-indicator {
    background: linear-gradient(171.09deg, #de4c4c 10%, #fefefe 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main {
    height: 100%
}

@media screen and (orientation:landscape) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 85px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 7px;
        height: 19px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: .7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 1em;
        top: 12px;
        min-width: 65px;
        left: 11px
    }
}

@media screen and (min-width:768px) and (orientation:portrait) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 170px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 12px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1.3em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 1.9em;
        top: 33px;
        min-width: 115px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.balance,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.score,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins {
        left: 27px
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:480px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 130px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        padding: 7px;
        bottom: 7px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1.3em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 1.7em;
        top: 23px;
        min-width: 115px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.balance,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.score,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins {
        left: 7px
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:768px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 193px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        padding: 7px;
        bottom: 12px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 2em;
        top: 40px;
        min-width: 115px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.balance,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.score,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins {
        left: 33px
    }
}

@media screen and (orientation:landscape) and (min-height:375px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 101px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 5px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: .9em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 1.2em;
        top: 16px;
        min-width: 65px;
        left: 16px
    }
}

@media all and (orientation:landscape) and (min-width:660px) and (max-height:375px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 94px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 8px;
        height: 20px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: .8em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 1.2em;
        top: 13px;
        min-width: 70px;
        left: 11px
    }
}

@media all and (orientation:landscape) and (min-width:768px) and (min-height:320px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 104px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 5px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: .9em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 1.2em;
        top: 16px;
        min-width: 70px;
        left: 16px
    }
}

@media all and (min-height:375px) and (min-width:812px) and (orientation:landscape) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 111px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        left: 20px;
        top: 19px;
        font-size: 1.4em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 9px;
        height: 21px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1em
    }
}

@media all and (orientation:landscape) and (min-width:736px) and (max-width:811px) and (min-height:375px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 115px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        left: 22px;
        top: 20px;
        font-size: 1.4em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 9px;
        height: 21px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1em
    }
}

@media (min-width:1199.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container {
        padding: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 125px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 9px;
        height: 21px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        font-size: 1.6em;
        top: 22px;
        min-width: 75px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.rank,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.score,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.spins {
        left: 25px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value.balance {
        left: 22px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
    display: none;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points.active {
    display: flex;
    justify-content: space-around
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: .6em 0
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.warning .streak-image {
    content: url(/images/tournament/warning-coin-static.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.warning .tile-indicator-container {
    color: #eb5757
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.bonus .streak-image {
    content: url(/images/tournament/bonus-spin-coin-static.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.bonus .bar[class*=bar-] {
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%) !important;
    border-color: #fff;
    box-shadow: 0 0 10px #fff
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.bonus .bar[class*=bar-] .progress {
    visibility: hidden
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.bonus .bar[class*=bar-] .bar-text.bar-text-left,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.bonus .bar[class*=bar-] .bar-text.bar-text-right {
    display: none !important
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.bonus .bar[class*=bar-] .bar-text.bar-text-center {
    display: block;
    color: #202c2b;
    text-shadow: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row.bonus .flame-image {
    display: block;
    content: url(/images/tournament/flame-effect-blue.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
    position: absolute;
    width: 63px;
    left: 3px;
    z-index: 3
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image.animated {
    -webkit-animation: streak-image-animation 1.5s both;
    animation: streak-image-animation 1.5s both
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-image: url(/images/tournament/bar-tile.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
    color: #fff;
    font-size: 10px;
    width: 50px;
    height: 40px;
    right: 15px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container~.bar {
    margin-right: 45px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
    z-index: 2;
    position: relative;
    flex-basis: 100%;
    border: 2px solid #516b81;
    border-radius: 20px;
    background-color: #25243d;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    margin-left: 30px;
    border-width: 2px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .progress {
    height: 9px;
    border-radius: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text {
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 700;
    text-shadow: 0 1px #252525;
    color: #fff
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text.bar-text-left {
    position: absolute;
    left: 40px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text.bar-text-right {
    position: absolute;
    right: 15px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text.bar-text-center {
    position: absolute
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text .bar-label {
    display: none
}

@media (min-width:575.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text .bar-label {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text .bar-label-mobile {
        display: none
    }
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar .bar-text {
        letter-spacing: .08em
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-orange .progress {
    background-color: #3f405e;
    margin-bottom: 0;
    width: 100%;
    height: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-orange .progress .progress-bar {
    background: linear-gradient(0deg, #c7820e, #c7820e), linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-orange.flame {
    background: linear-gradient(177.11deg, #fcf45f 10%, #fead25 93.33%);
    border-color: #fff
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-blue .progress {
    background-color: #3f405e;
    margin-bottom: 0;
    width: 100%;
    height: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-blue .progress .progress-bar {
    background: #57bbba
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-blue.flame {
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    border-color: #fff
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-green .progress {
    background-color: #3f405e;
    margin-bottom: 0;
    width: 100%;
    height: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-green .progress .progress-bar {
    background: linear-gradient(0deg, #477f2b, #477f2b), linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-yellow .progress {
    background-color: #3f405e;
    margin-bottom: 0;
    width: 100%;
    height: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-yellow .progress .progress-bar {
    background: linear-gradient(0deg, #ffba00, #ffba00), linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-light-orange .progress {
    background-color: #3f405e;
    margin-bottom: 0;
    width: 100%;
    height: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-light-orange .progress .progress-bar {
    background: linear-gradient(0deg, #df8714, #df8714), linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-dark-orange .progress {
    background-color: #3f405e;
    margin-bottom: 0;
    width: 100%;
    height: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-dark-orange .progress .progress-bar {
    background: linear-gradient(0deg, #d14c1c, #d14c1c), linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-red .progress {
    background-color: #3f405e;
    margin-bottom: 0;
    width: 100%;
    height: 8px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-red .progress .progress-bar {
    background: linear-gradient(0deg, #b51018, #b51018), linear-gradient(180deg, #5ffce0 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
    font-size: .5em;
    top: -3px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
    left: 28px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right {
    right: 17px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right.with-tile {
    right: 20px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-center {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
    display: block
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
    display: none;
    position: absolute;
    right: -12px;
    width: 102%;
    height: 69px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
    height: 100%;
    position: relative;
    width: 40%;
    display: flex;
    justify-content: center
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img {
    height: 100%
}

@media (max-width:924px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img {
        display: block;
        left: 50%;
        position: absolute;
        top: 100%;
        translate: -47% -100%;
        width: auto
    }
}

@media (max-width:767px) and (min-width:480px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved {
        height: auto
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img~.reward-text,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img~.warning-container {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
    position: absolute;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.6em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    left: 50%;
    padding: .5em;
    background-color: #eb5757;
    border-radius: 5px;
    animation: reward-text .6s both;
    width: 11em;
    letter-spacing: .1em;
    font-size: .45em;
    translate: -50% -50%;
    top: 70%
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
    font-size: 1.6em;
    position: relative
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
    position: absolute;
    font-size: .5em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-main,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-main,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-main {
    left: 50%;
    padding: .3em 2.5em;
    background-color: rgba(2, 4, 5, .89);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    animation: reward-text .6s;
    width: fit-content;
    white-space: nowrap;
    letter-spacing: .2em;
    border: 3px solid transparent;
    translate: -50% -100%;
    top: 22%
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points {
    left: 50%;
    width: 100%;
    height: 40%;
    animation: reward-text .6s both;
    display: flex;
    justify-content: center;
    align-items: center;
    translate: -50% -50%;
    top: 82%;
    position: absolute
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
    font-size: 2.1em;
    position: relative
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
    font-size: 1.5em
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-main {
    border-color: #f6cd5f
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points {
    background-image: url(/images/tournament/win-reward-pts-image.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-main {
    border-color: #94fcfd
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points {
    background-image: url(/images/tournament/loss-reward-pts-image.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-main {
    border-color: #8fe26d
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points {
    background-image: url(/images/tournament/big-win-multiplier-reward-pts-image.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos {
    width: 100%;
    height: auto;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos {
        margin: 0
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper {
    width: 100%;
    position: relative;
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper #casino-card-slider {
    height: 100%;
    width: 100%;
    display: flex;
    padding-inline-start: unset;
    overflow: hidden
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper #casino-card-slider .keen-slider__slide {
    overflow: visible;
    display: flex
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper .arrow {
    width: 14px;
    height: 24px;
    margin: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper .arrow--left {
    left: 0;
    background-image: url(/images/tournament/console/tabs/casinos/left-arrow-mobile.png)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper .arrow--right {
    right: 0;
    background-image: url(/images/tournament/console/tabs/casinos/right-arrow-mobile.png)
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper .arrow {
        width: 23px;
        height: 38px;
        margin: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        cursor: pointer
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper .arrow--left {
        left: 0;
        background-image: url(/images/tournament/console/tabs/casinos/left-arrow-desktop.png)
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .navigation-wrapper .arrow--right {
        right: 0;
        background-image: url(/images/tournament/console/tabs/casinos/right-arrow-desktop.png)
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card {
    margin: 10px auto;
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content {
    height: 180px;
    overflow: hidden
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content {
        height: 380px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .back-nav {
    margin: 10px 40px 0 0;
    text-align: right;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .back-nav {
        font-size: 12px;
        margin-top: 20px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .back-nav i {
    font-size: 14px;
    margin-right: 5px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .back-nav span {
    margin-top: 2px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .casino-logo {
    max-height: 40px;
    margin-top: 0
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .casino-logo {
        max-height: 60px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .promotion-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .promotion-title {
        font-size: 28px;
        margin: 30px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .footer {
    text-align: center;
    line-height: normal;
    transition: 1s;
    border-radius: 15px 15px 0 0;
    overflow-y: auto;
    background: #1b172a;
    margin: 10px auto auto;
    width: 200px;
    padding: 4px
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .footer {
        width: 245px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .footer.collapsed {
    border-radius: 0;
    overflow-y: hidden
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .show-control {
    color: #52bbd5;
    font-size: 9px;
    font-weight: 900;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
    cursor: pointer;
    bottom: 10px;
    width: 100px
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .show-control {
        font-size: 12px;
        bottom: 20px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .show-control .more {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .show-control.collapsed .more {
    display: inline
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .show-control.collapsed .less {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .tc-text {
    font-weight: 500;
    font-size: 8px;
    line-height: 138.9%;
    text-align: center;
    color: #fff
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .tc-text p {
    font-weight: 500;
    font-size: 8px;
    line-height: 138.9%;
    text-align: center;
    color: #fff
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-card-back .content .tc-text p {
        font-size: 10px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .game-logo {
    width: 110px;
    margin-top: 10px
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .game-logo {
        width: 220px;
        margin-top: 30px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .text {
    font-weight: 700;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin-bottom: 0
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .text {
        font-size: 14px;
        margin: 20px auto
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .casino-logo {
    max-height: 50px;
    margin-top: -10px
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .casino-logo {
        max-height: 60px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .cta-casinopromotion {
    display: block;
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    background: linear-gradient(177.44deg, #59d069 8.28%, #23902f 91.72%);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    font-weight: 600;
    font-size: 11px;
    width: 114px;
    margin-top: 10px;
    margin: auto;
    height: 35px;
    line-height: 35px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .cta-casinopromotion svg {
    margin-bottom: 2px
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .cta-casinopromotion {
        font-size: 15px;
        width: 140px;
        margin: 20px auto;
        height: 40px;
        line-height: 40px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .cta-casinopromotion .glyphicon-play {
    color: #202c2b
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-link-wrapper {
    padding-left: 13px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-link-wrapper .details-link {
    font-weight: 500;
    font-size: 10px;
    line-height: 27px;
    text-align: center;
    text-decoration-line: underline;
    color: #fff;
    margin: 0;
    display: inline-block;
    cursor: pointer
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-link-wrapper .details-link {
        font-size: 14px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .flip-link-wrapper .flip-arrow {
    display: inline-block;
    margin: 1px 0 0 3px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .promotion-subtitle {
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    margin: 0;
    max-width: 140px;
    margin: auto
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card .promotion-subtitle {
        font-size: 10px;
        margin-top: 20px
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card {
    background-color: transparent;
    width: 255px;
    height: 210px;
    perspective: 1000px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-inner.rotated {
    transform: rotateY(180deg)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-back,
.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-front {
    background-image: url(/images/tournament/console/tabs/casinos/card-background-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    color: #000
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-back {
    background-image: url(/images/tournament/console/tabs/casinos/card-background-mobile.png);
    color: #fff;
    transform: rotateY(180deg)
}

@media (min-width:991.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card {
        margin: 15px auto;
        width: 31rem !important;
        height: 44rem !important
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card {
        background-color: transparent;
        width: 311px;
        height: 434px;
        perspective: 1000px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform .6s;
        transform-style: preserve-3d;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-inner.rotated {
        transform: rotateY(180deg)
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-back,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-front {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-front {
        background-image: url(/images/tournament/console/tabs/casinos/card-background-desktop.png);
        background-size: contain;
        background-repeat: no-repeat;
        color: #000
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos .flip-card-back {
        background-image: url(/images/tournament/console/tabs/casinos/card-background-desktop.png);
        color: #fff;
        transform: rotateY(180deg)
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos.active {
    display: flex
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos.active .navigation-wrapper {
    display: flex
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.casinos.active .navigation-wrapper .flip-card {
    display: flex
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active {
    display: block;
    justify-content: center;
    align-items: center;
    width: 100%
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges {
    width: 90%;
    margin: 0 auto
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges #claim-below-button {
    margin-bottom: 10px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge.box {
    display: grid;
    margin: 15px 0;
    width: 100%;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge.box .name {
    color: #fff
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge.box .reward .reward-points {
    margin-bottom: 5px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge.box:last-of-type {
    margin: 5px 0
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .claim-box-wrapper {
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px;
    background: linear-gradient(to bottom, #5ffce0 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .claim-box-wrapper .claim-box {
    height: 100%;
    padding-top: 3px;
    background: linear-gradient(to bottom, #000 0, #25cafe 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .claim-box-wrapper .claim-box .claim-box-label {
    font-size: 16px;
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .claim-box-wrapper .claim-box .claim-box-button {
    border: 0;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 14px;
    color: #0b1019;
    border-radius: 70px;
    background: linear-gradient(0, #f6b119, #f2960e)
}

@media (min-width:575.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .claim-below-wrapper {
        display: none
    }
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge {
    grid-template-columns: 70px auto 70px;
    grid-template-rows: 2fr 1fr 1fr;
    grid-template-areas: "img name name" "img prc reward" "img prc reward";
    column-gap: 12px;
    position: relative
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .img {
    grid-area: img;
    margin: 5px;
    margin-right: 0;
    width: 64px;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .img img {
    width: 85%;
    height: auto
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .name {
    grid-area: name;
    font-size: 14px;
    align-self: center
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container {
    grid-area: prc;
    display: flex;
    height: 55px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .progress-bar {
    width: 100%;
    height: 20px;
    place-self: center;
    font-weight: 700;
    position: relative;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .progress-bar .progress-completed {
    background: #3b9aaf;
    height: 100%
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .progress-bar .counter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .round-counter {
    font-size: 8px;
    letter-spacing: initial;
    line-height: 15px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .round-counter>div {
    display: inline-block
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .round-counter .round-label {
    color: #8298ab
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .stat-col {
    text-align: center
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .stat-col .stat-name {
    color: #8298ab;
    margin-top: 3px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .progress-container .stat-col .stat-value {
    line-height: 10px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .reward {
    grid-area: reward;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: end;
    height: 35px;
    margin: 0 5px 5px 0;
    text-align: center;
    background-color: rgba(48, 70, 89, .35);
    border: 1px solid rgba(130, 152, 171, .35)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .reward .reward-points {
    line-height: 13px;
    background: linear-gradient(0, #f2960e, #f7b119);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .reward .reward-label {
    color: #8298ab;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 9px
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .claim-overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #5ffce0 0, rgba(37, 202, 254, .5) 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .claim-overlay-wrapper .claim-overlay {
    background: linear-gradient(to bottom, #000 0, rgba(37, 202, 254, .1) 100%)
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge .claim-overlay-wrapper .claim-overlay .claim-overlay-button .glyphicon-play {
    display: none
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge.with-bar .progress-container {
    flex-direction: column
}

.tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges .challenge.with-table .progress-container {
    align-self: center;
    justify-content: space-evenly
}

@media (min-width:575.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.challenges.active .challenges {
        flex-direction: row;
        align-items: initial;
        justify-content: center
    }
}

@media screen and (orientation:portrait) and (max-width:374.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container {
        right: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container~.bar {
        margin-right: 30px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 60%;
        width: 40%
    }
}

@media screen and (orientation:portrait) and (min-width:375px) and (max-height:767px) and (max-width:767px),
screen and (orientation:portrait) and (min-width:375px) and (max-width:479px) and (max-width:767px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 72px;
        left: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container {
        font-size: 13px;
        height: 52px;
        width: 64px;
        right: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container~.bar {
        margin-right: 45px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        padding: 5px;
        border-width: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .6em;
        top: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 33px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right {
        right: 17px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 12px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        right: -12px;
        width: 102%;
        height: 74px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 85%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 14em;
        line-height: 1.9em;
        letter-spacing: .2em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .6em
    }
}

@media screen and (orientation:portrait) and (min-width:768px) and (max-height:767px),
screen and (orientation:portrait) and (min-width:768px) and (max-width:479px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row {
        height: 35px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 93px;
        left: -1px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        padding: 7px;
        border-width: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .7em;
        top: 1px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 51px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right {
        right: 17px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 11px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        width: 94%;
        height: 115px;
        right: 27px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 75%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .6em
    }
}

@media screen and (orientation:portrait) and (min-height:768px) and (min-width:480px) and (max-height:991px),
screen and (orientation:portrait) and (min-height:768px) and (min-width:480px) and (max-width:1199px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row {
        height: 35px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 97px;
        left: -7px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container {
        font-size: 16px;
        width: 85px;
        height: 70px;
        right: 0
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container~.bar {
        margin-right: 60px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        padding: 7px;
        border-width: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .9em;
        top: 4px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 45px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right {
        right: 17px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right.with-tile {
        right: 25px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 16px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        width: 107%;
        right: -22px;
        height: 100px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 120%;
        width: 70%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        line-height: 2.7em;
        width: 16em;
        font-size: .35em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
        font-size: 2.2em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .9em
    }
}

@media screen and (orientation:landscape) and (max-width:767px) and (max-width:659px) and (max-width:735px),
screen and (orientation:landscape) and (max-width:767px) and (max-width:659px) and (max-height:374px),
screen and (orientation:landscape) and (max-width:767px) and (max-height:374px) and (max-width:735px),
screen and (orientation:landscape) and (max-width:767px) and (max-height:374px) and (max-height:374px),
screen and (orientation:landscape) and (max-height:319px) and (max-width:659px) and (max-width:735px),
screen and (orientation:landscape) and (max-height:319px) and (max-width:659px) and (max-height:374px),
screen and (orientation:landscape) and (max-height:319px) and (max-height:374px) and (max-width:735px),
screen and (orientation:landscape) and (max-height:319px) and (max-height:374px) and (max-height:374px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        margin-right: 15px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-blue.flame+.flame-image,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar.bar-orange.flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        right: 3px;
        width: 96%;
        height: 65px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 75%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 11em;
        line-height: 1.4em;
        letter-spacing: 0;
        font-size: .55em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.3em
    }
}

@media screen and (orientation:landscape) and (min-height:375px) and (max-width:659px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 70px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        margin-right: 15px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 11px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        top: -2px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 32px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        right: 0;
        width: 99%;
        height: 71px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 75%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 11em;
        line-height: 1.6em;
        letter-spacing: .1em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
        font-size: 1.5em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.3em
    }
}

@media (orientation:landscape) and (min-width:768px) and (min-height:320px) and (max-width:659px) and (max-width:735px),
(orientation:landscape) and (min-width:768px) and (min-height:320px) and (max-width:659px) and (max-height:374px),
(orientation:landscape) and (min-width:768px) and (min-height:320px) and (max-height:374px) and (max-width:735px),
(orientation:landscape) and (min-width:768px) and (min-height:320px) and (max-height:374px) and (max-height:374px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 65px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        margin-right: 15px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 10px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .6em;
        top: -2px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 31px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        right: 3px;
        width: 96%;
        height: 65px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 75%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 14em;
        line-height: 1.9em;
        letter-spacing: .2em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.3em
    }
}

@media (orientation:landscape) and (min-width:660px) and (min-height:375px) and (max-width:767px) and (max-width:735px),
(orientation:landscape) and (min-width:660px) and (min-height:375px) and (max-height:319px) and (max-width:735px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 65px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        margin-right: 15px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 10px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .7em;
        top: -3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 31px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        right: 3px;
        width: 96%;
        height: 65px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 75%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 14em;
        line-height: 1.9em;
        letter-spacing: .2em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .8em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.3em
    }
}

@media (orientation:landscape) and (min-width:736px) and (min-height:375px) and (max-width:811px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 70px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        margin-right: 15px;
        padding: 5px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 12px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        top: 1px;
        font-size: .7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 32px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        right: 1px;
        width: 99%;
        height: 78px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 75%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 15em;
        line-height: 2.2em;
        letter-spacing: .2em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
        font-size: 2em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .8em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.5em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.3em
    }
}

@media (orientation:landscape) and (min-height:375px) and (min-width:812px) and (max-width:991px),
(orientation:landscape) and (min-height:375px) and (min-width:812px) and (max-height:479px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 70px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        margin-right: 15px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 11px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        top: -2px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 32px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 75%;
        width: 40%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        font-size: .55em;
        line-height: 1.9em;
        letter-spacing: .15em;
        width: 13em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container span {
        font-size: 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: .8em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.3em
    }
}

@media (orientation:landscape) and (min-width:992px) and (min-height:480px) and (max-width:1279px),
(orientation:landscape) and (min-width:992px) and (min-height:480px) and (max-height:719px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row {
        height: 45px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 97px;
        left: -7px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container {
        font-size: 16px;
        width: 85px;
        height: 70px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container~.bar {
        margin-right: 75px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        padding: 7px;
        border-width: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .8em;
        top: 4px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 45px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right {
        right: 17px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right.with-tile {
        right: 22px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 16px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        width: 107%;
        right: -22px;
        height: 100px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 50%;
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 11em;
        font-size: .55em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: 1em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.5em
    }
}

@media (orientation:landscape) and (min-width:1280px) and (min-height:720px) and (max-height:991px),
(orientation:landscape) and (min-width:1280px) and (min-height:720px) and (max-width:1199px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row {
        height: 39px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 97px;
        left: -7px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container {
        font-size: 16px;
        width: 85px;
        height: 70px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container~.bar {
        margin-right: 75px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        padding: 7px;
        border-width: 3px;
        margin-right: 15px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .8em;
        top: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 45px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right {
        right: 17px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right.with-tile {
        right: 22px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 14px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        width: 107%;
        right: -22px;
        height: 100px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 50%;
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 11em;
        font-size: .55em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: 1em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.5em
    }
}

@media (min-height:992px) and (min-width:1200px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points {
        flex-direction: column-reverse;
        padding: 0 1.6em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container {
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row {
        height: 39px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .streak-image {
        width: 97px;
        left: -7px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container {
        font-size: 16px;
        width: 85px;
        height: 70px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .tile-indicator-container~.bar {
        margin-right: 75px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar {
        padding: 7px;
        border-width: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text {
        font-size: .8em;
        top: 3px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-left {
        left: 45px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right {
        right: 17px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .bar-text.bar-text-right.with-tile {
        right: 22px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-] .progress {
        height: 14px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .bar[class*=bar-].flame+.flame-image {
        display: block
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .streak-container .streak-row .flame-image {
        width: 107%;
        right: -22px;
        height: 100px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container {
        height: 50%;
        width: 100%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.warning~.warning-container {
        width: 11em;
        font-size: .65em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text {
        font-size: 1em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points span {
        font-size: 1.7em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.big-win-multiplier-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.loss-achieved~.reward-text.reward-text-points.pts span,
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .main.points .reward-container img.win-achieved~.reward-text.reward-text-points.pts span {
        font-size: 1.5em
    }
}

@media screen and (orientation:landscape) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper {
        background-position: center center
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper.fireplace {
        background-image: url(/images/tournament/playing-field-fireplace.png)
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper.brick-wall {
        background-image: url(/images/tournament/playing-field-brick.png)
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:480px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper {
        padding: 25px
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:768px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper {
        padding: 50px
    }
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper {
    z-index: 2
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs {
    display: flex;
    justify-content: space-evenly;
    background-image: url(/images/tournament/console/tabs/console-tab-background.png);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #52bbd5;
    box-sizing: border-box;
    border-radius: 0 0 15px 15px;
    height: 34px;
    flex-basis: 28%;
    position: relative;
    z-index: 1;
    top: -1px;
    background: rgba(255, 255, 255, .05)
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab .text {
    font-size: .8em;
    color: #878d93;
    font-weight: 700;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .25), 0 3px 0 rgba(0, 0, 0, .25)
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab #xp_counter {
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    right: 5px;
    top: 5px;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    background-color: #fa0000;
    text-align: center;
    text-shadow: none;
    display: inline-block
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab.selected {
    background: #0f131f;
    border-top: 1px solid transparent
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab.selected .text {
    color: #fff
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab:hover {
    cursor: pointer
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .information {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 10%
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .information .text {
    color: #8aa5aa;
    font-size: 1.5em
}

.tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .information:hover {
    cursor: pointer
}

@media screen and (orientation:portrait) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper {
        height: calc(100% - 40px)
    }

    .tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab {
        height: 40px
    }

    .tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab .text {
        font-size: 1em
    }
}

@media (min-width:1199.98px) {
    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper {
        height: calc(100% - 55px)
    }

    .tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab {
        height: 55px
    }

    .tournament-wrapper .tournament-console-wrapper .tabs-wrapper .tabs .console-tab .text {
        font-size: 1em
    }
}

.tournament-wrapper .game-area {
    width: 100vw;
    height: 55vh;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center
}

.tournament-wrapper .game-area iframe {
    border: none
}

.tournament-wrapper .game-area .tpc-error-message {
    color: #fff;
    font-size: 1.4em;
    width: 75%
}

@media all and (orientation:landscape) {
    .tournament-wrapper .game-area {
        height: 99%;
        width: 50%
    }
}

@media all and (orientation:landscape) and (min-width:768px) {
    .tournament-wrapper .game-area {
        height: 99%;
        width: 58%
    }
}

@media all and (orientation:landscape) and (min-width:768px) and (min-height:320px) {
    .tournament-wrapper .game-area {
        height: 99%;
        width: 58%
    }
}

@media all and (orientation:landscape) and (min-width:660px) and (max-height:375px) {
    .tournament-wrapper .game-area {
        height: 99%;
        width: 53%
    }
}

@media all and (orientation:landscape) and (min-width:812px) and (min-height:375px) {
    .tournament-wrapper .game-area {
        height: 99%;
        width: 53%
    }
}

@media screen and (orientation:portrait) and (min-width:375px) {
    .tournament-wrapper .game-area {
        height: 52%;
        width: 100%
    }
}

@media all and (orientation:portrait) and (min-height:620px) and (max-width:480px) {
    .tournament-wrapper .game-area {
        height: 56%;
        width: 100%
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (max-width:480px) {
    .tournament-wrapper .game-area {
        height: 63%;
        width: 100%
    }
}

@media all and (orientation:landscape) and (min-width:736px) and (max-width:811px) and (min-height:375px) {
    .tournament-wrapper .game-area {
        height: 99%;
        width: 50%
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (max-width:480px) {
    .tournament-wrapper .game-area {
        height: 67%;
        width: 100%
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:480px) {
    .tournament-wrapper .game-area {
        height: 51%;
        width: 100%
    }
}

@media all and (orientation:landscape) and (min-height:480px) {
    .tournament-wrapper .game-area {
        height: 69%
    }
}

@media all and (orientation:landscape) and (min-height:640px) {
    .tournament-wrapper .game-area {
        height: 60%
    }
}

@media all and (orientation:landscape) and (min-height:700px) {
    .tournament-wrapper .game-area {
        height: 59%
    }
}

@media all and (orientation:landscape) and (min-height:768px) {
    .tournament-wrapper .game-area {
        height: 51%
    }
}

@media all and (orientation:landscape) and (min-width:992px) and (min-height:480px) {
    .tournament-wrapper .game-area {
        height: 100%;
        width: 700px
    }
}

@media all and (orientation:landscape) {
    .tournament-wrapper {
        flex-direction: row
    }

    .tournament-wrapper .tournament-console-wrapper {
        width: 50%
    }
}

@media all and (orientation:landscape) and (min-width:768px) {
    .tournament-wrapper {
        flex-direction: row
    }

    .tournament-wrapper .tournament-console-wrapper {
        width: 42%
    }
}

@media all and (orientation:landscape) and (min-width:660px) and (max-height:375px) {
    .tournament-wrapper {
        flex-direction: row
    }

    .tournament-wrapper .tournament-console-wrapper {
        width: 47%
    }
}

@media all and (orientation:landscape) and (min-width:812px) and (min-height:375px) {
    .tournament-wrapper {
        flex-direction: row
    }

    .tournament-wrapper .tournament-console-wrapper {
        width: 47%
    }
}

@media screen and (orientation:portrait) and (min-width:375px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 48%
    }
}

@media all and (orientation:portrait) and (min-height:620px) and (max-width:480px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 44%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 115px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        left: 25px;
        top: 18px;
        font-size: 1.3em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 7px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1em
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (max-width:480px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 37%
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .container-bg {
        width: 115px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .value {
        left: 25px;
        top: 20px;
        font-size: 1.4em
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper {
        bottom: 7px
    }

    .tournament-wrapper .tournament-console-wrapper .main-area-wrapper .header .header-container .title-wrapper .title {
        font-size: 1em
    }
}

@media all and (orientation:landscape) and (min-width:736px) and (max-width:811px) and (min-height:375px) {
    .tournament-wrapper {
        flex-direction: row
    }

    .tournament-wrapper .tournament-console-wrapper {
        width: 50%
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (max-width:480px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 33%
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:480px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 51%;
        width: 100%
    }
}

@media all and (orientation:landscape) and (min-height:480px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 69%
    }
}

@media all and (orientation:landscape) and (min-height:640px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 60%
    }
}

@media all and (orientation:landscape) and (min-height:700px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 59%
    }
}

@media all and (orientation:landscape) and (min-height:768px) {
    .tournament-wrapper .tournament-console-wrapper {
        height: 51%
    }
}

@media all and (orientation:landscape) and (min-width:992px) and (min-height:480px) {
    .tournament-wrapper {
        min-height: 460px;
        height: 60vh;
        margin: 122px 125px 0
    }

    .tournament-wrapper .tournament-console-wrapper {
        height: 100%;
        width: 425px
    }
}

@keyframes arrow-jump-up {
    33% {
        transform-origin: bottom;
        transform: scale(1, .8)
    }

    66% {
        transform-origin: bottom;
        transform: scale(1, 1.2)
    }

    100% {
        transform-origin: bottom;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes arrow-jump-up {
    33% {
        transform-origin: bottom;
        transform: scale(1, .8)
    }

    66% {
        transform-origin: bottom;
        transform: scale(1, 1.2)
    }

    100% {
        transform-origin: bottom;
        transform: scale(1, 1)
    }
}

@keyframes arrow-jump-down {
    33% {
        transform-origin: top;
        transform: scale(1, .8)
    }

    66% {
        transform-origin: top;
        transform: scale(1, 1.2)
    }

    100% {
        transform-origin: top;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes arrow-jump-down {
    33% {
        transform-origin: top;
        transform: scale(1, .8)
    }

    66% {
        transform-origin: top;
        transform: scale(1, 1.2)
    }

    100% {
        transform-origin: top;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes reward-text {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    30% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform-origin: top;
        transform: scaleX(1.3)
    }

    70% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes reward-text {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    30% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform-origin: top;
        transform: scaleX(1.3)
    }

    70% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes streak-image-animation {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    15% {
        -webkit-transform: translateX(-10px) rotate(-30deg);
        transform: translateX(-10px) rotate(-30deg)
    }

    30% {
        -webkit-transform: translateX(10px) rotate(30deg);
        transform: translateX(10px) rotate(30deg)
    }

    40% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    45% {
        -webkit-transform: translateX(-10px) rotate(-12deg);
        transform: translateX(-10px) rotate(-12deg)
    }

    50% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    60% {
        -webkit-transform: translateX(8px) rotate(12deg);
        transform: translateX(8px) rotate(12deg)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: translateX(-3px) rotate(-1.2deg);
        transform: translateX(-3px) rotate(-1.2deg)
    }

    100% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

@keyframes streak-image-animation {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    15% {
        -webkit-transform: translateX(-10px) rotate(-30deg);
        transform: translateX(-10px) rotate(-30deg)
    }

    30% {
        -webkit-transform: translateX(10px) rotate(30deg);
        transform: translateX(10px) rotate(30deg)
    }

    40% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    45% {
        -webkit-transform: translateX(-10px) rotate(-12deg);
        transform: translateX(-10px) rotate(-12deg)
    }

    50% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    60% {
        -webkit-transform: translateX(8px) rotate(12deg);
        transform: translateX(8px) rotate(12deg)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: translateX(-3px) rotate(-1.2deg);
        transform: translateX(-3px) rotate(-1.2deg)
    }

    100% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

.tournament-console-nav-container nav {
    margin: 0;
    position: sticky
}

.tournament-console-nav-container .nav-steps {
    margin-top: 50px;
    background: url(/images/stmp_bc_bar_top2.png) repeat-x
}

#tournament-information-modal {
    position: absolute;
    display: none;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .342);
    overflow-y: scroll
}

#tournament-information-modal.display {
    display: flex;
    flex-direction: column
}

#tournament-information-modal .information-modal {
    height: 100%;
    display: flex;
    flex-direction: column
}

#tournament-information-modal .information-modal .tournaments.card .card-info {
    display: block
}

#tournament-information-modal .information-modal img {
    display: block;
    margin-left: auto;
    cursor: pointer;
    padding-top: 1em;
    padding-right: 1em
}

#tournament-information-modal .information-modal .card-container.tournaments {
    align-self: center;
    justify-self: center;
    margin-left: auto;
    margin-right: auto
}

#tournament-information-modal .information-modal .card-container.tournaments .flip-container .flipper.rotated .card.card-back .tournament-background .gradient {
    height: auto;
    width: auto
}

#tournament-information-modal .information-modal .card-container.tournaments .flip-container .flipper.rotated .card.card-back .tournament-background .gradient .how-to-win {
    display: block;
    height: auto
}

@media all and (orientation:landscape) {
    #tournament-information-modal {
        overflow-y: scroll
    }

    #tournament-information-modal .information-modal {
        align-self: center;
        margin-top: auto;
        margin-bottom: auto
    }

    #tournament-information-modal .information-modal .card-container.tournaments .flip-container .flipper.rotated .card.card-back .tournament-background .gradient .how-to-win {
        height: auto
    }
}

@media all and (orientation:portrait) and (min-height:768px) and (min-width:480px) {
    #tournament-information-modal .information-modal {
        margin: 5em 10em;
        width: 47%;
        align-self: center
    }
}

@media all and (orientation:landscape) and (min-width:992px) and (min-height:480px) {
    #tournament-information-modal.display {
        width: 100%;
        height: 100%;
        position: fixed;
        overflow-y: visible
    }

    #tournament-information-modal.display~.tournament-console-nav-container nav {
        position: static
    }

    #tournament-information-modal.display~.tournament-console-nav-container .nav-steps {
        margin-top: 0
    }
}

#tournament-entry-modal {
    position: absolute;
    display: none;
    z-index: 1040;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    overflow-y: visible
}

#tournament-entry-modal.display {
    display: flex;
    flex-direction: column
}

#tournament-entry-modal .entry-modal {
    height: 100%;
    width: 100%;
    max-width: 830px;
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center
}

#tournament-entry-modal .entry-modal .close-button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 25px;
    padding: 0 20px;
    cursor: pointer
}

#tournament-entry-modal .entry-modal .close-button-holder span {
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(0deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#tournament-entry-modal .entry-modal .close-button-holder img {
    padding-left: 10px;
    width: 25px
}

#tournament-entry-modal .entry-modal .how-to-play-holder {
    background: url(/images/tournament/how-to-play/background-mobile.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 660px;
    background-size: min(650px, 100vw);
    display: flex;
    justify-content: center
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container {
    display: flex;
    flex-direction: column;
    border: 1px solid #8298ab;
    background-color: #11212f;
    margin: 48px 20px 20px;
    padding: 20px;
    width: auto;
    max-width: 410px;
    min-height: 510px;
    height: max-content
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container h1 {
    color: #fff;
    font-size: 24px;
    font-family: Lexend, sans-serif;
    font-weight: 700;
    text-align: center
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container h2 {
    color: #fff;
    font-size: 18px;
    margin: 15px 0 30px;
    text-align: center;
    text-transform: none
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect {
    margin: 10px 0
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect .cause {
    display: flex
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect .cause img {
    padding-right: 13px
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect .cause span {
    font-weight: 600
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect .effect {
    display: flex
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect .effect img {
    padding: 0 7px 7px 3px;
    margin-top: -3px;
    align-self: flex-start
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect .effect span {
    align-self: flex-start;
    padding-top: 10px
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect span {
    color: #e1e9f0;
    font-size: 12px;
    font-weight: 600
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .checkbox-form-group {
    margin-top: 20px;
    align-self: flex-start
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .checkbox-form-group label {
    align-items: center
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container .checkbox-form-group label span {
    font-family: Inter, sans-serif;
    font-size: 12px;
    color: #fff
}

#tournament-entry-modal .entry-modal .how-to-play-holder .information-container button.continue-button {
    margin: 20px 0 5px;
    width: auto;
    min-width: auto;
    height: 40px;
    align-self: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1
}

@media (min-width:767.98px) {
    #tournament-entry-modal .entry-modal .how-to-play-holder {
        background: url(/images/tournament/how-to-play/background.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 800px
    }

    #tournament-entry-modal .entry-modal .how-to-play-holder .information-container {
        width: 560px;
        max-width: none
    }

    #tournament-entry-modal .entry-modal .how-to-play-holder .information-container h1 {
        font-size: 48px
    }

    #tournament-entry-modal .entry-modal .how-to-play-holder .information-container h2 {
        font-size: 30px
    }

    #tournament-entry-modal .entry-modal .how-to-play-holder .information-container .cause-effect span {
        font-size: 18px;
        font-weight: 400
    }

    #tournament-entry-modal .entry-modal .how-to-play-holder .information-container .checkbox-form-group label span {
        font-family: Inter, sans-serif;
        font-weight: 700
    }

    #tournament-entry-modal .entry-modal .how-to-play-holder .information-container button.continue-button {
        min-width: 167px;
        height: 44px;
        font-size: 16px
    }
}

@media (min-width:575.98px) {
    #tournament-entry-modal .entry-modal .how-to-play-holder .information-container {
        padding: 20px 45px
    }
}

#game-over-modal {
    position: fixed;
    display: none;
    flex-direction: column;
    justify-content: center;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

#game-over-modal.display {
    display: flex
}

#game-over-modal .game-over {
    display: flex;
    flex-direction: column;
    align-items: center
}

#game-over-modal .game-over .image-holder {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

#game-over-modal .game-over .image-holder img {
    width: 180px;
    margin: -65px -45px
}

#game-over-modal .game-over .image-holder span {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 73px;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: linear-gradient(155deg, #f2960e 10%, #f7b119 93.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#game-over-modal .game-over p {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px
}

#game-over-modal .game-over button {
    width: auto;
    font-weight: 700
}

@media (min-width:991.98px) {
    #game-over-modal .game-over .image-holder span {
        font-size: 73px;
        margin-bottom: 20px
    }

    #game-over-modal .game-over .image-holder img {
        width: auto;
        margin: -125px -100px
    }

    #game-over-modal .game-over p {
        font-size: 26px
    }

    #game-over-modal .game-over button {
        font-size: 16px;
        line-height: inherit;
        height: 42px;
        padding: 0 30px
    }
}

.promotion-blur-bg {
    background: url(/images/tournament/feedback/big-blur.png) no-repeat;
    background-position: bottom -125px center;
    margin-bottom: -68px;
    padding-bottom: 68px
}

.tournament-feedback-container.main-block .cep-content {
    top: 0;
    display: flex;
    padding: 0
}

.tournament-feedback-container.main-block .cep-content #promotion-container {
    background: url(/images/tournament/feedback/ad-bg-bottom.png) center bottom no-repeat, url(/images/tournament/feedback/ad-bg.png) center top no-repeat;
    width: 553px;
    max-height: 639px;
    padding: 35px 30px;
    border-radius: 0 0 44px 44px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly
}

.tournament-feedback-container.main-block .cep-content #promotion-container * {
    font-weight: 700
}

.tournament-feedback-container.main-block .cep-content #promotion-container #promotion-title {
    font-family: Skranji, sans-serif;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    color: #fcf45f;
    background: linear-gradient(180deg, #fcf45f -30%, #fead25);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-feedback-container.main-block .cep-content #promotion-container #promotion-subtitle-button-container {
    display: flex;
    flex-direction: column;
    justify-items: baseline;
    align-items: center
}

.tournament-feedback-container.main-block .cep-content #promotion-container #promotion-subtitle-button-container #promotion-subtitle {
    margin-top: 20px;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    color: #fff
}

.tournament-feedback-container.main-block .cep-content #promotion-container #promotion-subtitle-button-container .gold-gradient-button {
    width: 200px;
    height: 50px;
    margin: 20px 0;
    font-size: 18px;
    line-height: 50px;
    justify-content: space-evenly;
    align-items: baseline
}

.tournament-feedback-container.main-block .cep-content #promotion-container #casino-promotion-img {
    margin-bottom: 25px
}

.tournament-feedback-container.main-block .cep-content #promotion-container #terms-conditions a {
    font-family: Roboto;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #fff
}

@media all and (orientation:landscape) and (max-width:1024px) {
    .tournament-feedback-container.main-block .cep-content #promotion-container {
        height: 639px;
        border-radius: 0;
        flex-wrap: wrap;
        flex-direction: initial
    }

    .tournament-feedback-container.main-block .cep-content #promotion-container #promotion-title {
        flex-basis: 50%
    }

    .tournament-feedback-container.main-block .cep-content #promotion-container #casino-promotion-img {
        flex-grow: 1;
        margin: 0 60px
    }

    .tournament-feedback-container.main-block .cep-content #promotion-container #terms-conditions {
        margin: 0 auto
    }
}

@media all and (max-width:553px) {
    .tournament-feedback-container.main-block .cep-content #promotion-container {
        border-radius: 0
    }
}

.tournament-feedback-container.main-block .tournament-feedback-header .title {
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1.5em;
    background: linear-gradient(171.09deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container {
    margin-bottom: 3.5em
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container.no-margin {
    margin: 0
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container .gold-line-img {
    width: 100%
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container .current-position-image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 2.5em
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container .current-position-image .coin-stack-img {
    width: 50px
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container .current-position-image .current-position-label {
    font-size: 1.4em;
    text-transform: uppercase;
    background: linear-gradient(171.09deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 1em
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container .current-position-image .current-position-mobile {
    display: none;
    color: #e1e9f0;
    text-align: center;
    font-size: 5.5em
}

.tournament-feedback-container.main-block .tournament-feedback-header .placement-container .current-position {
    color: #e1e9f0;
    text-align: center;
    font-size: 5.5em
}

.tournament-feedback-container.main-block .tournament-feedback-header p {
    color: #e1e9f0;
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px
}

.tournament-feedback-container.main-block .tournament-feedback-header .leaderboard-link {
    text-align: center;
    margin-bottom: 75px
}

.tournament-feedback-container.main-block .tournament-feedback-header .leaderboard-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: underline
}

.tournament-feedback-container.main-block .tournament-feedback-header .leaderboard-link a span {
    background: linear-gradient(171.09deg, #fcf45f 10%, #fead25 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament-feedback-container.main-block .tournament-feedback-header .leaderboard-link a img {
    margin-left: .5em
}

@media all and (max-width:1024px) {
    .tournament-feedback-container.main-block .tournament-feedback-header .leaderboard-link {
        margin-bottom: 25px
    }
}

@media all and (max-width:640px) {
    .tournament-feedback-container.main-block.guides .tournament-feedback-header .title {
        font-size: 2.4em
    }
}

@media all and (max-width:518px) {
    .tournament-feedback-container.main-block.guides .tournament-feedback-header .title {
        font-size: 1.9em
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container .current-position {
        font-size: 5em
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container .current-position-image .current-position-label {
        font-size: 1.2em
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container.no-margin {
        max-height: initial
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header p {
        font-size: 14px
    }
}

@media all and (max-width:415px) {
    .tournament-feedback-container.main-block.guides .tournament-feedback-header .title {
        font-size: 1.5em;
        padding-top: .7em;
        padding-bottom: 1.2em
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container {
        margin-bottom: 0;
        max-height: 45px
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container .gold-line-img {
        content: url(/images/tournament/feedback/gold-line-mobile.png)
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container .current-position {
        display: none;
        font-size: 4.5em
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container .current-position-image .current-position-label {
        font-size: 1.2em;
        padding: 0 .5em
    }

    .tournament-feedback-container.main-block.guides .tournament-feedback-header .placement-container .current-position-image .current-position-mobile {
        font-size: 1.4em;
        display: inline;
        padding-right: .5em
    }
}

@media all and (max-width:768px) {
    .tournament-feedback-container.main-block.guides .guide .faq {
        padding: 0
    }

    .tournament-feedback-container.main-block.guides .guide .faq .section .arrow {
        margin-left: auto
    }
}

.main-block.tournament-age-verification {
    background: 0 0
}

.main-block.tournament-age-verification h1 {
    position: initial;
    margin-bottom: 20px
}

@media (min-width:767.98px) {
    .main-block.tournament-age-verification .age-verification {
        padding-top: 100px;
        background: rgba(48, 70, 89, .35);
        border: 1px solid rgba(125, 145, 161, .6705882353)
    }
}

.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg {
    background: 0 0
}

.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg .verify_age_box {
    padding: 0;
    max-width: 550px;
    margin: auto
}

@media (min-width:767.98px) {
    .main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg .verify_age_box {
        height: 75%
    }
}

@media (min-width:767.98px) {
    .main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg .verify_age_box {
        margin: 0 auto
    }
}

.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg .verify_age_box .input-row,
.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg .verify_age_box .label-row {
    padding: 0
}

.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg .verify_age_box#verifyAgeSuccess .light-gradient-button {
    margin-top: 30px
}

.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg #alternativeOptions,
.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg #reVerify,
.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg #verifyAgeSubmit {
    display: block;
    font-size: 15px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    color: #202c2b;
    background: linear-gradient(180deg, #5ffce0 0, #25cafe 100%);
    height: 40px;
    border: 0;
    padding: 0 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%
}

.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg #alternativeOptions svg,
.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg #reVerify svg,
.main-block.tournament-age-verification .age-verification .game_area.stmp-blur-game-bg #verifyAgeSubmit svg {
    margin-bottom: 2px
}

footer .stdn .content {
    padding-top: 30px;
    padding-bottom: 30px
}

footer .stdn .content img {
    object-fit: contain;
    object-position: center;
    margin-top: 30px;
    padding: 0
}

footer .stdn .content img.plus18 {
    width: 54px;
    height: 54px
}

footer .stdn .content img.footer-logo {
    width: 190px;
    height: auto
}

footer .stdn .col-flex-center {
    justify-content: center
}

footer .stdn .col-flex-center a:not(:last-of-type) {
    margin-right: 100px
}

footer .stdn .footer-content-text {
    margin: 30px 0 0;
    font-size: 15px
}

footer a {
    font-weight: 700
}

footer .footer-copy {
    margin-top: 0;
    background-color: #000
}

footer .footer-copy p {
    margin: 0
}

.trustpilot-slider {
    margin-bottom: 20px
}

.trustpilot-footer {
    margin-top: 27px
}

.page-title>.trustpilot-widget {
    margin-top: 15px
}