#side-menu-overlay {
    overflow: hidden;
    box-sizing: border-box;
    font-style: normal;
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000000;
    cursor: pointer;
    transition: visibility 0.3s ease, opacity 0.15s ease;
    -webkit-transition: visibility 0.3s ease, opacity 0.15s ease;
    -moz-transition: visibility 0.3s ease, opacity 0.15s ease;
    -o-transition: visibility 0.3s ease, opacity 0.15s ease;
    visibility: hidden
}

#side-menu-overlay.open {
    opacity: 1;
    visibility: visible
}

.sideMenu {
    background-color: #ffffff;
    width: 450px;
    position: absolute;
    top: 0;
    bottom: 0;
    box-sizing: inherit;
    z-index: 100000000;
    visibility: hidden;
    color: #000000;
    font-size: 16px;
    overflow-x: auto
}

.sideMenu .menuItems,
.sideMenu .centerElement {
    max-width: 394px;
    padding: 0 10px;
    margin: auto;
    position: relative
}

.sideMenu #close-menu-right,
.sideMenu #close-menu-left {
    position: absolute;
    right: 2px;
    top: 0;
    cursor: pointer;
    padding: 16px
}

.sideMenu #close-menu-right svg,
.sideMenu #close-menu-left svg {
    width: 22px;
    height: 22px
}

.sideMenu #close-menu-right {
    top: 12px;
    padding: 11px
}

.outerRightMenu {
    position: absolute;
    right: 0;
    overflow: hidden
}

.sideMenu.left {
    min-width: 320px;
    left: 0;
    visibility: hidden;
    position: fixed;
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -moz-transition: -moz-transform 0.2s ease, visibility 0.2s 1s;
    -webkit-transition: -webkit-transform 0.2s ease, visibility 0.2s 1s;
    -o-transition: -o-transform 0.2s ease, visibility 0.2s 1s;
    transition: transform 0.2s ease, visibility 0.2s 1s
}

.sideMenu .seperator {
    height: 1px;
    width: 100%;
    background-color: #e5e5e5;
    margin: 12px 0
}

.sideMenu.right .seperator:first-child {
    margin: 20px 0 12px
}

.sideMenu.right {
    min-width: 320px;
    right: -450px;
    position: fixed;
    visibility: hidden;
    -moz-transition: right 0.2s ease, visibility 0.2s 1s;
    -webkit-transition: right 0.2s ease, visibility 0.2s 1s;
    -o-transition: right 0.2s ease, visibility 0.2s 1s;
    transition: right 0.2s ease, visibility 0.2s 1s;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sideMenu#accountMenu .accountTop {
    height: 185px;
    background: linear-gradient(to right, #7631b2, #7631b2 50%, #411edb 100%, #411edb 75%)
}

.sideMenu#accountMenu.noClubOne .accountTop {
    height: 115px
}

.sideMenu#accountMenu #userName {
    color: #ffffff;
    font-weight: 400;
    float: left;
    margin: 15px 0 0;
    max-width: min(75vw, 330px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.8rem
}

.sideMenu#accountMenu #userName>div {
    display: inline-flex;
    align-items: center;
    width: 24px;
    padding: 6px;
    border: 1px solid #fff;
    border-radius: 80px;
    margin-right: 10px
}

.sideMenu#accountMenu #side-avatar {
    display: none
}

.sideMenu#accountMenu .member-info {
    margin: 15px 0 20px
}

.sideMenu#accountMenu #menu-status-member-name,
.sideMenu#accountMenu #menu-status-points-container {
    float: left;
    font-size: 15px;
    color: #ffffff;
    display: block
}

.sideMenu#accountMenu #menu-status-member-name {
    float: none;
    font-size: 17px
}

.sideMenu#accountMenu #menu-status-points-link .memberStatus {
    float: left;
    font-weight: 600;
    display: flex;
    align-items: center
}

.sideMenu#accountMenu #menu-status-points-link .memberStatus img,
.sideMenu#accountMenu #menu-status-points-link .memberStatus span {
    display: inline-block
}

.sideMenu#accountMenu #menu-status-points-link .memberStatus img {
    margin-right: 10px;
    vertical-align: middle
}

.sideMenu#accountMenu.noStatusInfo .member-info,
.sideMenu#accountMenu .member-info.hidden {
    visibility: hidden
}

.sideMenu#accountMenu .menu-info-progress-bar {
    width: 100%;
    height: 6px;
    border-radius: 30px;
    margin-top: 14px;
    overflow: hidden;
    background-color: #401ca6
}

.sideMenu#accountMenu .menu-info-progress {
    background: #1cfb7f !important;
    height: 6px;
    border-radius: 30px
}

.sideMenu#accountMenu #menu-status-points-link {
    display: block
}

.sideMenu#accountMenu #menu-status-points-container {
    float: right;
    padding-top: 3px
}

.sideMenu#accountMenu .message-limits-info {
    font-size: 15px;
    color: #ffffff
}

.sideMenu#accountMenu .message-limits-info .message-container {
    display: inline-block;
    margin-top: 8px;
    cursor: pointer
}

.sideMenu#accountMenu .message-limits-info .message-container img {
    vertical-align: middle;
    margin: 0 10px 0 0
}

.sideMenu#accountMenu.noClubOne .message-limits-info .message-container {
    margin-top: 20px
}

.sideMenu#accountMenu .message-limits-info .limits-container {
    display: inline-flex;
    width: 196px;
    height: 52px;
    background: #411da6 url('/img/homemenu/side/timer.svg') 34px center no-repeat;
    background-size: 24px;
    border-radius: 30px;
    float: right;
    position: relative
}

.sideMenu#accountMenu .message-limits-info .limits-container .text {
    font-size: 16px;
    padding-left: 66px;
    line-height: 16px;
    margin-top: 6px
}

.sideMenu#accountMenu .message-limits-info .limits-container .text span:first-child {
    font-size: 11px
}

.sideMenu#accountMenu .message-limits-info .limits-container .editLimit {
    width: 24px;
    height: 24px;
    background: #1a0083 url('/img/homemenu/side/edit.svg') center no-repeat;
    background-size: 13px;
    border-radius: 30px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -5px
}

.sideMenu#accountMenu .message-limits-info .limits-container .sessionLimit {
    font-weight: bold
}

.sideMenu#accountMenu .balanceDeposit {
    margin-top: 12px
}

.sideMenu#accountMenu .balanceDeposit .title {
    font-size: 12px;
    margin-left: 20px
}

.sideMenu#accountMenu .balanceDeposit.totalBalance {
    margin: 15px 0 15px
}

.sideMenu#accountMenu .balanceDeposit.totalBalance>div {
    width: 100%
}

.sideMenu#accountMenu .balanceDeposit.totalBalance>div .total-balance-deposit {
    background: #f1f1f1;
    border-radius: 30px;
    border: 1px solid #dfdfdf;
    position: relative;
    height: 53px;
    box-sizing: border-box;
    margin: 6px 0 6px 0
}

.sideMenu#accountMenu .balanceDeposit.totalBalance>div .total-balance-deposit #side-menu-balance {
    display: inline-flex;
    width: auto;
    font-size: 24px;
    align-items: center;
    height: 50px;
    padding-left: 19px;
    font-weight: 600
}

.sideMenu#accountMenu .balanceDeposit.totalBalance>div .total-balance-deposit .side-menu-depositBtn {
    height: 53px;
    line-height: 52px;
    background-color: #ff5800;
    display: inline-block;
    width: 50%;
    text-align: center;
    border-radius: 30px;
    top: -1px;
    right: 0;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    position: absolute
}

.sideMenu#accountMenu .balanceDeposit.totalBalance>div .total-balance-deposit .side-menu-depositBtn img {
    vertical-align: sub;
    margin-right: 5px
}

.sideMenu#accountMenu .balanceDetails {
    margin-bottom: 20px
}

.sideMenu#accountMenu .balanceDetails>div {
    display: inline-block
}

.sideMenu#accountMenu .balanceDetails>div:first-child {
    width: 220px
}

.sideMenu#accountMenu #side-menu-balance-container .centerElement {
    max-width: 390px
}

.sideMenu#accountMenu #cardCount,
.sideMenu#accountMenu #lotteryTicketCount,
.sideMenu#accountMenu #promotionCount,
.sideMenu#accountMenu .lotteryClaimBonus,
.sideMenu#accountMenu .slideMenuCounter {
    position: absolute;
    margin: 3px 0 0 4px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #ff5f5f;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 11px
}

.sideMenu#accountMenu .lotteryClaimBonus {
    padding: 0 10px;
    width: auto
}

.sideMenu#accountMenu #lotteryCountDown .sep {
    display: inline-block;
    width: 6px;
    text-align: center
}

.sideMenu#accountMenu .lotteryDrawTime,
.sideMenu#accountMenu .lotteryClaimBonus {
    margin: -4px 0 0 64px;
    font-weight: 500
}

.sideMenu#accountMenu .lotteryDrawTime.countingdown {
    color: #f31c1c
}

.sideMenu#accountMenu .lotteryDrawTime {
    color: #a3a3a3
}

.sideMenu .side-menu-amount {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    margin-left: 20px
}

.sideMenu .side-menu-amount-name {
    color: #ffffff;
    clear: both
}

.sideMenu .side-menu-links a {
    font-size: 17px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    line-height: 41px;
    padding-left: 20px
}

.sideMenu .side-menu-links a svg {
    width: 23px;
    height: 23px;
    margin-right: 16px;
    vertical-align: sub
}

.sideMenu .side-menu-links a:hover {
    color: #6c28d8
}

.sideMenu .side-menu-links a:hover svg {
    fill: #6c28d8 !important
}

.sideMenu .side-menu-links a.bold {
    font-weight: 500;
    font-size: 30px;
    line-height: 55px
}

.sideMenu .side-menu-links .signOutBtn {
    color: #ff5a5a
}

.sideMenu .side-menu-links a.signOutBtn svg {
    fill: #ff5a5a
}

.message-limits-info .csNotifications {
    position: absolute;
    margin: -15px 0 0 -2px;
    width: 29px;
    height: 20px;
    background-color: #ff5e5e;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    color: #ffffff;
    border-radius: 10px;
    font-weight: 400;
    display: none
}

.message-limits-info .csNotifications.show {
    display: inline-block
}

.sideMenu .side-menu-txt {
    float: left;
    margin: 74px 0 0 40px;
    line-height: 31px;
    border-bottom: 1px solid #000000;
    text-decoration: none
}

.sideMenu .side-menu-txt img {
    margin: -4px 12px 0 0;
    vertical-align: middle
}

.sideMenu.left #menuLeftLanguageSelector {
    background-image: url(/img/homemenu/side/arrowdown.svg), url(/img/language.svg);
    background-position: right 18px top 14px, left 20px top 12px;
    background-size: 24px 24px, 21px 21px;
    padding: 0 35px 0 61px;
    box-sizing: border-box;
    color: #000000;
    background-color: #ffffff;
    font-style: normal;
    font-size: 17px;
    float: left;
    width: 222px;
    height: 48px;
    margin: 46px 0 0 0;
    border: 1px solid #eaeaea;
    border-radius: 30px
}

.sideMenu.left #side-menu-search.dontShow {
    display: none
}

.sideMenu.left #side-menu-search.side-menu-txt {
    margin: 18px 0 47px;
    border: 0;
    padding: 7px 19px;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 34px
}

.sideMenu.left .signIn,
.sideMenu.left .joinUs {
    width: 100%;
    max-width: 390px;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    margin: 0
}

.sideMenu.left .signIn {
    margin-top: 10px
}

.sideMenu.left .side-menu-links .centerElement img#tonyTellAFriend {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 500px;
    cursor: pointer
}

@media screen and (max-width:750px) {
    .sideMenu.left {
        -moz-transform: translate3d(-100vw, 0, 0);
        -webkit-transform: translate3d(-100vw, 0, 0);
        -o-transform: translate3d(-100vw, 0, 0);
        -ms-transform: translate3d(-100vw, 0, 0);
        transform: translate3d(-100vw, 0, 0)
    }

    .sideMenu .signIn {
        margin-top: 20px
    }
}

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

    .sideMenu.left,
    .sideMenu.right {
        width: 100%
    }

    .sideMenu.right {
        right: -100%
    }

    .sideMenu.left.active,
    .sideMenu.right.active {
        position: relative;
        height: 100%;
        min-height: 100vh
    }
}

@media screen and (max-width:450px) {
    .sideMenu#accountMenu .balanceDetails>div:first-child {
        width: 56%
    }
}

@media screen and (max-width:430px) {
    .side-menu-links a {
        margin: 0 20px 0 20px
    }

    .sideMenu.left #menuLeftLanguageSelector {
        margin: 36px 20px 0 0
    }

    .sideMenu.left #side-menu-search.side-menu-txt {
        margin: 18px 0px 27px;
        width: 100%
    }

    .sideMenu.left .seperator {
        width: 89%;
        margin: 20px 20px
    }

    .sideMenu .signIn,
    .sideMenu .joinUs {
        width: 89%;
        max-width: 100%;
        margin: 0 0 0 20px
    }

    .sideMenu#accountMenu .message-limits-info .limits-container {
        width: 50%;
        background-position: 24px center
    }

    .sideMenu#accountMenu .message-limits-info .limits-container .text {
        padding-left: 56px;
        font-size: 14px
    }
}

@media screen and (max-width:400px) {
    .sideMenu#accountMenu .balanceDetails>div:first-child {
        width: 54%
    }
}

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

    .sideMenu#accountMenu .lotteryDrawTime,
    .sideMenu#accountMenu .lotteryClaimBonus {
        margin-left: 20px
    }

    .sideMenu#accountMenu .balanceDetails>div:first-child {
        width: 52%
    }
}

.sideMenu.left.active {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
    visibility: visible
}

.sideMenu.right.active {
    right: 0;
    -moz-transition: right 0.2s ease;
    -webkit-transition: right 0.2s ease;
    -o-transition: right 0.2s ease;
    transition: right 0.2s ease;
    visibility: visible
}

.clear_all {
    clear: both;
    overflow: hidden;
    height: 0;
    float: none
}

#alert-box {
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #ffffff;
    width: 546px;
    min-height: 300px;
    max-width: 90%;
    max-height: 90%;
    z-index: 200000000;
    color: #000000;
    font-size: 15px;
    border-radius: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:501px) {
    #alert-box {
        top: 50vh;
        transform: translateY(-50%)
    }
}

#window-boxes-alert.languageChange #alert-box {
    min-height: 430px
}

#alert-box a {
    color: #53d78b
}

.boxes-cover-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    top: 0;
    bottom: 0;
    z-index: 190000000;
    opacity: 0.5
}

.boxes-cover-layer.dark {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1
}

.boxes-cover-layer.blurred {
    backdrop-filter: blur(25px);
    opacity: 1
}

#window-boxes-alert.isIos .boxes-cover-layer {
    position: absolute
}

#alert-box .b3.yesPopupBtn,
#alert-box.membersOnly .loginPopupBtn,
#alert-box .b3.closePopupBtn,
#alert-box.pofBox .b3 {
    position: relative;
    width: 40%;
    bottom: 0;
    top: 0;
    margin-top: 0;
    margin-bottom: 15px
}

#alert-box .b3.yesPopupBtn:hover,
#alert-box.membersOnly .loginPopupBtn:hover,
#alert-box .b3.closePopupBtn:hover {
    margin-top: 0
}

#alert-box .b3.noPopupBtn,
#alert-box.membersOnly .createAccountPopupBtn,
#alert-box .b3.closePopupBtn {
    position: relative;
    width: 40%;
    bottom: 0;
    color: #000;
    margin: auto;
    background-color: #fff;
    font-size: 16px !important
}

#alert-box .b3.noPopupBtn,
#alert-box .b3.noPopupBtn:hover,
#alert-box.membersOnly .createAccountPopupBtn,
#alert-box.membersOnly .createAccountPopupBtn:hover {
    position: relative;
    width: 40%;
    bottom: 5px;
    border: 0;
    margin: auto;
    left: 0;
    right: 0;
    color: #000;
    background-color: #fff;
    font-size: 16px !important
}

#alert-box .b3.blackWhite {
    background-color: #ffffff;
    border: 2px solid #000000;
    border-radius: 30px;
    color: #000000;
    font-size: 16px !important;
    margin-top: 25px
}

#alert-box .b3.blackWhite:hover {
    background-color: #000000;
    border: 2px solid #000000;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px !important;
    margin-top: 25px
}

#alert-box .b3.green {
    background-color: #5fff91;
    border: 2px solid #5fff91;
    border-radius: 30px;
    color: #000200;
    font-size: 16px !important;
    margin-top: 25px
}

#alert-box .b3.green:hover {
    background-color: #4ff080;
    border: 2px solid #4ff080;
    border-radius: 30px;
    color: #000000;
    font-size: 16px !important;
    margin-top: 25px
}

#alert-box .b3.selftest,
#alert-box .b3.selftest:hover {
    width: 55%;
    border-radius: 5px
}

#alert-box .closePopupBtn {
    outline: none;
    left: 0;
    right: 0;
    margin: auto
}

#alert-box .text {
    position: relative;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    overflow: auto;
    margin: auto
}

#alert-box .buttons {
    height: 120px;
    margin-top: 20px;
    width: 100%
}

#alert-box .title {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    color: #1d2126
}

#alert-box .title img {
    margin: 0 9px 0 0
}

#alert-box .title img,
#alert-box .title span {
    vertical-align: middle;
    display: inline
}

#alert-box .title.money img {
    width: 46px
}

#alert-box .text p {
    margin-top: 30px;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    color: #757575;
    font-size: 16px
}

#alert-box .upload-input-container {
    display: block;
    clear: both;
    max-width: 164px;
    margin: 30px auto 0 auto;
    text-align: center
}

#alert-box .upload-input-container label {
    display: block;
    clear: both;
    margin: 0 0 20px 0
}

#alert-box .upload-input-container input {
    margin: 0 0 20px
}

#alert-box .devider {
    height: 0;
    margin: 0
}

#icon-type-warning {
    background-image: url("/img/boxesicons/warning.svg")
}

#icon-type-success {
    background-image: url("/img/boxesicons/success.svg")
}

#icon-type-error,
#icon-type-failure {
    background-image: url("/img/boxesicons/error.svg")
}

#alert-box .openGamesContainer {
    max-height: 280px;
    overflow: auto
}

#alert-box .openGamesContainer .gameInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
    margin-bottom: 4px
}

#alert-box .openGamesContainer .gameInfo>img {
    width: 110px;
    margin-right: 10px;
    border-radius: 3px
}

#alert-box .openGamesContainer .gameInfo div {
    text-align: left;
    font-size: 16px;
    width: 30%;
    font-weight: 500
}

#alert-box .openGamesContainer .gameInfo div span {
    font-size: 12px;
    font-weight: 400
}

#alert-box .openGamesContainer .gameInfo div img {
    width: 10px;
    height: 8px
}

#alert-box.bigtext {
    max-width: 96%;
    max-height: 96%
}

#alert-box.bigtext .yesPopupBtn,
#alert-box.bigtext .noPopupBtn,
#alert-box.bigtext .closePopupBtn,
#alert-box.membersOnly .loginPopupBtn,
#alert-box.membersOnly .createAccountPopupBtn {
    bottom: 5px
}

#alert-box .alertDescription {
    text-align: center
}

#window-boxes-alert.alignLeft #alert-box .text p {
    text-align: left !important
}

#alert-box.bigtext .alertDescription {
    color: #8e8e8e;
    margin-top: 20px;
    margin-bottom: 14px;
    line-height: 22px
}

#alert-box.quickDeposit {
    min-width: 500px;
    height: 479px
}

#alert-box.quickDeposit .title {
    color: #54d78b
}

#alert-box.quickDeposit .alertDescription {
    float: none;
    margin: 10px 0 0 0;
    text-align: center
}

#alert-box.quickDeposit img {
    display: block;
    margin: 36px auto 20px auto
}

#alert-box.quickDeposit .text {
    bottom: 0
}

#quickDepositBtn,
#alert-box.quickDeposit a {
    width: 240px;
    padding: 0;
    background-color: #ffe804;
    color: #141414;
    margin-top: 20px
}

#alert-box.quickDeposit a {
    color: #ffffff;
    background-color: #53d78b
}

#alert-box.quickDeposit p {
    float: none;
    text-align: center;
    margin: 20px 0 20px
}

#alert-box.quickDeposit #box-close-btn img {
    margin: 0
}

#box-close-btn {
    padding: 16px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

#alert-box.quickDeposit .quickdeposit-amounts>div>div>div:nth-child(1) {
    padding-top: 10px
}

#alert-box.quickDeposit .quickdeposit-amounts>div {
    width: 33.3%;
    border-right: 1px solid #ffffff;
    float: left;
    height: 96px;
    overflow: visible;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.quickdeposit-amounts>div.notAllowed {
    background-color: #d7d7d7 !important
}

.quickdeposit-amounts>div.active.notAllowed>div {
    border: 3px solid #d7d7d7 !important;
    background-color: #d7d7d7 !important
}

.quickdeposit-amounts>div {
    height: 92px;
    background-color: #f7f7f7
}

.quickdeposit-amounts>div.active {
    background-color: #ffffff
}

.quickdeposit-amounts>div>div {
    text-align: center;
    width: 100%;
    height: 100%
}

.quickdeposit-amounts>div.active>div {
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    border: 3px solid #53d78b !important
}

.quickdeposit-amounts>div>div>div:nth-child(1) {
    font-size: 30px;
    color: #1b1c1d;
    font-weight: 500;
    margin-top: 20px;
    line-height: 18px
}

.quickdeposit-amounts.noBonus>div>div>div:nth-child(1) {
    line-height: 31px
}

.quickdeposit-amounts>div>div>div .cur {
    font-size: 20px
}

.quickdeposit-amounts>div>div>div:nth-child(2) {
    font-size: 11px;
    color: #afafaf
}

.quickdeposit-amounts>div.disabled {
    background-color: #d5d5d5
}

.quickdeposit-amounts input[type=text] {
    width: 80px;
    padding-left: 0;
    padding-right: 10px;
    float: left;
    margin: 0
}

.quickdeposit-amounts .currency {
    background-color: #ffffff;
    height: 41px;
    width: 20px;
    text-align: right;
    padding-right: 6px;
    float: left;
    font-size: 15px;
    color: #1b1c1d;
    line-height: 41px;
    margin: 0 0 3px 23px
}

#alert-box.membersOnly .cancelPopupTxt {
    position: absolute;
    padding: 0;
    right: 20px;
    margin: auto;
    top: 16px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    color: #b6b8c1
}

#alert-box.pepQuestions {
    width: 840px;
    height: auto;
    position: absolute;
    top: 50px;
    bottom: unset;
    padding: 0 38px;
    box-sizing: border-box
}

#alert-box.pepQuestions .title {
    color: #54d78b;
    font-size: 25px;
    line-height: 40px
}

#alert-box.pepQuestions .alertDescription {
    float: none;
    margin: 10px 0 0 0;
    text-align: left;
    font-size: 16px
}

#alert-box.pepQuestions img {
    display: block;
    margin: 36px auto 20px auto
}

#alert-box.pepQuestions .text {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden
}

#quickDepositBtn,
#alert-box.pepQuestions a {
    width: 240px;
    padding: 0;
    background-color: #ffe804;
    color: #141414;
    margin-top: 20px
}

#alert-box.pepQuestions a {
    color: #ffffff;
    background-color: #53d78b
}

#alert-box.pepQuestions p {
    float: none;
    text-align: center;
    margin: 12px 0 12px
}

#alert-box.pepQuestions #box-close-btn {
    padding: 16px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

#alert-box.pepQuestions .alertDescription,
#pepQuestionsContainer {
    width: auto;
    margin: 25px 30px 20px
}

#pepQuestionsContainer .questionContainer {
    padding: 15px 0
}

#pepQuestionsContainer .questionContainer .extraQuestions,
#pepQuestionsContainer #question7Container,
#pepQuestionsContainer #questionNoPep {
    height: 0;
    overflow: hidden;
    padding: 0
}

#pepQuestionsContainer #question7Container.show {
    padding: 0 0 15px 0
}

#pepQuestionsContainer .questionContainer .extraQuestions .statusBad,
#pepQuestionsContainer .questionContainer textarea.statusBad {
    border: 1px solid #d75353;
    background-color: #fbf3f3
}

#pepQuestionsContainer .questionContainer .extraQuestions.show,
#pepQuestionsContainer #question7Container.show {
    transform: translate3d(0, 0, 0);
    animation: showTextarea .5s cubic-bezier(.36, .07, .19, .97) both;
    backface-visibility: hidden
}

@keyframes showTextarea {
    0% {
        height: 0
    }

    100% {
        height: 180px
    }
}

#pepQuestionsContainer #questionNoPep.show {
    transform: translate3d(0, 0, 0);
    animation: showPepCancelQuestion .5s cubic-bezier(.36, .07, .19, .97) both;
    backface-visibility: hidden
}

@keyframes showPepCancelQuestion {
    0% {
        height: 0
    }

    100% {
        height: 120px
    }
}

#pepQuestionsContainer #uploadDocumentIsPep {
    display: none
}

#pepQuestionsContainer .devider {
    margin: 0
}

#pepQuestionsContainer .question {
    margin: 0;
    width: 65%;
    font-size: 18px
}

#pepQuestionsContainer .validateRadioBtns li label {
    display: block;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 auto;
    height: 25px;
    line-height: 25px;
    z-index: 9;
    cursor: pointer
}

#pepQuestionsContainer .validateRadioBtns {
    list-style: none;
    overflow: hidden;
    height: 25px;
    margin: 0;
    padding: 5px;
    border: 1px solid #ffffff;
    float: left
}

#pepQuestionsContainer .validateRadioBtns li {
    color: #aaaaaa;
    display: block;
    position: relative;
    float: left;
    width: 85px;
    height: 25px
}

#pepQuestionsContainer .validateRadioBtns li input[type=radio] {
    position: absolute;
    visibility: hidden
}

#pepQuestionsContainer .validateRadioBtns li .check {
    display: block;
    position: absolute;
    border: 2px solid #bebebe;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    left: 0;
    z-index: 5;
    top: 0
}

#pepQuestionsContainer .validateRadioBtns li:hover .check {
    border: 2px solid #bebebe
}

#pepQuestionsContainer .validateRadioBtns input[type=radio]:hover~.check::before {
    background: #53d78b
}

#pepQuestionsContainer .validateRadioBtns li .check:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear
}

#pepQuestionsContainer .questionContainer.statusBad .answers ul {
    border: 1px solid #d75353;
    background-color: #fbf3f3
}

#pepQuestionsContainer .questionContainer .answers ul {
    height: auto;
    border: 1px solid #fff
}

#pepQuestionsContainer .questionContainer.statusFade .answers ul,
#pepQuestionsContainer .questionContainer .answers textarea.statusFade,
#pepQuestionsContainer .questionContainer .extraQuestions select.statusFade,
#pepQuestionsContainer .questionContainer .extraQuestions textarea.statusFade {
    -webkit-transition: background-color .7s ease-out, border .7s ease-out;
    -moz-transition: background-color .7s ease-out, border .7s ease-out;
    -o-transition: background-color .7s ease-out, border .7s ease-out;
    transition: background-color .7s ease-out, border .7s ease-out
}

#pepQuestionsContainer .validateRadioBtns input[type=radio]:checked~.check,
#pepQuestionsContainer .validateRadioBtns input[type=checkbox]:checked~.check {
    border: 2px solid #53d78b
}

#pepQuestionsContainer .validateRadioBtns input[type=radio]:checked~.check::before,
#pepQuestionsContainer .validateRadioBtns input[type=checkbox]:checked~.check::before {
    background: #53d78b
}

#pepQuestionsContainer .question {
    float: left
}

#pepQuestionsContainer .answers {
    float: right
}

#pepQuestionsContainer #question7Container .question {
    width: 78%;
    padding-top: 10px
}

#pepQuestionsContainer #question7Container .answers {
    float: none
}

#pepQuestionsContainer #questionNoPep .question {
    padding-top: 15px
}

#pepQuestionsContainer textarea {
    height: 100px;
    padding: 10px
}

#pepQuestionsContainer textarea::placeholder {
    color: #afafaf;
    font-size: 17px
}

#alert-box.pepQuestions .buttons {
    position: relative;
    top: 50px
}

#alert-box.pepQuestions .buttons .saveBtn.shake {
    transform: translate3d(0, 0, 0);
    animation: shake .5s cubic-bezier(.36, .07, .19, .97) both;
    backface-visibility: hidden
}

#alert-box.termsBox {
    width: 700px;
    height: auto
}

#alert-box.termsBox .title {
    padding-top: 20px
}

#alert-box.termsBox .devider {
    margin: 20px 30px 0 30px
}

#alert-box.termsBox .text {
    margin-bottom: 66px;
    width: 90%;
    box-sizing: border-box;
    overflow: scroll;
    max-height: 650px
}

#alert-box.termsBox .blackWhite.closePopupBtn {
    margin-bottom: 30px
}

#alert-box .alert-box-base-close-button {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    padding: 20px;
    cursor: pointer;
    z-index: 10
}

@media screen and (max-width:500px) {
    #alert-box .alert-box-base-close-button {
        padding: 15px
    }
}

#alert-box.claimedHistoryBox {
    width: 550px;
    height: 460px
}

#alert-box.claimedHistoryBox .title {
    color: #000000;
    font-size: 24px
}

#alert-box.selftest .title {
    color: #54d78b
}

#alert-box.claimedHistoryBox .devider {
    margin: 20px auto
}

#alert-box.claimedHistoryBox .text .alertDescription {
    text-align: left;
    display: inline-block
}

#alert-box.claimedHistoryBox .text .claimHistoryRow {
    height: 34px;
    width: 100%;
    display: table
}

#alert-box.claimedHistoryBox .text .claimHistoryRow .calendarImg {
    background-image: url("/img/boxesicons/calendar.svg");
    float: left;
    width: 27px;
    height: 31px;
    padding: 9px 0 10px 5px;
    box-sizing: border-box
}

#alert-box.claimedHistoryBox .text .claimHistoryRow .calendarText {
    height: 31px;
    line-height: 17px;
    padding-left: 20px;
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

#alert-box.claimedHistoryBox .b3.blackWhite {
    position: absolute;
    top: auto;
    bottom: 30px
}

#alert-box.saldoInformationBox {
    top: 20%
}

#alert-box.saldoInformationBox .playStats {
    width: 60%;
    margin: auto;
    clear: both;
    height: 90px
}

#alert-box.saldoInformationBox .playStats>div {
    float: right;
    clear: right;
    height: 22px !important;
    line-height: 22px !important
}

#alert-box.saldoInformationBox .playStats .head {
    height: 20px;
    float: left
}

#alert-box.swiftCodeIFrame {
    width: 90%;
    max-width: 960px;
    position: absolute
}

#alert-box.swiftCodeIFrame .text {
    top: 20px;
    width: 90%;
    overflow: scroll;
    max-height: 70vh
}

#alert-box.swiftCodeIFrame .title.swiftCodeIFrame {
    display: none
}

#alert-box.swiftCodeIFrame .text #iframeContainer {
    margin-top: 0;
    height: 70vh
}

#alert-box.swiftCodeIFrame .text #iframeContainer iframe {
    width: 99%;
    height: 100%;
    border: 0
}

#alert-box.swiftCodeIFrame p {
    display: none
}

#alert-box.swiftCodeIFrame .buttons {
    margin-top: 20px;
    height: 100px
}

.alert-box-base {
    min-height: unset !important;
    font-family: 'Roboto', 'Arial', 'sans-serif'
}

.alert-box-base .alert-box-base-title {
    font-size: 22px;
    text-align: center;
    color: #111;
    padding-top: 24px
}

.alert-box-base .alert-box-base-description {
    font-size: 16px;
    color: #222;
    text-align: center;
    margin-top: 32px;
    margin-left: 16px;
    margin-right: 16px;
    line-height: 24px
}

.alert-box-base .alert-box-base-confirm-button-container {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #f9f9f9;
    height: 100%
}

.alert-box-base .alert-box-base-confirm-button {
    background-color: #5fff90;
    font-size: 17px;
    text-align: center;
    color: #111;
    padding: 15px 100px;
    font-weight: 500;
    border-radius: 30px;
    display: inline-block;
    cursor: pointer
}

.alert-box-base .alert-box-base-close-button {
    position: absolute;
    right: 0 !important;
    left: unset !important;
    margin: 0 !important;
    top: 0;
    padding: 20px;
    font-size: 18px;
    color: grey;
    cursor: pointer
}

.alert-box-base .session-expired-video-container {
    text-align: center
}

.alert-box-base .session-expired-video {
    outline: none;
    clip-path: inset(0px 0px 2px 0px);
    position: relative;
    top: 6px;
    width: 340px;
    height: 290px
}

.alert-box-base .session-expired-video:focus {
    outline: none
}

.alert-box-base.notify-limits {
    width: 700px;
    overflow-y: auto
}

.alert-box-base.notify-limits .alert-box-base-title {
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    height: 50px;
    max-width: 320px;
    background: #000;
    font-weight: 600;
    margin: 60px auto 0;
    padding: 0
}

.alert-box-base.notify-limits .user-limits-container {
    font-size: 16px;
    color: #222;
    font-family: 'Roboto', 'Arial', 'sans-serif';
    max-width: 400px;
    margin: 30px auto 0
}

.alert-box-base.notify-limits .user-limits-title {
    margin-bottom: 30px;
    text-align: center
}

.alert-box-base.notify-limits .limit-container {
    display: flex;
    padding: 8px 10px 8px 26px;
    background-color: #f6f6f6;
    border-radius: 50px;
    margin-bottom: 5px;
    align-items: center
}

.alert-box-base.notify-limits .limit-type {
    display: inline-block;
    flex: 1;
    margin-right: 16px;
    color: #777676;
    font-size: 14px
}

.alert-box-base.notify-limits .limit-type span:first-child {
    font-size: 17px;
    font-weight: bold;
    color: #000
}

.alert-box-base.notify-limits .limit-progress-bar {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: conic-gradient(#6543a3 var(--progress), #cecece 0deg);
    font-size: 0
}

.alert-box-base.notify-limits .limit-progress-bar::after {
    content: attr(data-progress) '%';
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 6px;
    border-radius: 50%;
    background: white;
    font-size: 11px;
    line-height: 10px;
    text-align: center;
    color: #7e7e7e
}

.alert-box-base.notify-limits .limitWarning {
    color: #e16d00;
    font-weight: bold;
    font-size: 14px
}

.alert-box-base.notify-limits .alert-box-base-confirm-button-container {
    background: #fff
}

#alert-box.register-bonus {
    color: #000;
    background-color: #f6f6f6;
    font-size: 16px;
    overflow: auto;
    font-weight: 300
}

#alert-box.register-bonus .register-bonus-close-button {
    position: absolute;
    text-align: right;
    padding: 20px;
    width: 20px;
    right: 0;
    margin-right: 0;
    cursor: pointer
}

#alert-box.register-bonus .header {
    display: flex;
    padding: 40px 32px;
    justify-content: center;
    align-items: center;
    font-size: 22px
}

#alert-box.register-bonus .header img {
    margin-right: 16px;
    position: relative;
    bottom: 4px
}

#alert-box.register-bonus .content {
    box-sizing: border-box;
    background-color: white;
    margin: 0 32px 32px 32px;
    padding: 32px;
    border: 1px solid #eee;
    border-radius: 6px
}

#alert-box.register-bonus .content .onesie-image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

#alert-box.register-bonus .content .onesie-with-giftbox {
    width: 60%;
    max-width: 100%;
    aspect-ratio: 0.85324232081911
}

#alert-box.register-bonus .content .payment-provider-logo {
    position: absolute;
    top: 0;
    right: 0;
    height: 20%
}

#alert-box.register-bonus .content .bonus-amount {
    font-size: 32px;
    font-weight: bold;
    line-height: 34px;
    margin-top: 12px
}

#alert-box.register-bonus .content .deposit-amount {
    display: flex;
    border: 2px solid #5fff90;
    padding: 16px;
    border-radius: 3px;
    justify-content: space-between;
    align-items: center;
    font-size: 18px
}

#alert-box.register-bonus .content .deposit-amount p {
    margin: 0
}

#alert-box.register-bonus .content .deposit-amount div {
    display: flex;
    height: 100%;
    align-items: center
}

#alert-box.register-bonus .content .deposit-amount div img {
    width: 30px;
    height: 30px;
    margin-left: 24px
}

#alert-box.register-bonus .content .bank-select {
    float: unset;
    width: 100%;
    background: #fff url('/img/arrowDownGreyDark.svg') no-repeat right 16px top 20px;
    background-size: 18px;
    font-size: 18px;
    font-weight: 300;
    height: 60px;
    color: #222;
    border: 1px solid #eee;
    transition: border 1s ease
}

#alert-box.register-bonus .content .bank-select.error {
    border: 1px solid #d75353;
    background-color: #fbf3f3
}

#alert-box.register-bonus .content .confirm-button {
    background-color: #5fff90;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 30px;
    font-size: 18px;
    cursor: pointer;
    color: unset;
    font-weight: 500;
    margin-top: 12px;
    padding: 12px
}

#alert-box.register-bonus .content .deposit-link {
    margin-top: 32px;
    font-size: 16px;
    color: #999;
    display: block;
    text-align: center
}

@media screen and (max-width:720px) {
    #alert-box.swiftCodeIFrame {
        top: 0;
        height: 100%;
        width: 100%
    }
}

@media screen and (max-width:470px) {
    #alert-box.claimedHistoryBox .text p {
        font-size: 12px
    }

    #alert-box.claimedHistoryBox .text {
        left: 10px;
        right: 10px
    }

    #alert-box.claimedHistoryBox .text .claimHistoryRow .calendarText {
        font-size: 3.2vw;
        line-height: 3.6vw
    }
}

@media screen and (max-width:430px) {
    #alert-box.termsBox .text {
        font-size: 11px;
        width: 90%
    }

    .alert-box-base .session-expired-title {
        margin-top: 55px
    }
}

@keyframes shake {
    10% {
        transform: translate3d(-1px, 0, 0)
    }

    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20% {
        transform: translate3d(2px, 0, 0)
    }

    80% {
        transform: translate3d(2px, 0, 0)
    }

    30% {
        transform: translate3d(-4px, 0, 0)
    }

    50% {
        transform: translate3d(-4px, 0, 0)
    }

    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40% {
        transform: translate3d(4px, 0, 0)
    }

    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@media screen and (max-width:910px) {
    #alert-box.pepQuestions .alertDescription {
        font-size: 15px
    }

    #alert-box.pepQuestions {
        padding: 0 10px
    }

    #pepQuestionsContainer .question {
        font-size: 17px
    }
}

@media screen and (max-width:800px) {
    #alert-box.pepQuestions .alertDescription {
        font-size: 14px
    }

    #pepQuestionsContainer .question {
        font-size: 16px
    }
}

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

    #alert-box.pepQuestions,
    #window-boxes-alert.isIos #alert-box.pepQuestions {
        width: 100%;
        height: 100%;
        position: relative;
        bottom: 0;
        top: 0;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0
    }

    #alert-box.pepQuestions .buttons {
        position: relative;
        top: 0
    }

    #alert-box.pepQuestions .text {
        overflow: hidden;
        position: relative
    }

    #alert-box.pepQuestions .yesPopupBtn,
    #alert-box.pepQuestions .noPopupBtn {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0
    }

    #alert-box.pepQuestions .noPopupBtn {
        float: left
    }

    #alert-box.pepQuestions .yesPopupBtn {
        float: right
    }

    #alert-box.pepQuestions .buttons {
        height: 50px;
        margin: auto;
        width: 370px
    }

    #alert-box.pepQuestions .text {
        left: 0;
        right: 0
    }
}

@media screen and (max-width:630px) {
    #alert-box.pepQuestions .text {
        top: 20px
    }

    #alert-box.pepQuestions .title {
        font-size: 20px;
        line-height: 20px
    }

    #pepQuestionsContainer .question,
    #pepQuestionsContainer .answers,
    #pepQuestionsContainer #pepQuestion-7 .question {
        float: none;
        width: 100%;
        font-size: 15px
    }

    #alert-box.pepQuestions .alertDescription,
    #pepQuestionsContainer {
        margin: 15px 15px 0 15px
    }

    #pepQuestionsContainer textarea::placeholder {
        font-size: 15px
    }

    #alert-box.termsBox {
        max-width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        transform: inherit
    }

    #alert-box.termsBox .text {
        max-height: 100%
    }
}

@media screen and (max-height:850px) {
    #alert-box.termsBox {
        position: absolute;
        top: 0;
        transform: inherit
    }
}

@media screen and (max-height:600px) {
    #window-boxes-alert.languageChange #alert-box {
        top: 0;
        position: absolute;
        transform: none
    }

    #window-boxes-alert .alert-box-base.session-expired.no-video {
        transform: translateY(calc(50vh - 50%))
    }
}

@media screen and (max-height:380px) and (max-width:500px) {
    #window-boxes-alert:not(.languageChange) #alert-box:not(.notify-limits) {
        top: 50vh;
        bottom: 0
    }
}

@media screen and (max-height:380px) {
    #window-boxes-alert:not(.languageChange) #alert-box:not(.notify-limits) {
        top: 0;
        bottom: auto;
        position: absolute;
        transform: translateY(0)
    }
}

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

    #alert-box,
    #window-boxes-alert.languageChange #alert-box,
    #alert-box.register-bonus,
    #alert-box.saldoInformationBox {
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
        top: 0;
        height: 100%;
        width: 100%
    }

    #alert-box.notify-limits {
        height: auto
    }

    #alert-box .text {
        width: 85%
    }
}

@media screen and (max-width:400px) {
    #alert-box.pepQuestions .buttons {
        width: 90%
    }
}

@media screen and (max-width:360px) {
    #alert-box .text p {
        font-size: 4.5vw
    }
}

#alert-box.tellAFriendBox {
    width: 600px;
    transform: none;
    position: absolute;
    top: 20px
}

#alert-box.tellAFriendBox .blueContainer {
    position: relative;
    background: #0066cc url('/img/tonyShare.jpg') bottom center no-repeat;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#alert-box.tellAFriendBox .blueContainer .chocolateClaimAble,
#alert-box.tellAFriendBox .blueContainer .chocolateClaimed {
    display: none
}

#alert-box.tellAFriendBox .blueContainer .chocolateClaimAble.show,
#alert-box.tellAFriendBox .blueContainer .chocolateClaimed.show {
    display: block
}

#alert-box.tellAFriendBox .blueContainer .chocolateClaimAble .textContainer .introText,
#alert-box.tellAFriendBox .blueContainer .chocolateClaimed .textContainer .introText {
    margin-bottom: 0
}

#alert-box.tellAFriendBox .blueContainer .alert-box-base-close-button.closePopupBtn img {
    float: right;
    padding: 20px 20px 0 0;
    cursor: pointer
}

#alert-box.tellAFriendBox #shareContainer.hide {
    display: none
}

#alert-box.tellAFriendBox .blueContainer .title {
    color: #fff;
    font-size: min(6vw, 28px);
    margin-bottom: 20px
}

#alert-box.tellAFriendBox .blueContainer .americanType {
    font-family: 'American Typewriter', 'Roboto', 'Open Sans', sans-serif
}

#alert-box.tellAFriendBox .blueContainer .textContainer {
    padding: 40px 40px;
    text-align: center;
    font-size: min(4.4vw, 17px)
}

#alert-box.tellAFriendBox .blueContainer .textContainer.claim {
    padding: 40px 40px 0;
    min-height: 390px
}

#alert-box.tellAFriendBox .blueContainer .textContainer .introText {
    margin-bottom: 30px
}

#alert-box.tellAFriendBox .blueContainer .textContainer .introText a {
    color: #fff
}

#alert-box.tellAFriendBox .blueContainer .textContainer .introText img.successFull {
    width: 70px;
    margin: 30px 0 10px
}

#alert-box.tellAFriendBox .blueContainer .textContainer .introText .earned {
    font-size: min(6vw, 28px);
    font-weight: 600
}

#alert-box.tellAFriendBox .blueContainer .textContainer .introText .earned div {
    display: inline-block
}

#alert-box.tellAFriendBox .blueContainer .textContainer .introText .earned div:last-child {
    background: #fff;
    color: #0066cc;
    padding: 0 7px;
    font-weight: 800
}

#alert-box.tellAFriendBox .blueContainer .textContainer .lightBlue {
    font-size: min(3.6vw, 12px);
    color: #98b5e4
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput {
    position: relative;
    margin: 14px 0 90px
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput .linkIcon {
    background: url('/img/link.svg') no-repeat;
    width: 25px;
    height: 18px;
    position: absolute;
    top: 16px;
    left: 20px
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput input {
    border-radius: 5px;
    padding: 0 100px 0 60px;
    margin: auto;
    cursor: pointer
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput input {
    color: #000
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput .shareBtn {
    background: url(/img/shareBtn.png) center no-repeat;
    background-size: contain;
    width: 90px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 6px;
    cursor: pointer
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput:active {
    background: #809ce2
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput:before {
    content: "Gekopieerd";
    position: absolute;
    top: 61px;
    max-width: 80px;
    margin: auto;
    right: 0;
    left: 0;
    background: #fff;
    color: #0066cc;
    padding: 8px 10px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    display: none
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput:after {
    content: "";
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    display: none
}

#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput.active:before,
#alert-box.tellAFriendBox .blueContainer .textContainer .shareInput.active:after {
    display: block
}

#alert-box.tellAFriendBox .bottomBtn {
    height: 80px;
    width: 100%
}

#alert-box.tellAFriendBox .bottomBtn .closePopupBtn.blue {
    background: #0066cc;
    color: #fff;
    border-radius: 8px;
    margin-top: 30px;
    font-size: min(5vw, 18px) !important;
    padding: 5px 40px
}

#alert-box.tellAFriendBox .claimBtn {
    height: 52px;
    width: 100%
}

#alert-box.tellAFriendBox .claimBtn .claimChocolate.white {
    background: #fff;
    color: #0066cc;
    border-radius: 8px;
    font-size: min(5vw, 18px) !important;
    padding: 5px 40px;
    width: 150px
}

#alert-box.tellAFriendBox .claimBtn .claimFreeSpins.white {
    background: #fff;
    color: #0066cc;
    border-radius: 8px;
    font-size: min(5vw, 18px) !important;
    padding: 5px 40px;
    width: 150px;
    font-weight: 600
}

@media screen and (max-width:500px) {
    #alert-box.tellAFriendBox {
        top: 0
    }

    #alert-box.tellAFriendBox .blueContainer {
        border-radius: 0
    }

    #alert-box.tellAFriendBox .blueContainer .alert-box-base-close-button.closePopupBtn img {
        padding: 10px 10px 0 0
    }

    #alert-box.tellAFriendBox .blueContainer .textContainer.claim {
        padding: 40px 10px 0
    }

    #alert-box.tellAFriendBox .blueContainer .textContainer {
        padding: 40px 10px
    }

    #alert-box.tellAFriendBox .bottomBtn .closePopupBtn.blue {
        width: 70%
    }
}

#alert-box.bigBox {
    background-color: #f6f6f6;
    width: 666px;
    overflow: scroll
}

#alert-box.bigBox .title {
    padding-left: 32px;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 30px
}

#alert-box.bigBox .text {
    width: 100%;
    padding-top: 30px;
    top: 0
}

#alert-box.bigBox .buttons {
    height: auto
}

#alert-box.bigBox .content {
    background-color: #ffffff;
    padding: 32px;
    opacity: 1;
    font-weight: 400;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    margin: 15px 0 0;
    text-align: left !important;
    min-height: 440px
}

#alert-box.bigBox .content p {
    margin: 0 0 20px !important;
    float: none !important;
    line-height: 28px
}

#alert-box.bigBox .content,
#alert-box.bigBox .content p,
.pofContent .titleTxt {
    text-align: left !important;
    color: #010001 !important
}

#alert-box.bigBox .content p.cruksInfo {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px
}

#alert-box.bigBox .content.titleTxt {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px 0;
    display: inline-block;
    color: #000000 !important
}

#openLimitPageBtn {
    height: 61px;
    line-height: 61px;
    font-size: 20px !important;
    max-width: 220px;
    margin: 0
}

#openLimitPageBtn.active {
    background-color: #53d78b
}

#openLimitPageBtn.active #warningCountdown {
    display: none
}

#alert-box.bigBox a {
    color: #6443a1
}

@media screen and (max-width:500px) {
    #alert-box.bigBox .text {
        font-size: 15px;
        padding-top: 20px
    }

    #alert-box.bigBox .content p {
        font-size: 15px;
        line-height: 20px
    }

    #alert-box.bigBox .content p.cruksInfo {
        padding: 12px;
        font-size: 13px;
        line-height: 20px
    }

    #alert-box.bigBox .content {
        padding: 14px
    }

    #openLimitPageBtn {
        max-width: 100%
    }
}

#alert-box.pofBox {
    background-color: #f6f6f6;
    width: 616px
}

#alert-box.pofBox .text {
    padding-top: 40px;
    top: 0
}

#alert-box.pofBox .buttons {
    height: auto
}

.pofContent {
    background-color: #ffffff;
    padding: 32px;
    opacity: 1;
    font-weight: 400;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    margin: 15px 0 15px;
    text-align: left !important;
    min-height: 500px
}

.pofContent p {
    margin: 0 0 25px !important;
    float: none !important
}

.pofContent p,
.pofContent .titleTxt {
    text-align: left !important;
    color: #2a2a2a !important
}

.pofContent .titleTxt {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px 0;
    display: inline-block;
    color: #000000 !important
}

.pofContent .highlightDoc {
    font-weight: 500;
    color: #000000;
    font-size: 16px
}

#alert-box.pofBox .b3.greenBtn {
    background: #5fff90;
    color: #222222;
    border: 1px solid #5fff90;
    font-size: 17px;
    font-weight: 500
}

.pofBoxPage {
    display: none
}

.pofBoxPage.active {
    display: block
}

.pofBoxPage .uploadOptionsBtn {
    display: none
}

.pofBoxPage .uploadOptionsBtn.active {
    display: block
}

.pofContent .pofPickOption {
    padding: 18px 0 18px 15px;
    background-color: #ffffff;
    border: 2px solid #ccc;
    margin: 15px 0 0 0;
    cursor: pointer;
    transition: all .5s ease
}

.pofContent .pofPickOption:hover {
    border: 2px solid #dedcdc
}

.pofContent .pofPickOption.inActive:hover {
    border: 2px solid #dedcdc
}

.pofContent .pofPickOption.inActive {
    background-color: #f7f7f7;
    border: 2px solid #f7f7f7
}

.pofContent .pofPickOption.active,
.pofContent .pofPickOption.active:hover {
    background-color: #ffffff;
    border: 2px solid #5fff90
}

.pofContent .pofPickOption span {
    display: block
}

.pofContent .pofPickOption span:nth-child(1) {
    font-size: 20px;
    font-weight: 500
}

.pofContent .pofPickOption span:nth-child(2) {
    font-size: 13px;
    line-height: 21px
}

.pofContent #pof-drop-area {
    border: 2px dashed #ccc;
    border-radius: 5px;
    width: auto;
    padding: 20px;
    text-align: center
}

.pofContent #pof-drop-area.highlight {
    border-color: #5fff90
}

.pofContent #pof-drop-area .titleTxt {
    font-size: 25px;
    font-weight: 400;
    margin: 0 0 5px 0
}

.pofContent #pof-drop-area span:nth-child(2) {
    font-size: 17px;
    margin: 0 0 5px 0
}

.pofContent .pofFileElemButton {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 8px 0 0 0
}

.pofContent .pofFileElemButton:hover {
    background: #ddd
}

.pofContent .previousBtn {
    background: #ccc;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #000000;
    font-weight: 500
}

#pofPage3 .pofContent .previousBtn,
#pofPage3 .pofContent .uploadFilesBtn {
    cursor: pointer;
    width: 100% !important;
    display: inline-block;
    white-space: nowrap
}

.pofContent .uploadFilesBtn {
    margin-left: 5% !important
}

.pofContent #pofFileElem {
    display: none
}

.pof-form span {
    display: block
}

.pofContent .showType {
    display: none
}

.pofContent .showType.show {
    display: block
}

#pof-files .file {
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0 0 0;
    align-items: center
}

#pof-files {
    margin: 25px 0 0 0
}

#pof-files .filesHeader {
    font-weight: bold
}

#pof-files .file>div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 45%
}

#pof-files .file>div:nth-child(3) {
    width: 10%;
    text-align: right;
    color: #e70f0f;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer
}

#pofPage3 .buttons {
    justify-content: space-around;
    display: flex
}

.boxesPopupWindow .line {
    background-color: #d7d7d7;
    height: 1px;
    display: block;
    margin: 30px 0;
    float: none
}

#pof-uploading .pofContent {
    text-align: center !important
}

#pof-errorPage .pofContent {
    text-align: center !important
}

.pofContent #pof-alertDescription {
    text-align: center !important
}

@media screen and (max-width:500px) {
    #alert-box.pofBox .text {
        width: 98%
    }

    #alert-box.pofBox .pofContent {
        padding: 32px 16px
    }
}

#alert-box.kreditzContainer {
    width: 420px;
    height: 720px;
    overflow: hidden
}

.kreditzLogo {
    padding-left: 35px;
    line-height: 35px;
    background: url(/img/kreditz-logo.svg) no-repeat;
    background-size: 28px;
    height: 32px
}

.kreditzContainer .containerInner,
.kreditzContainer iframe {
    width: 100%;
    height: 100%
}

.kreditzContainer .loader {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px)
}

.kreditzContainer .pofContent {
    padding: 0 !important;
    height: 720px;
    max-width: 420px;
    overflow: hidden;
    margin: 15px auto
}

@media screen and (max-width:720px) {
    #alert-box.kreditzContainer {
        height: 100%
    }

    #alert-box.pofBox {
        top: 0;
        transform: none;
        height: 100%;
        max-height: 100vh;
        width: 100%;
        max-width: 100%;
        background-color: #f6f6f6;
        overflow: auto
    }

    .pofContent {
        min-height: 0;
        border: 0
    }
}

@media screen and (max-height:950px) {
    #alert-box.pofBox {
        position: absolute;
        top: 0;
        transform: none;
        min-height: 700px
    }
}

@media screen and (max-width:720px),
screen and (max-height:950px) {
    .kreditzContainer .text {
        position: initial !important
    }

    .kreditzContainer .title {
        display: none
    }

    .kreditzContainer .pofContent {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }
}

#selfTestContainer {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 180000000
}

#selftest {
    background-color: #ffffff;
    margin: auto 0;
    width: 968px;
    min-height: 720px;
    left: 50%;
    margin-left: -484px;
    position: absolute;
    border-radius: 14px;
    top: 165px;
    box-sizing: border-box;
    padding: 0 60px 0 60px
}

#selftest .title {
    font-size: 28px;
    color: #53d78b;
    font-weight: 500;
    padding: 60px 0 30px 0;
    text-align: center
}

#selftest .description {
    font-style: normal;
    font-size: 15px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 20px
}

#selftest table {
    width: 100%
}

#selftest table tr td:nth-child(1) {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    width: 75%
}

#selftest table tr td:nth-child(2) {
    width: 25%
}

#selftest table tr td:nth-child(2)>div {
    float: right
}

#selftest table tr td:nth-child(2)>div>div {
    float: left
}

#selftest .questions>form>div {
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    padding: 25px 40px 25px 40px;
    border-radius: 8px
}

#selftest .questions form>.errorContainer {
    border: 0px;
    text-align: right;
    font-weight: bold;
    color: red;
    font-size: 18px;
    padding: 5px 0 0 0;
    text-align: center
}

#selftest .questions form>.cancelSelfTest,
#selftest .questions form>.submitSelfTest {
    border: 0;
    margin: 50px 0 76px 0;
    padding: 0 50px;
    float: right;
    width: 49%;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    font-size: 16px !important;
    font-weight: 500
}

#selftest .questions form>.cancelSelfTest {
    float: left
}

#selftest .questions form>.cancelSelfTest {
    background-color: #ffffff;
    border: 2px solid #5fff91;
    border-radius: 30px;
    color: #000200;
    height: 50px;
    line-height: 50px
}

#selftest .questions form>.submitSelfTest {
    background-color: #5fff91;
    border: 2px solid #5fff91;
    border-radius: 30px;
    color: #000200;
    height: 50px;
    line-height: 50px
}

#selftest .questions form>.cancelSelfTest:hover {
    background-color: #f0f0f0
}

#selftest .questions form>.submitSelfTest:hover {
    background-color: #4ff080;
    border: 2px solid #4ff080
}

#selftest input[type="radio"],
#selftest input[type="radio"]:before,
#selftest input[type="radio"]:after {
    box-sizing: border-box
}

#selftest label {
    display: grid;
    grid-template-columns: auto auto;
    gap: 13px;
    color: #5a5a5a
}

#selftest label.answerNo {
    padding: 0 10px 10px 0
}

#selftest input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 20px;
    height: 20px;
    border: 2px solid #cdcdcd;
    border-radius: 50%;
    transform: translateY(0);
    display: grid;
    place-content: center
}

#selftest input[type="radio"]::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: #58d18c
}

#selftest input[type="radio"]:checked {
    border: 2px solid #58d18c
}

#selftest input[type="radio"]:checked::before {
    transform: scale(1)
}

@media screen and (max-width:990px) {
    #selftest {
        width: 720px;
        margin-left: -360px
    }

    #selftest .description {
        width: 100%
    }
}

@media screen and (max-height:960px) {
    #selftest {
        top: 100px
    }
}

@media screen and (max-height:830px) {
    #selftest {
        top: 0
    }
}

@media screen and (max-width:720px) {
    #selftest {
        top: 0;
        width: 100%;
        height: auto;
        margin-left: 0;
        left: 0;
        position: relative;
        border-radius: 0;
        bottom: 0;
        min-height: 100vh;
        padding: 0 20px 0 20px
    }

    #selfTestContainer {
        position: relative
    }

    #selftest .questions>form>div {
        padding: 25px 20px 25px 20px
    }
}

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

    #selftest .questions form>.cancelSelfTest,
    #selftest .questions form>.submitSelfTest {
        float: none;
        margin: 10px auto 10px auto;
        width: 80%
    }

    #selftest .questions form>.cancelSelfTest {
        margin: 10px auto 50px auto
    }

    #selftest table tr td:nth-child(1) {
        font-size: 14px;
        padding-right: 10px;
        width: 85%
    }

    #selftest table tr td:nth-child(2) {
        width: 15%
    }
}

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

    #selftest .questions form>.cancelSelfTest,
    #selftest .questions form>.submitSelfTest {
        width: 100%
    }
}

#termsNotification {
    max-height: 100px;
    position: relative;
    background: #3c3e42;
    overflow: hidden
}

#termsNotification.hide {
    max-height: 0;
    transition: max-height 0.25s ease-out
}

#termsNotification .termsNotificationContainer {
    max-width: 710px;
    height: 100px;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center
}

#termsNotification .termsNotificationContainer .txtContainer {
    max-width: 500px;
    width: 60%;
    float: left;
    color: #ffffff
}

#termsNotification .termsNotificationContainer .txtContainer .title {
    font-weight: bold;
    font-size: 16px
}

#termsNotification .termsNotificationContainer .txtContainer a {
    color: #ffffff
}

#termsNotification .termsNotificationContainer .btnContainer .acceptBtn {
    background: #fdff6f;
    width: 130px;
    height: 42px;
    line-height: 42px;
    float: left;
    text-align: center;
    color: #18191e;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600
}

#termsNotification .termsNotificationContainer .btnContainer .declineBtn {
    background: #fff;
    color: #ff4e00;
    float: right
}

#websiteContent,
#gamesCategoriesMenu {
    transition: padding-top 0.25s ease-out, top 0.25s ease-out
}

#websiteContent.termsNotificationVisible {
    padding-top: 170px !important
}

@media screen and (min-width:950px) {
    #gamesCategoriesMenu.termsNotificationVisible {
        position: absolute;
        top: 100px;
        bottom: 0
    }
}

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

    #termsNotification:not(.hide),
    #termsNotification:not(.hide) .termsNotificationContainer {
        z-index: 11;
        height: 118px;
        max-height: 118px
    }

    .termsNotificationVisible.menuContainer {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 11
    }

    .termsNotificationVisible #menuBar {
        position: relative;
        height: 65px
    }

    #websiteContent.termsNotificationVisible {
        padding-top: 118px !important
    }

    .noscroll .termsNotificationVisible #menuBar,
    .noscroll #gamesCategoriesMenu.termsNotificationVisible {
        margin-top: 0
    }
}

@media screen and (max-width:680px) {
    #termsNotification:not(.hide) .termsNotificationContainer {
        align-items: start
    }

    #termsNotification .termsNotificationContainer .txtContainer {
        max-width: 100%;
        width: 100%;
        height: 62px;
        margin-top: 8px;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    #termsNotification .termsNotificationContainer .txtContainer div {
        width: 100vw
    }

    #termsNotification .termsNotificationContainer .btnContainer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto 8px;
        width: 120px
    }

    #termsNotification .termsNotificationContainer .btnContainer .acceptBtn {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        width: 120px
    }
}

@media screen and (max-width:500px) {
    #termsNotification .termsNotificationContainer .txtContainer {
        font-size: 12px
    }
}

#notification.cashback {
    width: 385px;
    height: 525px
}

#notification.cashback .logo {
    height: 40%;
    text-align: center
}

#notification.cashback .logo .valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#notification.cashback .logo img {
    height: 80%;
    vertical-align: middle
}

#notification.cashback .message {
    height: 25%;
    padding: 0 4%;
    text-align: center;
    font-size: 16px;
    color: #000000
}

#notification.cashback .bonus {
    height: 20%;
    text-align: center
}

#notification.cashback .button {
    height: 15%
}

#notification.cashback .bonus span {
    display: inline-block
}

#notification.cashback .bonus .amount {
    color: #53d78b;
    font-weight: bold;
    font-size: 30px
}

#notification.cashback .bonus .msgCashback {
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 0
}

#notification.cashback .bonus .msgNowager {
    color: #afafaf;
    font-size: 16px
}

#notification.cashback .button .b1 {
    width: 30%;
    margin: 0 auto;
    font-size: 16px
}

@media screen and (max-height:460px) {
    #notification.cashback:not(.rotated) .bonus .amount {
        font-size: 28px
    }

    #notification.cashback:not(.rotated) .bonus .msgCashback {
        font-size: 20px;
        padding: 4px 0
    }

    #notification.cashback:not(.rotated) .bonus .msgNowager {
        font-size: 14px
    }
}

@media screen and (max-height:390px) {
    #notification.cashback:not(.rotated) .bonus .amount {
        font-size: 26px
    }

    #notification.cashback:not(.rotated) .bonus .msgCashback {
        font-size: 18px;
        padding: 3px 0
    }

    #notification.cashback:not(.rotated) .bonus .msgNowager {
        font-size: 12px
    }
}

@media screen and (max-height:330px) {
    #notification.cashback:not(.rotated) .logo {
        position: absolute;
        top: 0;
        left: 0
    }

    #notification.cashback:not(.rotated) .message {
        position: absolute;
        top: 8%;
        left: 20%;
        right: 0
    }

    #notification.cashback:not(.rotated) .bonus {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 25%
    }

    #notification.cashback:not(.rotated) .button {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media screen and (max-width:460px) {
    #notification.cashback.rotated .bonus .amount {
        font-size: 28px
    }

    #notification.cashback.rotated .bonus .msgCashback {
        font-size: 20px;
        padding: 4px 0
    }

    #notification.cashback.rotated .bonus .msgNowager {
        font-size: 14px
    }
}

@media screen and (max-width:390px) {
    #notification.cashback.rotated .bonus .amount {
        font-size: 26px
    }

    #notification.cashback.rotated .bonus .msgCashback {
        font-size: 18px;
        padding: 3px 0
    }

    #notification.cashback.rotated .bonus .msgNowager {
        font-size: 12px
    }
}

@media screen and (max-width:330px) {
    #notification.cashback.rotated .logo {
        position: absolute;
        top: 0;
        left: 0
    }

    #notification.cashback.rotated .message {
        position: absolute;
        top: 8%;
        left: 20%;
        right: 0
    }

    #notification.cashback.rotated .bonus {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 25%
    }

    #notification.cashback.rotated .button {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

#notification.general {
    background: none
}

#alert-box.notification {
    height: 400px
}

#notification {
    position: fixed;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
    z-index: 200000000;
    margin: auto;
    background-color: #fff;
    max-width: 90%;
    max-height: 90%
}

.ic1 {
    background-image: url("/img/menu/home.svg");
    background-size: 26px 26px !important;
    background-position: 21px center !important
}

.ic1:hover {
    background-image: url("/img/menu/home-active.svg")
}

.ic2 {
    background-image: url("/img/menu/promotions.svg")
}

.ic2:hover {
    background-image: url("/img/menu/promotions-active.svg")
}

.ic3 {
    background-image: url("/img/menu/registreer.svg")
}

.ic3:hover {
    background-image: url("/img/menu/registreer-active.svg")
}

.ic4 {
    background-image: url("/img/menu/about-us.svg")
}

.ic4:hover {
    background-image: url("/img/menu/about-us-active.svg")
}

.ic5 {
    background-image: url("/img/menu/blog.svg")
}

.ic5:hover {
    background-image: url("/img/menu/blog-active.svg")
}

.ic6 {
    background-image: url("/img/menu/contact.svg")
}

.ic6:hover {
    background-image: url("/img/menu/contact-active.svg")
}

.ic7 {
    background-image: url("/img/menu/logoicon.svg")
}

.ic7:hover {
    background-image: url("/img/menu/logoicon.svg")
}

.ic8 {
    background-image: url("/img/menu/login.svg")
}

.ic8:hover {
    background-image: url("/img/menu/login-active.svg")
}

.ic9 {
    background-image: url("/img/menu/my-details-active.svg")
}

.ic10 {
    background-image: url("/img/dollar-symbol-side-active.svg")
}

.ic11 {
    background-image: url("/img/menu/star-active.svg")
}

.ic12 {
    background-image: url("/img/menu/promotions-active.svg")
}

.ic13 {
    background-image: url("/img/menu/lottery-active.svg")
}

.ic14 {
    background-image: url("/img/menu/customer-active.svg")
}

.ic15 {
    background-image: url("/img/menu/logout-active.svg")
}

.ic16 {
    background-image: url("/img/menu/status-green.svg")
}

.ic17 {
    background-image: url("/img/menu/arrow.svg")
}

.ic18 {
    cursor: pointer
}

.ic19 {
    background-image: url("/img/list.svg")
}

.ic20 {
    background-image: url("/img/tiles.svg")
}

.ic21 {
    padding-top: 4px;
    cursor: pointer
}

.ic22 {
    background-image: url("/img/scratch.svg")
}

.menuItems .myaccount {
    background-image: url("/img/menubar/layout/settings/user.svg");
    background-size: auto 22px
}

.menuItems .editdetails {
    background-image: url("/img/menubar/layout/settings/details.svg");
    background-size: auto 22px
}

.menuItems .bankdetails {
    background-image: url("/img/menubar/layout/settings/bankdetails.svg");
    background-size: auto 22px
}

.menuItems .notifications {
    background-image: url("/img/menubar/layout/popupicons/notifications-white.svg");
    background-size: auto 26px
}

.menuItems .settings {
    background-image: url("/img/menubar/layout/settings/settings.svg");
    background-size: auto 22px
}

.menuItems .verification {
    background-image: url("/img/menubar/layout/settings/verification.svg");
    background-size: auto 20px
}

.menuItems .security {
    background-image: url("/img/menubar/layout/popupicons/security-white.svg");
    background-size: auto 22px
}

.menuItems .exclusion {
    background-image: url("/img/menubar/layout/settings/selfexclusion.svg");
    background-size: auto 21px
}

.menuItems .limits {
    background-image: url("/img/menubar/layout/settings/limits.svg");
    background-size: auto 24px
}

.menuItems .language {
    background-image: url("/img/menubar/layout/popupicons/language-white.svg");
    background-size: auto 22px
}

.menuItems .balance {
    background-image: url("/img/menubar/layout/settings/balance.svg");
    background-size: auto 19px
}

.menuItems .promotions {
    background-image: url("/img/menubar/layout/settings/promotions.svg");
    background-size: auto 19px
}

.menuItems .deposit {
    background-image: url("/img/menubar/layout/settings/deposit.svg");
    background-size: auto 21px
}

.menuItems .voucher {
    background-image: url("/img/menubar/layout/settings/promo-code.svg");
    background-size: auto 22px
}

.menuItems .bonus {
    background-image: url("/img/menubar/layout/settings/bonus.svg");
    background-size: auto 22px
}

.menuItems .withdrawal {
    background-image: url("/img/menubar/layout/settings/withdrawal.svg");
    background-size: auto 22px
}

.menuItems .history {
    background-image: url("/img/menubar/layout/settings/history.svg");
    background-size: auto 18px
}

.menuItems .creditcards {
    background-image: url("/img/menubar/layout/settings/creditcards.svg");
    background-size: auto 23px
}

@media screen and (max-width:990px) {
    .menuItems .myaccount {
        background-size: auto 26px
    }

    .menuItems .editdetails {
        background-size: auto 26px
    }

    .menuItems .bankdetails {
        background-size: auto 26px
    }

    .menuItems .notifications {
        background-size: auto 30px
    }

    .menuItems .settings {
        background-size: auto 26px
    }

    .menuItems .verification {
        background-size: auto 24px
    }

    .menuItems .security {
        background-size: auto 26px
    }

    .menuItems .exclusion {
        background-size: auto 25px
    }

    .menuItems .limits {
        background-size: auto 28px
    }

    .menuItems .language {
        background-size: auto 26px
    }

    .menuItems .balance {
        background-size: auto 23px
    }

    .menuItems .promotions {
        background-size: auto 23px
    }

    .menuItems .deposit {
        background-size: auto 24px
    }

    .menuItems .voucher {
        background-size: auto 26px
    }

    .menuItems .bonus {
        background-size: auto 26px
    }

    .menuItems .withdrawal {
        background-size: auto 26px
    }

    .menuItems .history {
        background-size: auto 22px
    }

    .menuItems .creditcards {
        background-size: auto 27px
    }
}

#leaderCanvas.tournament {
    padding-top: 0;
    min-height: 694px
}

#leader a>div,
#leader>div {
    height: auto;
    overflow: inherit
}

#leader #tournamentBg {
    background-blend-mode: darken;
    transition: 1s
}

#leader #tournamentBg.noTournament {
    background-image: url("/img/website/pages/tournament/background.jpg")
}

#leader #tournamentBg .textContainer.loggedOut .text .boldText {
    font-size: calc(2.3em + 15px)
}

#leader #tournamentBg .textContainer.loggedOut>div div {
    font-size: calc(16px + 1.2em)
}

#leader #tournamentBg .textContainer.loggedOut .text {
    top: min(9.5vw, 110px)
}

@media screen and (min-width:1600px) {
    #leader #tournamentBg .textContainer.loggedOut .text .boldText {
        font-size: 48px
    }

    #leader #tournamentBg .textContainer.loggedOut .text .normalText1 {
        font-size: 32px
    }
}

#leader #tournamentBg .onezyBg {
    background-image: url("/img/website/pages/tournament/onezyleader.png");
    background-size: contain;
    background-position: 60% 40px;
    background-repeat: no-repeat
}

#leader .tournamentContainer {
    max-width: 1300px
}

#leader .tournamentContainer .rightContainer {
    max-width: 500px;
    width: 40%;
    float: right;
    top: 20px
}

#leader .tournamentContainer .rightContainer {
    z-index: 1;
    position: relative
}

#leader .tournamentContainer .rightContainer .tournamentImgs {
    padding-top: 4%;
    text-align: center
}

#leader .tournamentContainer .rightContainer #prizePoolTxt.hide {
    display: none
}

#leader .tournamentContainer .rightContainer #prizePoolTxt {
    text-align: center;
    margin-top: 20px
}

#leader .tournamentContainer .rightContainer #prizePoolTxt span {
    color: #ffffff;
    font-size: 35px;
    font-weight: 800
}

#leader .tournamentContainer .rightContainer #prizePoolTxt span:first-child {
    color: #5fff90;
    font-size: 25px;
    font-weight: 600;
    font-style: italic;
    margin-right: 10px
}

#leaderBoardContainer {
    max-width: 660px;
    width: 60%;
    left: 49%;
    position: absolute;
    top: 70px;
    color: #ffffff;
    min-width: 350px;
    line-height: normal;
    z-index: 2
}

#leaderBoardContainer:not(.isInGame) {
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    margin: -470px 48% 0 0;
    float: right
}

#leaderBoardContainer.noTour {
    max-width: 560px
}

#leaderBoardContainer.isInGame.isMobile {
    right: 0;
    left: 0;
    top: 5px
}

#leaderBoardContainer.isInGame:not(.isMobile) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#leaderBoardContainer .navigation {
    background: #191a1e;
    width: auto;
    height: 45px;
    border-radius: 22px;
    margin-top: 4%;
    display: inline-block;
    float: right;
    padding: 0 10px 0 25px;
    margin: 4% 14px 0 0
}

#leaderBoardContainer .navigation.hide {
    display: none
}

#leaderBoardContainer .navigation .arrowLeft,
#leaderBoardContainer .navigation .arrowRight {
    width: 33px;
    height: 32px;
    cursor: pointer;
    float: left;
    margin: 6px 0 0 2px
}

#leaderBoardContainer .navigation .arrowLeft {
    background: transparent url(/img/buttons/buttonLeft.png) no-repeat right;
    float: left
}

#leaderBoardContainer .navigation.noOthers .arrowLeft {
    background: transparent url(/img/buttons/buttonLeftinactive.png) no-repeat right
}

#leaderBoardContainer .navigation .arrowRight {
    background: transparent url(/img/buttons/buttonRight.png) no-repeat right
}

#leaderBoardContainer .navigation.noOthers .arrowRight {
    background: transparent url(/img/buttons/buttonRightInactive.png) no-repeat right
}

#leaderBoardContainer .navigation .text {
    margin: auto;
    text-align: center;
    float: left;
    left: 0;
    right: 0;
    font-size: 15px;
    line-height: 45px;
    padding: 0 30px 0 0
}

#leaderBoardContainer .leaderboard {
    width: 100%;
    min-height: 345px;
    margin-top: 10px;
    font-size: 15px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

#leaderBoardContainer.isInGame .leaderboard {
    margin: 0
}

#leaderBoardContainer .leaderboard .header {
    background: #191a1e;
    padding: 23px 0 10px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

#leaderBoardContainer .leaderboard .header>div {
    padding: 0 36px
}

#leaderBoardContainer .leaderboard .header h1 {
    margin: 0 0 2px 0
}

#leaderBoardContainer .leaderboard .header .tournamentEnded span {
    color: #60ec84;
    font-size: 22px;
    font-weight: bolder
}

#leaderBoardContainer .leaderboard .header .tournamentEnded img {
    margin: 0 0 0 7px
}

#leaderBoardContainer .flexContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 20px 0
}

#leaderBoardContainer .leaderboard #closeTournament {
    width: 25px;
    height: 25px;
    background-image: url(/img/closeWhite.svg);
    position: absolute;
    right: 23px;
    top: 34px;
    cursor: pointer;
    padding: 0
}

#leaderBoardContainer .leaderboard:not(.isInGame) #closeTournament {
    display: none
}

#leaderBoardContainer .leaderboard #closeTournament.termsOpen {
    display: block
}

#leaderBoardContainer #noTournament {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 50px 0 50px 0
}

#leaderBoardContainer .homeLink {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #191a1e
}

#leaderBoardContainer .homeLink>div {
    width: auto
}

#leaderBoardContainer #noTournament>div {
    margin: 0 auto 0 auto;
    border: 4px solid #ffffff;
    display: inline-block;
    padding: 25px;
    border-radius: 100px
}

#leaderBoardContainer #noTournament>div>div:nth-child(1) {
    font-size: 20px;
    font-weight: bold
}

#leaderBoardContainer #noTournament>div>div:nth-child(2) {
    height: 1px;
    background-color: #ffffff;
    margin: 5px 0
}

#leaderBoardContainer #noTournament>div>div:nth-child(3) {
    font-size: 16px;
    font-weight: 500
}

#tournament-terms-btn {
    text-decoration: underline;
    cursor: pointer;
    text-underline-offset: 5px
}

#tournament-terms {
    display: none;
    background-color: #191a1e;
    padding: 30px 50px 20px 20px;
    box-sizing: border-box
}

#leaderBoardContainer .leaderboard .header .prizePool {
    align-items: center;
    font-size: 20px;
    margin: 20px 0 0 0
}

#leaderBoardContainer .leaderboard .header .prizePool span:nth-child(1) {
    display: inline-block;
    background-color: #f1f1f1;
    color: #020202;
    font-weight: bold;
    height: 50px;
    border-radius: 25px;
    padding: 0 30px;
    text-align: center;
    line-height: 50px
}

#leaderBoardContainer .leaderboard .header .prizePool span:nth-child(2) {
    color: #60ec84;
    margin: 0 0 0 15px
}

#leaderBoardContainer .leaderboard .header .dates {
    line-height: 30px;
    font-size: 15px;
    padding: 0
}

#leaderBoardContainer .leaderboard .header .dates .lineTr {
    display: none;
    height: 1px;
    background-color: #000100;
    margin: 0 10px 0 10px
}

#leaderBoardContainer .leaderboard .header .dates .started {
    display: inline-block;
    padding: 0 0 0 36px
}

#leaderBoardContainer .leaderboard .header .dates .ended {
    display: inline-block;
    position: absolute;
    right: 20px;
    padding: 0 36px 0 0
}

#leaderBoardContainer .leaderboard .header .dates .started span:first-child,
#leaderBoardContainer .leaderboard .header .dates .ended span:first-child {
    color: #60ec84;
    font-weight: 500;
    margin-right: 8px
}

#leaderBoardContainer .leaderboard .header .rules span {
    line-height: 23px
}

#leaderBoardContainer .leaderboard .header .rules span.noPromotions {
    color: #ff9595
}

#leaderBoardContainer .leaderboard .header .rules {
    background-color: #0a0a0c;
    border-radius: 5px;
    padding: 20px 16px 25px 16px;
    margin: 20px
}

#leaderBoardContainer .leaderboard .header .rules .rulesTable {
    display: table;
    margin: 13px 0 0 0
}

#leaderBoardContainer .leaderboard .header .rules .row {
    display: table-row;
    padding: 2px 0 2px 0
}

#leaderBoardContainer .leaderboard .header .rules .row>div {
    display: table-cell
}

#leaderBoardContainer .leaderboard .header .rules .row>div:nth-child(1) {
    color: #a8a8aa;
    font-size: 12px;
    padding: 0 40px 0 0
}

#leaderBoardContainer .leaderboard #listOptions {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #ffffff;
    box-shadow: 0 0 1px 0 white inset, 0 0 1px 0 white;
    border-radius: 15px;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-weight: 500
}

#leaderBoardContainer .leaderboard #listOptions>div {
    width: 50%;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

#leaderBoardContainer .leaderboard #listOptions>div.active {
    background-color: #ffffff;
    color: #000000
}

#leaderBoardResult,
#prizesList {
    display: none
}

#leaderBoardResult.show,
#prizesList.show {
    display: block
}

#leaderboardListContainer {
    padding: 0 20px;
    background: #191a1e
}

#leaderBoardContainer .leaderboard .list {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    background-color: rgba(16, 17, 17, 0.85)
}

#leaderBoardContainer .leaderboard .list::-webkit-scrollbar,
#tournament-terms::-webkit-scrollbar {
    -webkit-appearance: none;
    background: #000;
    cursor: pointer;
    width: 10px
}

#leaderBoardContainer .leaderboard .list::-webkit-scrollbar-thumb,
#tournament-terms::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #888888
}

#leaderBoardContainer .leaderboard .list .result {
    width: 100%;
    height: 205px
}

#leaderBoardContainer .leaderboard .list .result>div div {
    height: 40px;
    vertical-align: middle
}

#leaderBoardContainer .leaderboard .list .result>div {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.85;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    border-radius: 8px
}

#leaderBoardContainer .leaderboard .list .result>div:nth-child(odd) {
    background: none
}

#leaderBoardContainer .leaderboard .list .result>div div:first-child,
#leaderBoardContainer .leaderboard .footer>div div:first-child {
    max-width: 25px;
    width: 3%;
    float: left
}

#leaderBoardContainer .leaderboard .list .result>div div.id,
#leaderBoardContainer .leaderboard .footer>div div.id {
    max-width: 60px;
    width: 9%;
    text-align: left;
    float: left
}

#leaderBoardContainer .leaderboard .list .result>div div.msg,
#leaderBoardContainer .leaderboard .footer>div div.msg {
    width: 100% !important;
    float: left;
    padding-left: 4% !important;
    max-width: 100% !important
}

#leaderBoardContainer .leaderboard .list .result>div div.player,
#leaderBoardContainer .leaderboard .footer>div div.player {
    max-width: 234px;
    width: 36%;
    text-align: left;
    float: left;
    overflow: hidden
}

#leaderBoardContainer .leaderboard .list #prizesList .result>div div.id {
    max-width: 294px;
    width: 45%
}

#leaderBoardContainer .leaderboard .footer>div div.player {
    max-width: 232px
}

#leaderBoardContainer .leaderboard .list .result>div div.points,
#leaderBoardContainer .leaderboard .footer>div div.points {
    max-width: 120px;
    width: 10%;
    text-align: right;
    float: left
}

#leaderBoardContainer .leaderboard .list .result>div div.amount,
#leaderBoardContainer .leaderboard .footer>div div.amount {
    max-width: 250px;
    width: 38%;
    text-align: right;
    font-weight: 600;
    float: left;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 0 0 10px
}

#leaderBoardContainer .leaderboard .list .result>div div:last-child,
#leaderBoardContainer .leaderboard .footer>div div:last-child {
    max-width: 30px;
    width: 4%;
    float: left
}

#leaderBoardContainer .leaderboard .footer {
    background: #191a1e;
    color: #60ec84;
    font-weight: 500;
    margin: 0 10px;
    padding-right: 10px
}

#leaderBoardContainer .leaderboard .footer>div {
    width: 100%;
    height: 50px
}

#leaderBoardContainer .leaderboard .footer>div div {
    height: 50px;
    line-height: 50px
}

#leader .tournamentContainer .rightContainer .tournamentImgs #trnmt-desktop {
    width: auto;
    height: auto;
    display: inline-block;
    max-height: 320px;
    max-width: 460px;
    margin: 40px 0 0 0
}

#leaderBoardContainer .signupButtonContainer {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 20px 0 0 0
}

#leaderBoardContainer .signupButton {
    background-color: #5fff90;
    display: flex;
    text-align: center;
    cursor: pointer;
    color: #000000;
    font-weight: bold;
    height: 50px;
    border-radius: 25px;
    padding: 0 30px;
    line-height: 50px;
    text-transform: uppercase
}

#leaderBoardContainer .signupButton img {
    margin: 0 4px 0 0
}

#leaderBoardContainer #optInWindowImg {
    display: none
}

#leaderBoardContainer.optInWindow #optInWindowImg {
    width: 100%;
    display: inline-block
}

#leaderBoardContainer.optInWindow #closeTournament,
#leaderBoardContainer.optInWindow .dates,
#leaderBoardContainer.optInWindow .rules,
#leaderBoardContainer.optInWindow #leaderboardListContainer,
#leaderBoardContainer.optInWindow .leaderboard .header .prizePool {
    display: none
}

#leaderBoardContainer.optInWindow .leaderboard .header {
    padding: 0 0 10px 0
}

#leaderBoardContainer:not(.optInWindow) .leaderboard .header>#tournamentTitleHeader {
    background: none !important
}

#leaderBoardContainer.optInWindow .leaderboard .header>#tournamentTitleHeader {
    padding: 8% 0 7% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#leaderBoardContainer.optInWindow .leaderboard .header h1 {
    font-size: min(10vw, 40px)
}

#leaderBoardContainer.optInWindow .leaderboard .header .terms {
    font-size: min(3vw, 13px)
}

#leaderBoardContainer.optInWindow .leaderboard .header h1,
#leaderBoardContainer.optInWindow .leaderboard .header span {
    text-align: center;
    display: block
}

#leaderBoardContainer.optInWindow .leaderboard .header .optInPrizePool {
    align-items: center;
    font-size: 20px;
    margin: 20px 0 0 0
}

#leaderBoardContainer.optInWindow .flexContainer.optInOptions .optInPrizePool {
    margin: 0
}

#leaderBoardContainer.optInWindow>div .flexContainer:not(.optInOptions) {
    justify-content: left;
    padding: 30px 0
}

#leaderBoardContainer:not(.optInWindow) .flexContainer.optInOptions {
    display: none
}

#leaderBoardContainer.optInWindow .flexContainer.optInOptions {
    padding: 30px 0;
    margin: 0 0 20px 0;
    justify-content: space-around;
    background-color: #000000
}

#leaderBoardContainer.optInWindow .noThanks {
    width: 50%
}

#leaderBoardContainer.optInWindow .noThanks span {
    text-decoration: underline;
    cursor: pointer;
    text-underline-offset: 5px;
    margin: 14px 0 0 0
}

#leaderBoardContainer:not(.optInWindow) .noThanks {
    display: none
}

#leaderBoardContainer.optInWindow .flexContainer.optInOptions #endsIn span {
    font-size: 15px;
    margin: 12px 0 10px 0
}

#leaderBoardContainer.optInWindow .leaderboard .header .optInPrizePool span:nth-child(1) {
    color: #60ec84;
    margin: 0 0 18px 15px
}

#endsIn .timeLeft {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#endsIn .timeLeft>div {
    margin: 0 6px 0 0
}

#endsIn .timeLeft>div:last-child {
    margin: 0 0 0 0
}

#endsIn .timeLeft>div>div:nth-child(2) {
    margin: 2px 0 0 0;
    font-size: 11px;
    text-align: center
}

#endsIn .timeLeft>div>div:nth-child(1) {
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative
}

#endsIn .timeLeft>div>div:nth-child(1)>div:first-child {
    top: 25px;
    left: 0;
    right: 0;
    position: absolute
}

#endsIn .timeLeft>div>div:nth-child(1)>div:last-child {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-weight: bold;
    color: #000000;
    line-height: 50px;
    font-size: 28px
}

#endsIn .timeLeft>div>div:nth-child(1)>div:first-child>div {
    height: 1px;
    background-color: #c5c5c6
}

#leaderBoardContainer.optInWindow .leaderboard .header .optInPrizePool span:nth-child(2) {
    display: inline-block;
    background-color: #020202;
    color: #ffffff;
    border: 2px solid #ffffff;
    font-weight: bold;
    height: 60px;
    border-radius: 30px;
    padding: 0 40px;
    text-align: center;
    line-height: 60px
}

#leaderBoardContainer.optInWindow .signupButtonContainer .signupButton img {
    display: none
}

#leaderBoardContainer.optInWindow .signupButtonContainer .signupButton {
    background-color: #ff3500;
    color: #ffffff;
    border-radius: 30px;
    padding: 0 70px
}

#leaderBoardContainer.optInWindow .signupButtonContainer {
    margin: 0 auto 0 auto
}

@media screen and (min-width:1366px) {
    #leader .tournamentContainer .rightContainer .tournamentImgs #trnmt-desktop {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    #leader .tournamentContainer .rightContainer {
        max-width: none;
        margin: 0 auto;
        float: none;
        height: 380px;
        top: 0
    }

    #leaderBoardContainer .leaderboard .header {
        float: left;
        width: 675px;
        position: relative
    }

    #leaderBoardContainer.noTour .leaderboard .header {
        width: 100%;
        float: none
    }

    #leaderBoardContainer .leaderboard .list {
        height: 361px
    }

    #leaderboardListContainer {
        float: right;
        min-width: 635px;
        padding: 25px 20px 0 20px;
        border-radius: 8px
    }

    #leaderBoardContainer:not(.isInGame) {
        width: 100%;
        max-width: 1366px;
        margin: -280px auto 0 auto;
        left: auto;
        right: auto;
        top: auto;
        float: none
    }
}

@media screen and (min-width:1800px) {
    #leader .mountainBg {
        background-position: center calc(100% - 4vw)
    }
}

@media screen and (min-width:2200px) {
    #leader .mountainBg {
        background-position: center calc(100% - 10vw)
    }
}

@media screen and (max-width:1300px) {
    #leaderBoardContainer {
        right: 0;
        left: auto
    }

    #leaderBoardContainer:not(.isInGame) {
        margin: -470px 0 0 0;
        float: none
    }
}

@media screen and (max-width:1365px) {
    #leader .tournamentContainer .rightContainer .tournamentImgs #trnmt-mobile {
        display: none
    }

    #leader .tournamentContainer .rightContainer .tournamentImgs #trnmt-desktop {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    #leader .tournamentContainer .rightContainer {
        width: 100%;
        max-width: 100%;
        float: none;
        top: 70px;
        height: 328px
    }

    #leaderBoardContainer {
        width: 100%;
        float: none;
        margin: auto
    }

    #leaderBoardContainer:not(.isInGame) {
        margin: -470px auto 0 auto;
        float: none
    }

    #leader .tournamentContainer .rightContainer .tournamentImgs {
        padding-top: 2%
    }

    #leader .tournamentContainer .rightContainer .tournamentImgs #trnmt-mobile {
        display: inline-block
    }

    #leaderBoardContainer .navigation {
        margin-top: 2%
    }

    #leaderBoardContainer .leaderboard {
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-bottom-left-radius: 8px;
        border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-bottom-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-box-shadow: 0px 12px 24px -18px #000000;
        -moz-box-shadow: 0px 12px 24px -18px #000000;
        box-shadow: 0px 12px 24px -18px #000000
    }

    #leader .tournamentContainer .rightContainer .tournamentImgs img {
        height: auto
    }

    #leaderBoardContainer:not(.isInGame) {
        left: 0;
        right: 0;
        top: auto;
        position: relative;
        transform: translate(0, 0);
        margin-top: -120px
    }

    #leaderBoardContainer .leaderboard .header .dates {
        font-size: 14px
    }
}

@media screen and (max-width:950px) {
    #leader .tournamentContainer .rightContainer .tournamentImgs #trnmt-desktop {
        max-height: 260px;
        max-width: 440px
    }

    #leaderBoardContainer:not(.isInGame) {
        margin-top: -110px
    }

    #leader .tournamentContainer .rightContainer #prizePoolTxt {
        margin-top: -5px
    }
}

@media screen and (max-height:880px) {
    #leaderBoardContainer.isInGame {
        transform: translate(0, 0) !important;
        top: 0 !important;
        margin: auto;
        width: 100%;
        left: 0 !important;
        right: 0
    }
}

@media screen and (max-width:750px) {
    #leader .tournamentContainer .rightContainer #prizePoolTxt span:first-child {
        font-size: 25px
    }

    #leader .tournamentContainer .rightContainer #prizePoolTxt span {
        font-size: 30px
    }
}

@media screen and (max-width:650px) {
    #leaderBoardContainer .leaderboard .header .dates .lineTr {
        display: block
    }

    #leaderBoardContainer .leaderboard .header .dates .ended {
        position: relative;
        right: auto;
        width: auto;
        padding: 0 0 0 36px
    }
}

@media screen and (max-width:631px) {
    #leader .mountainBg .content {
        background: transparent
    }

    #leaderBoardContainer.optInWindow>div .flexContainer:not(.optInOptions) {
        flex-direction: column-reverse;
        padding: 0 0 0 0
    }

    #leaderBoardContainer.optInWindow .noThanks {
        width: 100%;
        margin: 20px 0 0 0
    }
}

@media screen and (max-width:500px) {
    #leader #tournamentBg .onezyBg {
        background-position: left 60% bottom 20%;
        background-size: 90%
    }

    #leader .tournamentContainer .rightContainer #prizePoolTxt {
        margin-top: 20px
    }
}

@media screen and (max-width:450px) {
    #leader .tournamentContainer .rightContainer #prizePoolTxt span:first-child {
        font-size: 21px
    }

    #leader .tournamentContainer .rightContainer #prizePoolTxt span {
        font-size: 26px
    }
}

.bannerContainer {
    width: 100%;
    max-width: 1300px;
    margin: auto
}

.bannerContainer .banner {
    width: 49.5%;
    display: inline-block;
    height: min(30vw, 185px);
    position: relative;
    margin-right: 0.3%
}

.bannerContainer .banner.daily .background {
    background: url('/img/website/pages/tournament/dailyJackpotBg.png') no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%
}

.bannerContainer .banner.weekly .background {
    background: url('/img/website/pages/tournament/weeklyJackpotBg.png') no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%
}

.bannerContainer .banner .centerContainer {
    margin: auto;
    text-align: center;
    width: 100%;
    padding-top: 8%;
    float: left
}

.bannerContainer .banner .centerContainer div:nth-child(1) {
    font-size: min(4vw, 40px);
    font-weight: 600;
    color: #5fff90;
    text-shadow: 1px 1px 2px #26092e;
    line-height: min(4vw, 40px)
}

.bannerContainer .banner .centerContainer div:nth-child(2) {
    font-size: min(2.8vw, 20px);
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 2px #26092e;
    line-height: min(2.8vw, 20px)
}

.bannerContainer .banner .centerContainer div:nth-child(3) {
    color: #ffff66;
    font-size: min(3.5vw, 35px);
    font-weight: 600;
    text-shadow: 1px 1px 2px #26092e
}

.bannerContainer .banner .centerContainer div:nth-child(4) {
    font-size: 10px;
    color: #fff;
    line-height: 20px
}

.bannerContainer .banner .rightContainer {
    float: right;
    position: absolute;
    right: 2%;
    top: 33%;
    text-align: center;
    color: #fff
}

.bannerContainer .banner .rightContainer .title {
    font-size: min(2vw, 11px);
    padding: min(0.3vw, 10px) 0
}

.bannerContainer .banner .rightContainer .countdownContainer {
    max-width: 180px;
    margin: auto
}

.bannerContainer .banner .rightContainer .countdownContainer>div {
    display: inline-block
}

.bannerContainer .banner .rightContainer .countdownContainer>div>div {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: min(1vw, 10px);
    font-size: 30px;
    font-weight: 800;
    line-height: 50px;
    color: #000
}

.bannerContainer .banner .rightContainer .countdownContainer>div>span {
    font-size: min(1.2vw, 11px);
    line-height: min(2.2vw, 26px)
}

@media screen and (min-width:1100px) and (max-width:1270px) {
    .bannerContainer .banner .centerContainer div:nth-child(1) {
        font-size: min(3vw, 40px);
        line-height: min(3vw, 40px)
    }

    .bannerContainer .banner .centerContainer div:nth-child(2) {
        font-size: min(2.8vw, 20px);
        line-height: min(2.8vw, 20px)
    }

    .bannerContainer .banner .centerContainer div:nth-child(3) {
        font-size: min(2.5vw, 35px)
    }

    .bannerContainer .banner .rightContainer {
        top: 4.3vw
    }
}

@media screen and (max-width:1100px) {
    .bannerContainer .banner {
        width: 100%;
        display: block;
        margin: auto;
        max-width: 660px
    }

    .bannerContainer .banner .centerContainer div:nth-child(1) {
        line-height: min(4vw, 40px)
    }

    .bannerContainer .banner .centerContainer div:nth-child(2),
    .bannerContainer .banner .centerContainer div:nth-child(3),
    .bannerContainer .banner .centerContainer div:nth-child(4) {
        line-height: normal
    }
}

@media screen and (max-width:750px) {
    .bannerContainer .banner .centerContainer div:nth-child(1) {
        line-height: normal
    }
}

@media screen and (max-width:900px) {
    .bannerContainer .banner .rightContainer .countdownContainer {
        max-width: 100%
    }

    .bannerContainer .banner .rightContainer .countdownContainer>div {
        position: relative
    }

    .bannerContainer .banner .rightContainer .countdownContainer>div>span {
        line-height: min(1.6vw, 26px);
        left: 23%
    }
}

@media screen and (max-width:600px) {
    #leaderBoardContainer .leaderboard .header h1 {
        font-size: 20px
    }

    #leaderBoardContainer .leaderboard .header .tournamentEnded span {
        font-size: 18px
    }

    .bannerContainer .banner .rightContainer .countdownContainer>div>div {
        width: min(5.5vw, 50px);
        height: min(5.5vw, 50px);
        font-size: min(3.6vw, 30px);
        line-height: min(5.2vw, 50px)
    }

    .bannerContainer .banner .rightContainer .countdownContainer>div>span {
        line-height: min(2.6vw, 26px);
        font-size: min(1.8vw, 12px);
        left: 20%
    }

    .bannerContainer .banner .rightContainer {
        top: 10vw
    }
}

@media screen and (max-width:500px) {
    #leader .tournamentContainer .rightContainer .tournamentImgs #trnmt-desktop {
        max-width: 320px
    }
}

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

    #leaderBoardContainer .leaderboard .header h1,
    #leaderBoardContainer .leaderboard .header .tournamentEnded span {
        font-size: 18px
    }

    #leaderBoardContainer .leaderboard .header .tournamentEnded span {
        font-size: 16px
    }
}

@media screen and (max-width:350px) {
    .bannerContainer .banner .centerContainer div:nth-child(1) {
        font-size: 14px
    }

    .bannerContainer .banner .centerContainer div:nth-child(2) {
        font-size: 10px
    }

    .bannerContainer .banner .centerContainer div:nth-child(3) {
        font-size: 13px
    }

    .bannerContainer .banner,
    .bannerContainer .banner .background {
        min-height: 100px;
        min-width: 350px
    }

    .bannerContainer .banner .rightContainer {
        top: 30%
    }

    #leaderBoardContainer.optInWindow .flexContainer.optInOptions {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes fade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

#leader {
    position: relative;
    font-size: 1vw
}

#leader a>div,
#leader>div {
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    max-height: 550px;
    overflow: hidden;
    margin: auto
}

#leader a>div:not(#signupStepContainer):nth-child(2),
#leader>div:not(#signupStepContainer):nth-child(2) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 100%);
    background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 100%);
    background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
}

#leaderCanvas {
    position: relative;
    width: 100%;
    top: -1px;
    padding-top: 40%
}

#leader a>div>div>div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#leader a>div>div>div>div {
    max-width: 1600px;
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    max-height: 600px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#leader .textContainer.loggedOut,
#leader .textContainer.loggedIn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    color: #ffffff;
    text-align: right;
    font-size: 1vw
}

#leader .textContainer.loggedOut>div div,
#leader .textContainer.loggedIn>div div {
    font-size: calc(8px + 1.1em)
}

#leader .textContainer.loggedOut .text .colorTitle,
#leader .textContainer.loggedIn .text .colorTitle {
    font-size: calc(1.1em + 15px);
    margin: 0 0 5%;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px rgba(64, 64, 64, 0.4)
}

#leader .textContainer.loggedOut .text .boldText,
#leader .textContainer.loggedIn .text .boldText {
    font-size: calc(0.8em + 15px);
    font-weight: 900;
    background: #000;
    padding: 8px 16px;
    transform: skew(0deg, -2deg);
    display: table;
    margin: auto
}

#leader .textContainer.loggedOut .text .normalText1,
#leader .textContainer.loggedIn .text .normalText1 {
    margin: 0 0 4.5%;
    color: #000;
    background: #5fff90;
    padding: 6px 12px;
    transform: skew(0deg, -2deg)
}

#leader .textContainer.loggedOut .text .normalText2,
#leader .textContainer.loggedIn .text .normalText2 {
    font-weight: 200;
    margin: 0 0 10%;
    text-shadow: 1px 1px rgba(64, 64, 64, 0.4)
}

#leader .textContainer.loggedOut .text .normalText2 {
    margin: 0 0 1%
}

#leader .newLeader .textContainer.loggedOut .text .normalText2 {
    margin: 0 0 3%
}

#leader .textContainer.loggedOut .text.dk .normalText2 span,
#leader .textContainer.loggedIn .text.dk .normalText2 span {
    font-size: 16px;
    text-decoration: underline;
    text-shadow: 0px 0px
}

#leader .textContainer.loggedOut .text.dk .normalText2 span.noLink {
    text-decoration: unset
}

#leader .textContainer.loggedOut .text,
#leader .textContainer.loggedIn .text {
    position: relative;
    top: min(7.5vw, 100px);
    text-align: center
}

#leader .textContainer.loggedOut .text.dk .normalText1,
#leader .textContainer.loggedIn .text.dk .normalText1 {
    margin: 0% auto
}

#leader .textContainer.loggedOut .text.dk .normalText2,
#leader .textContainer.loggedIn .text.dk .normalText2 {
    margin: 2% 0 4%
}

#leader .textContainer.loggedOut .text .normalText1,
#leader .textContainer.loggedIn .text .normalText1 {
    margin: -5px auto 6.5%;
    display: table;
    font-weight: 600
}

#leader .newLeader .textContainer.loggedOut .text .normalText1,
#leader .newLeader .textContainer.loggedIn .text .normalText1 {
    margin: -5px auto 5.5%;
    display: table;
    font-weight: 600
}

#leader .textContainer .text div.orangeBtn {
    line-height: normal;
    height: 2.3em;
    background-color: #fd7333;
    text-align: center;
    margin: auto;
    color: #ffffff;
    border-radius: 30px;
    cursor: pointer;
    font-size: calc(11px + .5em);
    font-weight: 500;
    display: table;
    padding: 0px 10%;
    background-image: linear-gradient(to right, #ff5e00, #ff3200)
}

#leader .textContainer .text div.orangeBtn span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#leader .textContainer.loggedOut .text .winnerTerms {
    font-size: 13px !important;
    color: #fff;
    text-decoration: underline
}

#leader .textContainer.loggedOut .text.dk .noLink {
    font-size: 13px !important;
    color: #fff
}

@media screen and (max-width:631px) {
    #leader .textContainer.loggedOut .text .winnerTerms {
        font-size: 11px !important
    }

    #leader .textContainer.loggedOut .text.dk .noLink {
        font-size: 10px !important
    }
}

#leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
    background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 89%);
    background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 89%);
    background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
}

#leader .trustPilotLeaderReviewBar {
    bottom: 0;
    display: block
}

#leader .textContainer .text.trustPilot.dk {
    top: max(1vw, 40px)
}

#leader .textContainer .text.trustPilot.dk .normalText2 span {
    font-size: min(3vw, 16px)
}

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

    #leader .textContainer.loggedOut>div>div,
    #leader .textContainer.loggedIn>div>div {
        font-size: inherit
    }

    #leader .textContainer.loggedOut,
    #leader .textContainer.loggedIn {
        font-size: 26px
    }

    #leader .textContainer.loggedIn .text .colorTitle {
        font-size: 35px
    }

    #leader .textContainer.loggedOut .text .colorTitle {
        font-size: 32px
    }

    #leader .textContainer.loggedOut .text .boldText,
    #leader .textContainer.loggedIn .text .boldText {
        font-size: 28px
    }

    #leader .textContainer.loggedOut .text .normalText1,
    #leader .textContainer.loggedIn .text .normalText1 {
        font-size: 22px
    }

    #leader .textContainer .text div.orangeBtn {
        height: 54px;
        font-size: 19px
    }

    #leader .textContainer.loggedOut .text.dk .normalText1,
    #leader .textContainer.loggedIn .text.dk .normalText1 {
        font-size: 26px
    }
}

@media screen and (min-width:1450px) {
    #leader .textContainer .text.trustPilot.dk {
        top: max(1vw, 70px)
    }
}

@media screen and (min-width:1400px) {
    #leader .spotBg {
        left: 6%
    }
}

@media screen and (min-width:1190px) {
    #signupStepContainer .number span {
        font-size: min(3vw, 34px);
        top: 68%
    }
}

@media screen and (max-width:1400px) {
    #signupStepContainer {
        height: 110px
    }
}

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

    #leader .textContainer.loggedOut .text .normalText2,
    #leader .textContainer.loggedIn .text .normalText2 {
        margin: 0 0 6%
    }

    #leader .textContainer.loggedOut .text .normalText2 {
        margin: 0 0 1%
    }
}

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

    #leader .trustPilot.dk .licenseContainer .stopSpillet,
    #leader .trustPilot.dk .licenseContainer .spilleMyndigheden {
        height: 40px
    }
}

@media screen and (max-width:1190px) {
    #leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 63%, #181a1d 71%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 63%, #181a1d 71%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 63%, #181a1d 71%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }
}

@media screen and (max-width:1140px) {
    #leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 70%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 70%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }
}

@media screen and (max-width:950px) {
    #leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 90%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 90%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 90%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }

    #leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 79%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 79%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 79%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }

    #leader .textContainer.loggedOut .text,
    #leader .textContainer.loggedIn .text {
        position: relative;
        top: 100px
    }

    #leader .textContainer .text.trustPilot.dk {
        top: 70px
    }

    #leader .textContainer.loggedOut .text .colorTitle {
        margin: 0 0 2%
    }

    #leader .textContainer.loggedIn .text .colorTitle {
        margin: 0 0 4%
    }

    #leader .textContainer.loggedOut .text .normalText2 {
        margin: 0 0 1%
    }

    #leader .textContainer.loggedIn .text .normalText2 {
        margin: 0 0 3%
    }

    #leader a>div,
    #leader>div {
        height: 400px
    }

    #leader a>div.tournamentLeaderContainer,
    #leader>div.tournamentLeaderContainer {
        height: 500px
    }

    #leaderCanvas {
        height: 100%;
        padding-top: 0
    }
}

@media screen and (max-width:900px) {
    #leader .textContainer .text {
        top: min(27vw, 240px)
    }
}

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

    #leader .textContainer.loggedOut .text div:nth-child(1) img,
    #leader .textContainer.loggedIn .text div:nth-child(1) img {
        max-width: min(14vw, 130px)
    }

    #leader .textContainer .text {
        top: min(32vw, 240px)
    }
}

@media screen and (max-width:631px) {
    #leader .textContainer .text {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    #leader .textContainer .text div.orangeBtn {
        height: 2.5em;
        padding: 0 10%
    }

    #leader .textContainer.loggedOut .text div:nth-child(1) img,
    #leader .textContainer.loggedIn .text div:nth-child(1) img {
        max-width: 15vw
    }

    #leader .textContainer.loggedOut .text div:nth-child(1) img:nth-child(1),
    #leader .textContainer.loggedOut .text div:nth-child(1) img:nth-child(2) {
        margin: 0 16px 0 0
    }

    #leader .textContainer.loggedOut .text div:nth-child(1) img:nth-child(3) {
        margin: 0
    }

    #leader a.newLeader>div {
        height: 510px
    }

    #leader .newLeader #leaderCanvas .onezyBg .textContainer {
        top: 12%
    }

    #leader .newLeader .textContainer.loggedOut .leaderLogo {
        background: url("/img/charactersSmall.png") center no-repeat;
        background-size: contain;
        width: 100%;
        height: 200px;
        position: absolute
    }

    #leader .newLeader .textContainer.loggedOut .text {
        top: 230px
    }

    #leader .newLeader .textContainer.loggedOut .text .normalText1 {
        margin: -5px auto 2.5%
    }

    #leader .newLeader .textContainer.loggedOut .text .boldText {
        font-size: 20px
    }

    #leader .newLeader .textContainer.loggedOut .text .normalText1 {
        font-size: 14px
    }

    #leader .textContainer.loggedOut .text,
    #leader .textContainer.loggedIn .text {
        top: 120px
    }

    #leader .textContainer.loggedOut .text.dk {
        top: max(23.4vw, 100px)
    }

    #leader .textContainer.loggedOut .text .boldText,
    #leader .textContainer.loggedIn .text .boldText {
        max-width: 90%;
        font-size: 4.5vw
    }

    #leader .textContainer.loggedOut .text .normalText1,
    #leader .textContainer.loggedIn .text .normalText1 {
        max-width: 80%;
        font-size: 3.4vw
    }

    #leader .textContainer.loggedOut .text.dk .normalText1,
    #leader .textContainer.loggedIn .text.dk .normalText1 {
        margin: -5px auto 0
    }

    #leader .textContainer.loggedOut .text .normalText1 {
        margin: -5px auto 2.5%
    }

    #leader .textContainer.loggedIn .text .normalText1 {
        margin: -5px auto 3.5%
    }

    #leader .textContainer.loggedIn .text .normalText2 {
        font-size: 3.7vw
    }

    #leader .textContainer.loggedOut .text.dk .boldText {
        font-size: 4vw
    }

    #leader .textContainer.loggedOut .text.dk .normalText1 {
        font-size: 4.4vw
    }

    #leader #leaderCanvas .onezyBg .textContainer {
        text-align: center;
        margin: auto;
        left: 0;
        right: 0;
        top: 15%
    }

    #leader #leaderCanvas .onezyBg .textContainer .text div.orangeBtn {
        float: none;
        margin: auto
    }
}

@media screen and (max-width:600px) {
    #leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 76%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 76%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 76%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }
}

@media screen and (max-width:500px) {
    #leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 76%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 76%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 67%, #181a1d 76%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }

    #leader a.onezyRegister>div:not(#signupStepContainer):nth-child(2) {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 74%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 74%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 60%, #181a1d 74%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }

    #leader .textContainer.loggedOut .text .colorTitle,
    #leader .textContainer.loggedIn .text .colorTitle {
        margin: 0 0 4%
    }

    #leader a>div,
    #leader>div {
        height: auto;
        margin: auto;
        max-width: 500px
    }

    #leader a.newLeader>div {
        height: auto
    }

    #leader a.newLeader #leaderCanvas {
        padding-top: 450px
    }

    #leaderCanvas {
        position: relative;
        width: 100%;
        padding-top: 340px
    }
}

@media screen and (max-width:390px) {
    #leaderCanvas {
        padding-top: 310px
    }
}

#menuBar {
    padding: 0;
    margin: 0;
    font-style: normal;
    height: 70px;
    background-color: #0e1013;
    font-size: 14px;
    overflow: hidden;
    display: flex;
    outline: 0;
    align-items: center
}

.sideMenu,
#menuBar {
    font-family: Roboto, Arial, sans-serif;
    font-style: normal;
    font-size: 16px
}

#menuBar #one-logo {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    width: 190px;
    height: auto;
    margin: auto
}

#menuBar #one-logo .logoSmall {
    display: none
}

#menuBar .rightEle {
    display: flex;
    position: absolute;
    right: 0;
    align-items: center
}

#menuBarInGame {
    position: absolute;
    z-index: 1000;
    width: 100%
}

#menuBarInGame #menuBar {
    height: 70px
}

.menu-icon {
    padding: 0 20px;
    cursor: pointer
}

#depositIconTop:hover {
    opacity: 1
}

.menu-icon:hover {
    opacity: 1
}

#menu-icon-gift {
    width: 22px;
    height: 25px;
    background-image: url("/img/present.svg");
    background-size: 22px 25px;
    margin: 18px 0 0 13px;
    display: none
}

#menu-icon-search {
    float: right;
    display: flex;
    align-items: center;
    padding: 0 12px 0 13px
}

#menu-icon-chat {
    float: right;
    display: flex;
    align-items: center;
    padding: 0 15px 0 12px
}

#menu-icon-search.dontShow {
    display: none
}

#menu-icon-personal {
    margin-right: 15px;
    float: right;
    display: flex;
    align-items: center;
    padding: 8px 8px;
    border: 1px solid #fff;
    border-radius: 80px
}

#menu-icon-personal .csNotifications {
    position: absolute;
    margin: -32px 0 0 20px;
    width: 18px;
    height: 18px;
    background-color: #ff5e5e;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
    display: none
}

#menu-icon-personal .csNotifications.show {
    display: inline-block
}

#closeVerifyPopupBtn,
#closeMissingOutPopupBtn {
    display: block;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 16px
}

.menuByFour>div {
    position: relative;
    float: left;
    width: 25%;
    overflow: visible;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    text-align: center;
    background-color: #f8f8f8;
    font-weight: 500;
    color: #000000;
    box-sizing: border-box;
    border: 1px solid #ffffff
}

.menuByFour>div:hover {
    background-color: #f5f5f5
}

.menuByFour>div.active {
    background-color: #e9e9e9
}

.menuByFour>div:before {
    content: "";
    display: block;
    padding-top: 75%
}

.menuByFour>div:before {
    padding-top: 34%
}

.menuByFour>div>div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-overflow: ellipsis
}

.menuByFour>div>div>div {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 11%
}

#textContainer>div.menuItem {
    display: none
}

#textContainer>div.open {
    display: block
}

@media screen and (max-width:630px) {
    .menuByFour>div {
        width: 50% !important
    }
}

#menu-icon-gift .notifiRound {
    color: #000000;
    margin: -6px 0 0 14px
}

#menuBar .loginBtn {
    min-width: 130px;
    width: auto;
    font-size: 14px;
    line-height: 24px;
    float: right;
    margin: 0 20px 0 10px
}

#menu-balance,
#menu-username {
    display: block;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px;
    padding: 27px 0 0 0;
    color: #7f7f7f;
    margin: 0 28px 0 0;
    text-decoration: none;
    font-size: 15px
}

#menu-balance span.sign {
    font-weight: normal
}

#depositIconTop {
    display: block;
    float: right;
    margin: 0 10px 0 0
}

#depositIconTop.noBalance {
    margin: 0
}

#menu-username {
    margin: 0 8px 0 0;
    text-overflow: ellipsis;
    max-width: 70px;
    color: #fff;
    font-weight: 300
}

.menu-balance-container {
    float: right;
    height: 45px;
    background-color: #232323;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    margin: 0 10px 0 15px;
    padding: 0 20px;
    border-radius: 40px
}

#menu-balance {
    color: #ffffff;
    padding: 0 19px 0 8px;
    margin: 0
}

.menu-balance-container.dontShow {
    display: none !important
}

.termsNotificationVisible {
    position: relative
}

#gamesCategoriesMenu {
    color: #ffffff
}

#gamesCategoriesMenu.validationPage {
    display: none
}

#gamesCategoriesMenu a {
    display: block;
    float: left;
    position: relative;
    margin: 0 20px;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px
}

#gamesCategoriesMenu a.menuTopEntry-search {
    display: none
}

#gamesCategoriesMenu a.menuTopEntry-livechat {
    display: none
}

#gamesCategoriesMenu a.menuTopEntry-register {
    display: none
}

#gamesCategoriesMenu a.active span {
    color: #5fff90
}

#gamesCategoriesMenu svg {
    display: none
}

.menuContainer {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11
}

@media screen and (min-width:951px) {
    #gamesCategoriesMenu {
        top: 0;
        left: 59px
    }

    #menuBar {
        top: 0;
        z-index: 11;
        width: 100%
    }

    #gamesCategoriesMenu {
        position: fixed;
        z-index: 11
    }
}

@media screen and (min-width:720px) and (max-height:950px) {
    #menuBarWindow.noBalance {
        overflow: auto;
        height: 100vh !important;
        min-height: 100vh
    }
}

@media screen and (max-width:1350px) {
    #gamesCategoriesMenu a.menuTopEntry-news {
        display: none
    }
}

@media screen and (max-width:1060px) {
    #gamesCategoriesMenu a:nth-child(1) {
        margin: 0 15px 0 5px
    }

    #gamesCategoriesMenu a {
        margin: 0 15px 0 15px
    }
}

@media screen and (max-width:1020px) {
    #gamesCategoriesMenu a {
        margin: 0 10px 0 10px
    }
}

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

    #menu-icon-search,
    #menu-username,
    #menu-icon-chat {
        display: none
    }

    #menuBar {
        z-index: 10;
        top: 0;
        width: 100%;
        height: max(10vw, 60px);
        background: #000000;
        border-top: 75px solid #181a1d;
        margin-top: -75px;
        transform: translate3d(0, 0, 0);
        transition: transform 0.6s ease, background 0.5s ease-out
    }

    .menu-icon {
        height: 19px;
        padding: 0 max(2.2vw, 10px)
    }

    .menu-icon img {
        width: max(3vw, 20px)
    }

    #menuBar .loginBtn {
        min-width: max(24vw, 85px);
        line-height: max(5.4vw, 28px);
        font-size: max(2vw, 12px);
        margin: 0 max(3vw, 9px) 0 10px;
        padding: max(1vw, 1px)
    }

    #menuBar #one-logo {
        display: flex;
        left: max(11vw, 35px);
        margin: 0
    }

    #menuBar #one-logo img {
        width: max(26vw, 110px)
    }

    #menuBar.onHomepage:not(.scrollBelowLeader),
    #menuBar.menuBarInGame {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%)
    }

    #menuBar.gameInfoOpen {
        display: none
    }

    #menuBar.scrollDown {
        transition: transform 0.6s ease, background 0.5s ease-out, height 0.1s ease 1s;
        height: 0;
        transform: translate3d(0, min(-10vw, max(-30vw, -60px)), 0)
    }

    .termsNotificationVisible #menuBar.scrollDown {
        transform: translate3d(0, -255px, 0)
    }

    .menu-balance-container {
        background-color: transparent;
        height: max(30px, 4vw);
        margin-left: 0;
        border: 1px solid #fff
    }

    .menu-balance-container a img {
        width: 17px
    }

    .menu-balance-container #menu-balance {
        padding: 0 10px;
        font-weight: 600
    }

    #menu-icon-personal {
        padding: max(6px, 1vw) max(6px, 0.65vw)
    }

    #menuBar .registerBtn {
        position: absolute;
        left: 60px;
        right: auto;
        float: none
    }

    #gamesCategoriesMenu {
        background: #6543a3;
        position: fixed;
        bottom: 0;
        height: max(8vw, 60px);
        width: 100%;
        display: flex;
        justify-content: space-around;
        color: #ffffff;
        z-index: 11;
        box-shadow: 0 16px 34px #191a1e
    }

    #gamesCategoriesMenu:not([data-items="5"]) {
        padding: 0 5%;
        box-sizing: border-box
    }

    #gamesCategoriesMenu.inGame {
        display: none
    }

    #gamesCategoriesMenu .menuTopEntry {
        margin: auto;
        line-height: normal;
        float: none;
        display: inline-flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-evenly;
        flex: 1;
        align-items: center;
        padding: 0 0 3px
    }

    #gamesCategoriesMenu .menuTopEntry .img {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px
    }

    #gamesCategoriesMenu .menuTopEntry .img svg {
        display: block;
        width: max(4vw, 22px);
        height: max(4vw, 22px)
    }

    #gamesCategoriesMenu .menuTopEntry-register .img {
        width: max(8vw, 60px);
        height: max(8vw, 60px);
        border-radius: 100%;
        background-color: #fd7333;
        background-image: linear-gradient(to bottom, #ff5e00, #ff3200);
        position: absolute;
        bottom: max(3.8vw, 28px)
    }

    #gamesCategoriesMenu.isIos {
        height: max(8vw, 70px)
    }

    #gamesCategoriesMenu.isIos .menuTopEntry-register .img {
        bottom: max(3.8vw, 38px)
    }

    #gamesCategoriesMenu .menuTopEntry-register span {
        position: relative;
        bottom: min(-2.6vw, -19px)
    }

    body[data-language="es"] #gamesCategoriesMenu .menuTopEntry-promotions span {
        font-size: 0
    }

    body[data-language="es"] #gamesCategoriesMenu .menuTopEntry-promotions span:before {
        content: "Promos";
        font-size: max(2vw, 11px)
    }

    #gamesCategoriesMenu .menuTopEntry .line {
        display: none
    }

    #gamesCategoriesMenu a {
        font-size: max(2vw, 11px)
    }

    #gamesCategoriesMenu a span {
        margin-top: -10px
    }

    #gamesCategoriesMenu a.menuTopEntry-livechat {
        display: inline-flex
    }

    #gamesCategoriesMenu a.menuTopEntry-register {
        display: inline-flex
    }

    #gamesCategoriesMenu a:nth-child(1) {
        margin: auto
    }

    #gamesCategoriesMenu:not([data-items="5"]) a:nth-child(n+5) {
        display: none
    }

    #gamesCategoriesMenu a.active span {
        color: #5fff90
    }

    #gamesCategoriesMenu a svg {
        fill: #ffffff
    }

    #gamesCategoriesMenu a.active svg {
        fill: #5fff90
    }

    #menuBarInGame #gamesCategoriesMenu {
        display: none
    }
}

@media screen and (max-width:850px) {
    #depositIconTop {
        margin-right: 5px
    }

    #depositIconTop.noBalance {
        margin: 0
    }
}

@media screen and (max-width:500px) {
    .menu-balance-container #menu-balance {
        font-size: 14px;
        padding: 0 2px
    }
}

@media screen and (max-width:470px) {
    #menu-username {
        display: none
    }
}

@media screen and (max-width:370px) {
    .menu-balance-container {
        padding: 0 12px
    }
}

@media screen and (min-width:951px) {
    #gamesCategoriesMenu a {
        text-transform: uppercase
    }

    #gamesCategoriesMenu a::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 1px;
        bottom: 16px;
        left: 0;
        background-color: #fff;
        transform-origin: bottom left;
        transition: transform 0.25s ease-out
    }

    #gamesCategoriesMenu a:not(.active):hover::after {
        transform: scaleX(1);
        transform-origin: bottom left
    }
}

header .slideContainer .slides .slide {
    background: url('/img/background.jpg') center no-repeat;
    background-size: cover
}

header .slideContainer .slides .slide .container {
    background: transparent
}

header,
header .slideContainer,
header .slideContainer .slides,
header .slideContainer .slides .slide,
header .slideContainer .slides .slide .container {
    width: 100%;
    height: 100%
}

header {
    height: 495px
}

header .slideContainer {
    overflow: hidden;
    position: relative
}

header .slideContainer .slides {
    display: flex
}

header .slideContainer .slides .slide {
    flex: 0 0 auto;
    height: auto;
    min-width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

header .slideContainer .slides .slide .container {
    max-width: 1260px;
    margin: auto;
    background: transparent;
    display: flex;
    position: relative;
    color: #fff;
    z-index: 1
}

header .slideContainer .slides .slide .container>div:first-child {
    padding-left: 8px;
    position: absolute;
    z-index: 1;
    bottom: 5%
}

header .slideContainer .slides .slide .container .slogan {
    display: inline-block
}

header .slideContainer .slides .slide .container .slogan div {
    background: #000;
    display: table;
    transform: skew(0deg, -2deg);
    padding: 0.14em 0.52em;
    font-weight: 900;
    font-size: calc(1em + 43px);
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin: auto
}

header .slideContainer .slides .slide .container .slogan div:last-child {
    background: #5fff90;
    padding: 0.08em 0.48em;
    margin: -7px auto 5% !important;
    color: #000000;
    font-weight: 900;
    font-size: calc(.8em + 40px)
}

header .slideContainer .slides .slide .container .text span {
    font-size: calc(0.8em + 11px);
    line-height: calc(0.8em + 12px);
    font-weight: 200;
    letter-spacing: 0.04em
}

header .slideContainer .slides .slide .container .text span:first-child {
    font-size: calc(0.8em + 20px);
    line-height: calc(0.8em + 33px);
    font-weight: 500;
    letter-spacing: 0.03em
}

header .slideContainer .slides .slide .container .text ::after {
    content: "\A";
    white-space: pre
}

header .slideContainer .slides .slide .container button {
    min-width: 255px;
    height: 53px;
    margin: 22px 0 0;
    display: block;
    transition: transform 0.25s
}

header .slideContainer .slides .slide .container .logoContainer {
    font-size: calc(0.8em + 3px);
    line-height: calc(0.8em + 20px)
}

header .slideContainer .slides .slide .container .logoContainer span {
    margin: 0 1px 0 21px
}

header .slideContainer .slides .slide .container .logoContainer span:nth-child(2) {
    margin: 0 1px 0 0
}

header .slideContainer .slides .slide .container .logoContainer .icon {
    width: 26px;
    filter: invert(1);
    vertical-align: middle
}

header .slideContainer .slides.active .slide .container>div:first-child {
    white-space: nowrap;
    animation: fadeInFromRight 0.8s ease-out
}

header .slideContainer .slides .slide .characters,
header .slideContainer .slides .slide .characters::after {
    content: '';
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

header .slideContainer .slides .slide .characters .promoSticker {
    width: 172px;
    height: 172px;
    background: #fff;
    position: absolute;
    left: 417px;
    top: 114px;
    border-radius: 100%;
    box-shadow: 0 0 0 10px rgba(187, 184, 184, 0.3);
    box-sizing: border-box;
    font-size: calc(0.8em + 40px);
    line-height: calc(0.8em + 10px);
    font-weight: 800;
    text-align: center;
    display: flex;
    align-items: center
}

header .slideContainer .slides .slide .characters .promoSticker>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

header .slideContainer .slides .slide .characters .promoSticker>div div {
    transform: skew(0deg, -12deg);
    line-height: 50px;
    display: block
}

header .slideContainer .slides .slide .characters .promoSticker>div div:first-child {
    font-size: 75px;
    margin-top: 8px;
    margin-right: 6px
}

header .slideContainer .slides .slide .characters .promoSticker>div div:last-child {
    font-size: 30px
}

@keyframes fadeInFromRight {
    0% {
        opacity: 0;
        transform: translate(50%, 0)
    }

    60% {
        opacity: 0.4
    }

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

header .slideContainer .slide-nav {
    max-width: 1270px;
    margin: auto;
    position: relative
}

header .slideContainer .slide-nav .slide-options {
    width: 84px;
    height: 0;
    position: absolute;
    right: 10px;
    bottom: 12px;
    display: flex;
    overflow: hidden;
    transition: height 0.1s ease-in-out
}

header .slideContainer:hover .slide-nav .slide-options {
    height: 44px
}

header .slideContainer .slide-nav .slide-options>div {
    background: url('/img/nextLeader.svg') no-repeat;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    cursor: pointer;
    z-index: 2
}

header .slideContainer .slide-nav .slide-options .slide-left {
    transform: rotate(180deg);
    margin-right: 12px
}

header .slideContainer .slide-nav .slide-thumb {
    display: flex;
    height: 15px;
    grid-column: 0.33333333333333;
    padding: 0 7px;
    position: relative;
    margin: -22px auto 0
}

header .slideContainer .slide-nav .slide-thumb>div {
    flex: 1;
    display: flex;
    height: 22px;
    overflow: hidden;
    align-items: center;
    cursor: pointer
}

header .slideContainer .slide-nav .slide-thumb>div span {
    flex: 1;
    display: block;
    height: 3px;
    background: #afafaf;
    margin: 3px 3px 3px;
    border-radius: 3px;
    overflow: hidden
}

header .slideContainer .slide-nav .slide-thumb>div.done span:after {
    content: "";
    display: block;
    height: inherit;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px
}

header .slideContainer .slide-nav .slide-thumb>div.active span:after {
    content: "";
    display: block;
    height: inherit;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    transform: translateX(-100%);
    animation: thumb 5s forwards linear
}

header .slideContainer .slide-nav .slide-thumb>div.active.slow span:after {
    animation: thumb 15s forwards linear
}

header .slideContainer .slides .slide .container .headerCountdownContainer,
#info-page .bonusOverview .infoCard .eventIMG #eventCountdown {
    width: 295px;
    height: 140px
}

header .slideContainer .slides .slide .container .headerCountdownContainer .countdown .title,
#info-page .bonusOverview .infoCard .eventIMG #eventCountdown .countdown .title {
    font-weight: 500;
    font-size: calc(0.8em + 10px);
    line-height: calc(0.8em + 12px)
}

header .slideContainer .slides .slide .container .headerCountdownContainer .countdown .timers,
#info-page .bonusOverview .infoCard .eventIMG #eventCountdown .countdown .timers {
    display: flex;
    height: 83px;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

header .slideContainer .slides .slide .container .headerCountdownContainer .countdown .timers>div,
#info-page .bonusOverview .infoCard .eventIMG #eventCountdown .countdown .timers>div {
    width: 22%;
    background: #561aaf;
    border: 2px solid #a26af4;
    border-radius: 10px;
    padding: 12px 0;
    margin-right: 4.5%;
    text-align: center
}

header .slideContainer .slides .slide .container .headerCountdownContainer .countdown .timers>div:last-child,
#info-page .bonusOverview .infoCard .eventIMG #eventCountdown .countdown .timers>div:last-child {
    margin: 0
}

header .slideContainer .slides .slide .container .headerCountdownContainer .countdown .timers>div span:first-child,
#info-page .bonusOverview .infoCard .eventIMG #eventCountdown .countdown .timers>div span:first-child {
    font-size: 35px;
    font-weight: 600
}

header .slideContainer .slides .slide .container .headerCountdownContainer .countdown .timers>div span:last-child,
#info-page .bonusOverview .infoCard .eventIMG #eventCountdown .countdown .timers>div span:last-child {
    color: #feb440;
    text-transform: uppercase
}

@keyframes thumb {
    to {
        transform: initial
    }
}

@media screen and (min-width:951px) {
    header .slideContainer .slides .slide:after {
        content: '';
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent), url("/img/fade.png");
        background-size: 100% 80px, cover;
        background-repeat: no-repeat;
        background-position: bottom;
        position: absolute;
        top: 0
    }

    header .slideContainer .slides .slide .container button:hover {
        transform: translateY(-0.25em)
    }

    header .slideContainer .slides .slide .container>div:first-child {
        transform: translate(0, 50%);
        bottom: 49%
    }

    header .slideContainer .slides .slide .container .bottomLink,
    header .slideContainer .slides .slide .container .logoContainer {
        margin-top: 32px
    }

    @keyframes fadeInFromRight {
        0% {
            opacity: 0;
            transform: translate(50%, 50%)
        }

        60% {
            opacity: 0.4
        }

        100% {
            opacity: 1;
            transform: translate(0, 50%)
        }
    }

    #websiteContent {
        padding-top: 70px
    }
}

@media screen and (min-width:1201px) {
    header .slideContainer .slides .slide .characters {
        transform: translate(50%, 0)
    }
}

@media screen and (max-width:1300px) {
    header .slideContainer .slide-nav {
        margin: auto 1.5%
    }
}

@media screen and (max-width:1300px) and (min-width:951px) {
    header .slideContainer .slides .slide .container {
        margin: auto 20px
    }
}

@media screen and (max-width:1200px) {
    header .slideContainer .slides .slide .characters .promoSticker {
        left: 82%;
        top: auto;
        bottom: 16vw
    }
}

@media screen and (max-width:950px) {
    header {
        max-height: 840px;
        height: max(94vw, 300px)
    }

    header .slideContainer .slides .slide .container>div {
        margin: auto;
        left: 0;
        right: 0;
        text-align: center
    }

    header .slideContainer .slides .slide .container>div:first-child {
        padding-left: 0
    }

    header .slideContainer .slides .slide .container .slogan div {
        font-size: max(7vw, 22px);
        padding: max(0.8vw, 4px) 3vw max(0.8vw, 4px);
        letter-spacing: 0.05em
    }

    header .slideContainer .slides .slide .container .slogan div:last-child {
        font-size: max(6vw, 20px);
        letter-spacing: normal
    }

    header .slideContainer .slides .slide .container .text span,
    header .slideContainer .slides .slide .container .text span:first-child {
        line-height: calc(0.8em + 3px);
        font-size: max(4vw, 12px)
    }

    header .slideContainer .slides .slide .container button {
        margin: max(2.2vw, 8px) auto max(3vw, 14px);
        min-width: max(40vw, 128px);
        height: max(8.45vw, 28px);
        padding: max(1vw, 1px);
        font-size: max(2.5vw, 12px)
    }

    header .slideContainer .slides .slide .container .logoContainer {
        font-size: max(1.4vw, 9px);
        line-height: max(1.4vw, 9px)
    }

    header .slideContainer .slides .slide .container .logoContainer .icon {
        width: 18px
    }

    header .slideContainer .slide-nav .slide-options {
        display: none
    }

    header .slideContainer .slides .slide .characters .promoSticker {
        left: max(72vw, 220px);
        top: max(18vw, 60px);
        bottom: auto;
        width: max(18.5vw, 80px);
        height: max(18.5vw, 80px);
        box-shadow: 0 0 0 6px rgba(187, 184, 184, 0.3)
    }

    header .slideContainer .slides .slide .characters .promoSticker>div div {
        transform: skew(0deg, -12deg);
        line-height: max(5.5vw, 24px);
        display: block
    }

    header .slideContainer .slides .slide .characters .promoSticker>div div:first-child {
        font-size: max(8vw, 30px);
        margin: 5px 3px 0 0
    }

    header .slideContainer .slides .slide .characters .promoSticker>div div:last-child {
        font-size: max(3.1vw, 16px);
        margin: 0 3px 0 0
    }

    header .slideContainer .slides .slide .container .headerCountdownContainer {
        margin: 2% auto 0;
        position: relative;
        zoom: 1
    }

    header .slideContainer .slides .slide .container .text.countdown {
        display: none
    }
}

@media screen and (max-width:500px) {
    header .slideContainer .slides .slide .container .headerCountdownContainer {
        margin-top: 0;
        zoom: 0.6
    }
}

@media screen and (max-width:400px) {
    header .slideContainer .slides .slide .container button {
        margin: 6px auto 12px
    }

    header .slideContainer .slides .slide .characters .promoSticker {
        z-index: 1
    }
}

#homeBar {
    width: 100%;
    height: 180px;
    background: #2d2c59;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

#homeBar.loggedIn {
    position: sticky;
    height: 65px;
    top: 70px;
    z-index: 10
}

#homeBar.loggedOut {
    cursor: pointer
}

#homeBar .container {
    width: 100%;
    max-width: 1348px;
    margin: auto;
    display: flex;
    color: #fff
}

#homeBar .container .step {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

#homeBar .container .step .number {
    height: auto;
    width: auto;
    padding: 15px;
    background: #6543a3;
    border-radius: 32px;
    margin-right: 6%;
    text-align: center;
    font-size: calc(1.1em + 12px);
    font-weight: 600;
    display: flex
}

#homeBar .container .step .number img {
    width: 34px;
    height: 34px
}

#homeBar .container .step .text {
    width: 100%;
    max-width: 260px;
    line-height: 15px
}

#homeBar .container .step .text div:first-child {
    display: table;
    width: auto;
    background: #000;
    margin-bottom: 15px;
    padding: 14px 18px;
    transform: skew(0deg, -2deg);
    font-weight: 600;
    font-size: calc(1.1em + 12px);
    text-transform: uppercase
}

#homeBar .container .step .text div:nth-child(2) {
    display: none
}

#homeBar .container .step .text div:nth-child(2),
#homeBar .container .step .text div:nth-child(3) {
    color: #5fff90;
    font-weight: 200;
    margin-left: 7px;
    font-size: calc(0.8em + 8px);
    line-height: calc(0.8em + 8px)
}

#homeBar .container #filterProviders {
    height: 60px;
    float: right;
    position: relative;
    width: 250px;
    margin: 0 7px 0 7px;
    display: none
}

#homeBar .container #filterProviders.open {
    display: block
}

#homeBar .container #filterProviders>img,
#games-menu img {
    height: 17px;
    width: 17px;
    position: absolute;
    right: 0;
    padding: 22px 0px 22px 0px;
    z-index: 9;
    cursor: pointer;
    transition: all 0.3s ease
}

#homeBar .container #filterProviders>img.open,
#games-menu img.open {
    transform: rotate(180deg)
}

#homeBar .container #filterProviders ul {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 46px 0 0 0;
    position: absolute;
    margin: 0 0 0 0;
    float: left;
    z-index: 10
}

#homeBar .container #filterProviders ul.open {
    height: auto
}

#homeBar .container #filterProviders ul li {
    width: 100%;
    height: 42px;
    padding: 0 20px 0 20px;
    background: #181a1d;
    line-height: 44px;
    font-size: 13px;
    box-sizing: border-box;
    border-bottom: 1px solid #353639
}

#homeBar .container #filterProviders ul li.active {
    border-right: 0;
    position: absolute;
    top: 15px;
    height: 31px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 0 3px
}

#homeBar .container #filterProviders ul li input[type="checkbox"] {
    display: none
}

#homeBar .container #filterProviders ul li input[type="checkbox"]+label {
    width: 100%;
    display: block;
    cursor: pointer
}

#homeBar .container #filterProviders ul li input[type="checkbox"]+label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border: 1px solid #919191;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    vertical-align: sub
}

#homeBar .container #filterProviders ul li input[type="checkbox"]:checked+label span {
    background: #53d78b
}

#homeBar .container #filterProviders #line {
    display: none
}

#homeBar .container #filterProviders ul li .line {
    height: 1px;
    width: 100%;
    background: #27282c
}

#homeBar .container #filterProviders ul li:nth-child(1) .line {
    display: none
}

#homeBar .container #filterProviders ul li.active .line {
    height: 30px;
    width: 1px;
    background-color: #141414;
    position: absolute;
    right: 28px
}

#homeBar .container #filterProviders ul .line {
    height: 0;
    width: 0
}

#homeBar .container #filterProviders li {
    display: block;
    float: left;
    color: #9d9d9d;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

#homeBar .container #filterProviders li:hover {
    color: #ffffff
}

#homeBar .container #filterProviders li.active {
    color: #53d78b
}

#homeBar .container #gamesMenu #games-menu-list {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none
}

#homeBar .container #gamesMenu #games-menu-list::-webkit-scrollbar {
    display: none
}

#homeBar .container #gamesMenu,
#homeBar .container #gamesMenu #games-menu-list {
    width: 100%;
    max-width: 1348px;
    margin: 0 auto 0 auto;
    position: relative;
    padding: 0;
    display: flex;
    align-items: center
}

#homeBar .container #gamesMenu #games-menu-list>div {
    padding: 0 28px;
    height: 45px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    white-space: nowrap
}

#homeBar .container #gamesMenu #games-menu-list>div.active {
    background-color: #6543a3;
    color: #5fff90;
    border-radius: 30px;
    cursor: default
}

#homeBar .container #gamesMenu #games-menu-list>div.active svg {
    fill: #5fff90
}

#homeBar .container #gamesMenu #games-menu-list>div one-icon,
#homeBar .container #gamesMenu #games-menu-list>div svg {
    width: 26px;
    height: 30px;
    margin-right: 10px;
    fill: #ffffff
}

#homeBar .container #gamesMenu #games-menu-list>div:hover {
    color: #5fff90
}

#homeBar .container #gamesMenu #games-menu-list>div:hover svg {
    fill: #5fff90
}

.searchContainer {
    width: auto;
    max-width: 425px;
    opacity: 0.01;
    overflow: hidden;
    position: relative
}

.searchContainer.open,
.searchContainer.alwaysOpens {
    display: block;
    opacity: 1;
    height: 42px
}

#gamesContainerMain .liveSearchContainer,
#gamesContainerMain .liveSearchContainer.open,
#gamesContainerMain .liveSearchContainer.alwaysOpens,
#gamesContainerMain .gameSearchContainer,
#gamesContainerMain .gameSearchContainer.open,
#gamesContainerMain .gameSearchContainer.alwaysOpens {
    display: none
}

.searchContainer .searchInputs {
    background-color: #1f1f3e;
    background-image: url('/img/search20.svg');
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 16px center;
    width: 100%;
    height: 42px;
    padding: 0 0 0 55px;
    outline: none;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    margin: auto;
    color: #ffffff
}

.liveSearchContainer,
.gameSearchContainer {
    overflow: initial
}

.liveSearchContainer .searchInputs,
.gameSearchContainer .searchInputs {
    width: 300px;
    height: 36px
}

.searchContainer .searchInputs::placeholder {
    color: #ffffff;
    font-size: 16px
}

@media screen and (max-width:1380px) {
    #homeBar .container {
        margin: auto 20px
    }
}

@media screen and (max-width:1100px) {
    #homeBar .container .step .number img {
        width: max(20px, 3vw);
        height: max(20px, 3vw)
    }

    #homeBar .container .step .text div:first-child {
        font-size: calc(1.1em + 7px)
    }

    #homeBar .container .step .text div:last-child {
        font-size: calc(0.8em + 5px)
    }

    .searchContainer:not(.liveSearchContainer, .gameSearchContainer, .loggedOut) {
        position: absolute;
        top: 60px;
        right: 0;
        background-color: #000000;
        border-radius: 30px;
        max-width: 100%;
        width: 350px;
        transition: opacity 0.6s ease, height 0.6s ease, visibility 0.6s ease, margin 0.6s ease
    }

    .searchContainer.open:not(.liveSearchContainer, .gameSearchContainer) {
        margin: 15px auto 0;
        z-index: 2
    }

    .searchContainer:not(.liveSearchContainer, .gameSearchContainer) .searchInputs {
        background-color: #000000;
        width: 89%;
        padding-left: 66px
    }

    .searchContainer:not(.liveSearchContainer, .gameSearchContainer) .searchInputs::placeholder {
        color: #ffffff;
        font-size: 16px
    }

    #homeBar.loggedIn {
        margin-bottom: 70px
    }

    .searchContainer:not(.open, .alwaysOpens) {
        opacity: 0;
        height: 0;
        visibility: hidden;
        margin: auto
    }

    #homeBar.loggedIn.scrollBelowLeader .container #searchContainer {
        opacity: 0;
        height: 0;
        visibility: hidden
    }

    .searchContainer.onLivePage,
    .searchContainer.onGamePage.hidden {
        display: none
    }

    #gamesContainerMain .liveSearchContainer,
    #gamesContainerMain .liveSearchContainer.open,
    #gamesContainerMain .liveSearchContainer.alwaysOpens,
    #gamesContainerMain .gameSearchContainer,
    #gamesContainerMain .gameSearchContainer.open,
    #gamesContainerMain .gameSearchContainer.alwaysOpens {
        display: block
    }
}

@media screen and (max-width:1000px) {
    #homeBar .container .step {
        flex-flow: column wrap
    }

    #homeBar .container .step .number {
        margin: 0 0 3%;
        padding: 5%
    }

    #homeBar .container .step .text div:first-child {
        margin: auto;
        font-size: max(13px, 2.2vw);
        padding: 5% 8%
    }

    #homeBar .container .step .text div:nth-child(2),
    #homeBar .container .step .text div:nth-child(3) {
        text-align: center;
        margin-top: 7%
    }

    #homeBar .container .step .text div:nth-child(2) {
        font-size: max(3vw, 13px)
    }
}

@media screen and (max-width:950px) {
    #homeBar .container #gamesMenu #games-menu-list>div:first-child {
        margin-left: 2%
    }

    #homeBar.loggedIn {
        top: 0;
        transform: translate3d(0, 0, 0);
        transition: top 0.6s ease, transform 0.6s ease, background 0.5s ease-out
    }

    #homeBar.loggedIn.scrollBelowLeader {
        transform: translate3d(0, max(9.99vw, 59px), 0);
        z-index: 10
    }

    #homeBar.loggedIn.scrollDown {
        transform: translate3d(0, 0, 0)
    }

    #homeBar.loggedIn.scrollBelowLeader.scrollDown {
        transform: translate3d(0, 0, 0)
    }
}

@media screen and (max-width:850px) {
    .searchContainer:not(.liveSearchContainer, .gameSearchContainer) {
        max-width: 96%;
        width: 100%
    }

    .searchContainer:not(.liveSearchContainer, .gameSearchContainer).open {
        margin: 15px 2% 0
    }
}

@media screen and (max-width:650px) {
    #homeBar {
        height: max(86px, 27vw)
    }

    #homeBar .container .step .number img {
        width: max(3.5vw, 14px);
        height: max(3.5vw, 14px)
    }

    #homeBar .container .step .text div:first-child {
        font-size: max(3vw, 13px);
        width: max(24.5vw, 100px);
        height: max(6vw, 30px);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0
    }

    #homeBar .container .step .number {
        margin: 0 0 5%
    }

    #homeBar .container .step .text div:nth-child(2) {
        display: block;
        font-weight: 500
    }

    #homeBar .container .step .text div:nth-child(3) {
        display: none
    }

    #homeBar .container {
        margin: auto
    }

    #homeBar.liveCasino {
        top: max(94vw, 300px)
    }

    #homeBar .searchContainer {
        position: absolute;
        top: max(60px, 10vw);
        right: auto
    }

    #liveCasinoContainer {
        padding-top: 0
    }
}

@media screen and (max-width:600px) {
    #homeBar.loggedIn {
        height: max(15vw, 80px);
        margin-bottom: 70px
    }

    #homeBar .container #gamesMenu #games-menu-list>div {
        flex-wrap: wrap;
        justify-content: center;
        height: max(4vw, 50px);
        width: auto;
        padding: max(1.6vw, 10px) 0;
        font-size: max(2vw, 11px);
        line-height: 22px;
        white-space: nowrap;
        flex-direction: column;
        flex: 1 0 auto
    }

    #homeBar .container #gamesMenu #games-menu-list>div.active {
        border-radius: 20px
    }

    #homeBar .container #gamesMenu #games-menu-list>div svg,
    #homeBar .container #gamesMenu #games-menu-list>div one-icon {
        width: max(4.6vw, 24px);
        height: max(4.6vw, 24px);
        margin: 0
    }

    #homeBar .container #gamesMenu #games-menu-list>div {
        min-width: 21.5%
    }

    #homeBar .searchContainer {
        top: max(79px, 14vw) !important
    }
}

@media screen and (max-width:500px) {
    #homeBar {
        height: 120px
    }
}

:root {
    --vw: 1vw
}

#gamesHolder.hide {
    display: none
}

.categoryHolder,
#similarGamesSlider {
    overflow: hidden;
    max-width: 1466px;
    position: relative;
    margin: 0 auto 15px auto;
    user-select: none
}

.categoryHolder {
    overflow: visible
}

#similarGamesSlider {
    max-width: 970px;
    margin: 80px 20px 0 20px
}

#gamesHolder .categoryHolder.defaultHolder {
    max-width: 1370px;
    margin: 0 auto 0 auto;
    position: relative
}

#gamesHolder .returnToMainCasino,
#liveCasinoContainer .returnToMainCasino {
    max-width: 1350px;
    margin: 0 auto 0 auto
}

#liveCasinoContainer .returnToMainCasino {
    margin: -58px auto 10px auto
}

#gamesContainer .backBtnMenu,
#liveCasinoContainer .backBtnMenu {
    background-image: url("/img/arrowLeftWhite.svg");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center;
    width: 36px;
    height: 36px;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    background-color: #000000;
    border-radius: 18px
}

#gamesHolder .returnToMainCasino .gameTitle,
#liveCasinoContainer .returnToMainCasino .gameTitle {
    padding: 6px 0 0 0
}

#gamesHolder .categoryHolder>div>div.gameTitle {
    margin: 0 8px 15px
}

#gamesHolder .categoryHolder.slider.holderSubId0 .gameTitle {
    margin: 0 8px 10px
}

#gameNameNonMultiple a {
    display: flex !important;
    align-items: center;
    text-decoration: none
}

#gameNameNonMultiple {
    position: absolute;
    left: 0;
    display: flex !important;
    align-items: center;
    margin: 0 !important
}

.gameFilters:not(.active) #gameNameNonMultiple {
    display: none !important
}

#gameNameNonMultiple div.gameTitle h1,
#gamesHolder .returnToMainCasino .gameTitle span,
#liveCasinoContainer .returnToMainCasino .gameTitle span,
#gamesHolder .categoryHolder>div>div.gameTitle span {
    color: #ffffff;
    font-size: calc(0.8em + 9px);
    vertical-align: top;
    text-wrap: nowrap
}

#gameNameNonMultiple div.gameTitle h1 {
    margin: 0 0 0 8px;
    font-weight: 400
}

#gamesHolder .categoryHolder>div>div.gameTitle a {
    color: #a86dfd;
    font-size: 16px;
    padding-left: 10px;
    text-decoration: none;
    opacity: 1;
    position: relative;
    overflow: hidden;
    width: auto;
    height: 30px;
    display: inline-block
}

#gamesHolder .categoryHolder>div>div.gameTitle a div {
    text-align: left;
    position: relative;
    top: 4px;
    width: auto;
    right: 0;
    transition: right 0.2s ease-in-out
}

#gamesHolder .categoryHolder>div>div.gameTitle a .exploreAllArrow {
    width: 12px;
    height: 11px;
    padding-left: 8px
}

#gamesHolder.defaultHolder>div {
    margin: 0 8px
}

.fadeInUpStart {
    opacity: 0.01 !important
}

.fadeInUp {
    opacity: 1 !important;
    transition: opacity 0.2s
}

.fadeInUpThumb {
    opacity: 1 !important;
    transition: opacity 0.4s
}

.categoryHolder.slider.active .games {
    cursor: grabbing
}

.categoryHolder.slider .games,
.gameInfoSlider .gameInfoSlider-ul {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none
}

.gameInfoSlider .gameInfoSlider-ul {
    padding-bottom: 10px
}

.categoryHolder.slider .games::-webkit-scrollbar,
.gameInfoSlider .gameInfoSlider-ul::-webkit-scrollbar {
    display: none
}

.categoryHolder.slider .gamesInner {
    clear: both;
    margin: 0;
    padding: 0 0 1px 0;
    transform: translate3d(0, 0, 0);
    display: block;
    white-space: nowrap;
    font-size: 0
}

.categoryHolder.slider .games {
    cursor: pointer;
    padding-top: 5px
}

.categoryHolder.slider .games.active,
.categoryHolder.slider .games.active .game .gradient,
.categoryHolder.slider .games.active .game a,
.categoryHolder.slider .games.active .game img {
    cursor: grabbing
}

.game:hover .thumbJackpot,
#searchGamesContainer .game:hover .thumbJackpot {
    opacity: 0.01;
    transition: opacity 0.3s
}

#gamesContainer .game .gradient .gameContent,
#searchGamesContainer .game .gradient .gameContent {
    bottom: -10px;
    transition: bottom 0.2s ease-in-out
}

#gamesContainer .game .gradient .gamePlayBtn,
#searchGamesContainer .game .gradient .gamePlayBtn {
    width: 50px;
    height: 50px;
    background: url('/img/gamePlayBtn.svg') no-repeat;
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    margin: auto;
    transition: top 0.2s ease-in-out
}

#gamesContainer .categoryHolder.sliderRectangleLarge .game:hover .gradient .gamePlayBtn,
#searchGamesContainer .categoryHolder.sliderRectangleLarge .game:hover .gradient .gamePlayBtn {
    top: 42%
}

#gamesContainer .game .gradient span,
#searchGamesContainer .game .gradient span {
    line-height: 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    bottom: 25px;
    left: 15px;
    right: 45px;
    position: absolute;
    margin: 0
}

#gamesContainer .game .gradient span:nth-child(3),
#searchGamesContainer .game .gradient span:nth-child(3) {
    color: #c5baba;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
    bottom: 8px;
    left: 15px;
    position: absolute;
    margin: 0
}

#gamesContainer .sliderRectangleLarge .game .gradient span,
#gamesContainer .sliderRectangleLarge .game .gradient span:nth-child(3) {
    left: 10px
}

.game:hover .thumbJackpot {
    z-index: 12;
    transform: translateX(0%) translateY(-30%) scale(1.1);
    transition: transform 0.3s ease-in-out
}

.game .gradient .gameInfo {
    position: absolute;
    right: 20px;
    bottom: 9px;
    display: block;
    padding: 1px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .categoryHolder.sliderRound .game .gameImage img {
        width: 141%;
        height: 141%;
        margin: -22% -25%
    }
}

.categoryHolder.slider .gamesInner .game {
    width: 11.60%;
    display: inline-block;
    float: none
}

.categoryHolder.slider.double .gamesInner .game:nth-child(odd) {
    clear: both
}

.categoryHolder.slider.double .gamesInner .game:nth-child(even) {
    clear: both
}

.categoryHolder.sliderRectangleLarge .gamesInner .game {
    width: 13.42%
}

.categoryHolder.slider .gamesInner .game {
    margin-right: 0.6%
}

.categoryHolder.sliderRound .gamesInner .game {
    width: 12.5%;
    overflow: hidden;
    height: min(14.5vw, 200px)
}

.categoryHolder.sliderRound .game .gameImage img {
    width: 150%;
    height: 126%;
    margin: -22% -25%
}

.categoryHolder.sliderSquare .gamesInner .game,
.categoryHolder.doubleSliderSquare .gamesInner .gameColumn {
    width: 19.2%
}

.categoryHolder.sliderLiveGames .gamesInner .game {
    width: 24.25%
}

.categoryHolder.sliderRound .gamesInner .game:after {
    padding-top: 100%;
    display: block
}

.categoryHolder.sliderRectangle .gamesInner .game:after {
    padding-top: 143%;
    display: block;
    content: ''
}

.categoryHolder.sliderRectangle .gamesInner .game:after {
    padding-top: 143%;
    display: block;
    content: ''
}

.categoryHolder.sliderRectangleLarge .gamesInner .game:after {
    padding-top: 171%;
    display: block;
    content: ''
}

.categoryHolder.sliderRectangleLarge.sliderLiveCasino .gamesInner .game:after {
    padding-top: 149%
}

.categoryHolder.sliderGameProviders .gamesInner .game:after {
    padding-top: 40.1%;
    display: block;
    content: ''
}

.categoryHolder.sliderGameProviders .gamesInner .game .gameImage {
    background-color: #2d2c59
}

.noGamesFound {
    color: #a8a8a8;
    text-align: center;
    font-size: 16px;
    display: block
}

.game .gradient .gameContent {
    width: 100%;
    bottom: -10px;
    padding: 0 4px;
    display: block;
    position: absolute;
    text-decoration: none;
    box-sizing: border-box
}

.game .thumbLive,
.game .thumbSubType {
    background-image: url(/img/thumbLive.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 100% 100%;
    width: 25%;
    max-width: 55px;
    height: 25px;
    top: 8px;
    margin-right: 10px;
    position: absolute;
    z-index: 1;
    right: 0;
    transform: translateX(0) translateY(0) scale(1);
    transition: transform 0.3s ease-in-out
}

.game .thumbLive.nlThumb {
    background-image: url(/img/thumbLiveHolland.svg);
    max-width: 66px;
    height: 24px;
    width: 29%
}

.sliderRound .game .thumbLive.nlThumb {
    margin-right: 0
}

.game .thumbJackpot {
    width: 100%;
    position: absolute;
    height: 32px;
    bottom: 4%;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    z-index: 1;
    cursor: pointer;
    white-space: nowrap
}

.game .thumbSubType.dropsandwins {
    background-image: url(/img/dropandwin.png);
    background-size: contain;
    width: 17%;
    padding-bottom: 22%;
    height: auto;
    right: auto;
    left: 3%;
    margin-right: 0
}

.sliderRound .game .thumbSubType.dropsandwins,
.sliderRectangleLarge .game .thumbSubType.dropsandwins,
.sliderRectangle .game .thumbSubType.dropsandwins {
    width: 25%;
    padding-bottom: 26%
}

.game .thumbJackpot .thumbJackpotName {
    font-size: 12px
}

.game .thumbJackpot {
    height: 32px;
    bottom: 4%
}

.game .thumbJackpot div {
    display: inline-block;
    margin: 0 auto
}

.game .thumbJackpot>div div {
    height: 32px;
    line-height: 32px
}

.game .thumbJackpot>div div a {
    text-decoration: none
}

.game .thumbJackpot div div:nth-child(1) {
    background-image: url("/img/left.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 17px;
    float: left
}

.game .thumbJackpot div div:nth-child(2) {
    background-image: url("/img/center.png");
    background-repeat: repeat-x;
    background-size: contain;
    font-size: min(2.6vw, 14px);
    color: #ffffff;
    font-weight: 800;
    float: left
}

.game .thumbJackpot div div:nth-child(3) {
    background-image: url("/img/jackpotThumb/right.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    float: left
}

.game .gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 47px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.sliderSquare.holderSubId27 .game .gradient {
    top: 57px
}

.sliderSquare.holderSubId27 .game .thumbJackpot {
    bottom: 1%
}

#gamesContainer .game,
#searchGamesContainer .game {
    overflow: hidden
}

#gamesContainer .game .gradient,
#searchGamesContainer .game .gradient {
    opacity: 0.01;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    z-index: 9
}

#gamesContainer .categoryHolder.sliderGameProviders .game .gradient {
    background-color: transparent
}

.game .gameImage {
    height: 100%;
    width: 100%
}

.game .gameImage a img {
    transition: transform 0.2s ease-in-out
}

.game .gameImage .gameInfo img {
    max-width: 25px;
    max-height: 25px
}

.game .gradient h2 {
    line-height: 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    bottom: 25px;
    left: 20px;
    right: 45px;
    position: absolute;
    margin: 0
}

#gamesContainer .game .gradient span {
    color: #d6d6d6;
    font-size: 16px;
    display: inline-block;
    line-height: 22px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

#gamesContainer .game .gradient span:nth-child(3) {
    font-size: 14px
}

#gamesContainer {
    margin: 30px 0 30px 0;
    position: relative;
    clear: both;
    min-height: 1000px
}

#gamesContainer.disabled .game {
    opacity: 0.3
}

#gamesContainer.disabled .game.enabled {
    opacity: 1
}

.playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -55px;
    margin-top: -55px;
    display: block
}

.game {
    float: left;
    width: 20%;
    box-sizing: border-box;
    position: relative
}

.game:after {
    padding-top: 74.1071428%;
    display: block;
    content: ''
}

.game>.gameImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.game .gameImage img,
.game .gameImage video {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.game .gameImage video {
    width: auto;
    left: 50%;
    transform: translate(-50%)
}

.categoryHolder:not(.defaultHolder) .game .gameImage img,
#gamesHolder .game img,
.gamesHolder .game img {
    border-radius: 5px
}

.categoryHolder:not(.defaultHolder):not(.sliderRound) .game,
#liveTables .game,
#searchGamesContainer .game {
    box-sizing: border-box;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 17px 12px -10px #070809
}

.categoryHolder.defaultHolder .game,
#searchGamesContainer .game {
    border-left: 2px solid rgba(0, 0, 0, 0);
    border-top: 2px solid rgba(0, 0, 0, 0);
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-radius: 7px
}

.categoryHolder.defaultHolder .game {
    border-bottom: 3px solid rgba(0, 0, 0, 0)
}

.categoryHolder.doubleSliderSquare .gamesInner .gameColumn {
    display: inline-block;
    margin-right: 0.6%
}

.categoryHolder.doubleSliderSquare .gamesInner .gameColumn .game {
    width: 100% !important;
    display: block;
    margin: 0 0 10px !important
}

.searchContainer.loggedOut {
    height: 0;
    width: auto;
    max-width: 390px;
    opacity: 0.01;
    overflow: hidden
}

.searchContainer.loggedOut.open,
.searchContainer.loggedOut.alwaysOpens {
    background-color: #000000;
    display: block;
    opacity: 1;
    height: 42px;
    margin: 30px auto;
    border-radius: 30px
}

.searchContainer.loggedOut #searchInput {
    background-color: #000000;
    background-image: url('/img/search20.svg');
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 30px center;
    width: 80%;
    height: 42px;
    outline: none;
    border: none;
    font-size: 16px;
    margin: auto;
    padding-left: 76px;
    color: #ffffff
}

.searchContainer.loggedOut #searchInput::placeholder {
    color: #ffffff;
    font-size: 16px
}

.searchContainer.loggedOut .cancelSearch,
.searchContainer:not(.loggedOut).cancelActive .cancelSearch {
    background-image: url('/img/closeWhite.svg');
    background-repeat: no-repeat;
    background-size: 14px;
    text-align: right;
    height: 20px;
    padding-left: 10px;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    float: right;
    width: 23px;
    margin-top: 13px
}

.searchContainer:not(.loggedOut) .cancelSearch {
    position: absolute;
    top: 0;
    right: 0
}

.categoryHolder.sliderGameProviders .game.active:not(.big) {
    outline: 2px solid #5fff90;
    outline-offset: 3px
}

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

    #gamesHolder .categoryHolder .arrowLeft,
    #gamesHolder .categoryHolder .arrowRight {
        width: min(3.2vw, 50px);
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        z-index: 1;
        background-color: #181a1d;
        text-align: center;
        transition: background-color .2s ease-in-out
    }

    #gamesHolder .categoryHolder .arrowRight {
        right: 0
    }

    #gamesHolder .categoryHolder .games.dragged .arrowLeft,
    #gamesHolder .categoryHolder:hover .arrowLeft {
        background-color: rgba(24, 26, 29, 0.5)
    }

    #gamesHolder .categoryHolder .games.dragged .arrowRight,
    #gamesHolder .categoryHolder:hover .arrowRight {
        background-color: rgba(24, 26, 29, 0.5)
    }

    #gamesHolder .categoryHolder .arrowLeft i,
    #gamesHolder .categoryHolder .arrowRight i {
        display: block;
        width: 25px;
        height: 53px;
        background: url('/img/sliderScrollArrow.svg') no-repeat;
        margin: 24px 14px 0 0;
        opacity: 0
    }

    #gamesHolder .categoryHolder .arrowRight i {
        margin: 24px 0 0 14px
    }

    #gamesHolder .categoryHolder .arrowLeft i {
        transform: rotate(180deg)
    }

    #gamesHolder .categoryHolder:hover .arrowLeft i,
    #gamesHolder .categoryHolder:hover .arrowRight i {
        opacity: 1;
        transition: opacity 0.3s ease-in-out
    }

    #gamesHolder .categoryHolder.sliderRectangleLarge .arrowLeft i,
    #gamesHolder .categoryHolder.sliderRectangleLarge .arrowRight i {
        margin: 12px 14px 0 0
    }

    .categoryHolder.slider .gamesInner .game:first-child,
    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn:first-child {
        margin-left: min(3vw, 50px)
    }

    .categoryHolder.slider .gamesInner .game:last-child,
    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn:last-child {
        margin-right: min(3vw, 50px)
    }

    #gamesHolder .categoryHolder:not(.defaultHolder)>div>div.gameTitle {
        margin: 15px 50px
    }

    #gamesHolder .categoryHolder.slider.holderSubId0 .gameTitle {
        margin: 0 50px 10px
    }

    .categoryHolder.slider .gamesInner .game {
        width: 11.60%;
        display: inline-block;
        float: none
    }

    .categoryHolder.sliderRectangleLarge .gamesInner .game {
        width: 12.8%
    }

    .categoryHolder.sliderRectangleLarge.sliderLiveCasino .gamesInner .game {
        width: 15.03%
    }

    .categoryHolder.sliderRectangle .gamesInner .game {
        width: 11.13%
    }

    .categoryHolder.sliderRound .gamesInner .game {
        width: 11.71%
    }

    .categoryHolder.sliderSquare .gamesInner .game,
    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn {
        width: 18.165%
    }

    .categoryHolder.sliderGameProviders .gamesInner .game {
        width: 15.05%
    }

    #gamesHolder .categoryHolder:hover>div>div.gameTitle a i {
        right: 88px
    }
}

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

    .categoryHolder:not(.defaultHolder):not(#bonusBar),
    #similarGamesSlider {
        max-width: 1696px
    }

    #gamesHolder .categoryHolder.defaultHolder {
        max-width: 1350px
    }

    .categoryHolder.sliderRound .gamesInner .game {
        width: 9.9%
    }

    #gamesHolder .categoryHolder .arrowLeft,
    #gamesHolder .categoryHolder .arrowRight {
        width: min(10.5vw, 172px)
    }

    .categoryHolder.slider .gamesInner .game:first-child,
    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn:first-child {
        margin-left: min(10.5vw, 180px)
    }

    .categoryHolder.slider .gamesInner .game:last-child,
    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn:last-child {
        margin-right: min(10.5vw, 180px)
    }

    #gamesHolder .categoryHolder.slider.holderSubId0 .gameTitle,
    #gamesHolder .categoryHolder:not(.defaultHolder)>div>div.gameTitle {
        margin-left: 180px
    }

    .categoryHolder.sliderSquare .gamesInner .game,
    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn {
        width: 15.3%
    }

    .categoryHolder.sliderRectangle .gamesInner .game {
        width: 10.78%
    }

    .categoryHolder.sliderRectangleLarge .gamesInner .game {
        width: 10.83%
    }

    .categoryHolder.sliderRectangleLarge.sliderLiveCasino .gamesInner .game {
        width: 12.63%
    }

    .categoryHolder.sliderGameProviders .gamesInner .game {
        width: 15.35%
    }

    #gamesHolder .categoryHolder .arrowLeft {
        background-image: linear-gradient(to left, transparent 0%, #181a1d 100%)
    }

    #gamesHolder .categoryHolder .arrowRight {
        background-image: linear-gradient(to right, transparent 0%, #181a1d 100%)
    }

    #gamesHolder .categoryHolder .games.dragged .arrowLeft,
    #gamesHolder .categoryHolder:hover .arrowLeft {
        background-color: transparent
    }

    #gamesHolder .categoryHolder .games.dragged .arrowRight,
    #gamesHolder .categoryHolder:hover .arrowRight {
        background-color: transparent
    }
}

@media screen and (min-width:951px) {
    .categoryHolder:not(.sliderRound):not(.sliderRectangleLarge) .game:not(.big):not(.comingSoon):hover .gradient {
        box-sizing: border-box;
        border-radius: 7px
    }

    .categoryHolder:not(.sliderRound):not(.sliderRectangleLarge):not(.defaultHolder):not(#bonusBar) .game:not(.big):not(.comingSoon):hover {
        outline: 2px solid #5fff90;
        outline-offset: 3px
    }

    .categoryHolder.sliderLiveCasino .game:not(.big):not(.comingSoon):hover {
        outline: 2px solid #5fff90;
        outline-offset: 3px
    }

    .categoryHolder.defaultHolder .game:not(.big):hover .gradient {
        border: 2px solid #5fff90 !important;
        box-shadow: inset 0 0 0 2px #181a1d !important
    }

    .categoryHolder:not(.sliderRound):not(.sliderRectangleLarge) .game:not(.big):not(.comingSoon):hover .gameImage a img,
    #searchGamesContainer .game:not(.big):hover .gameImage a img {
        transform: scale(1.05, 1.05)
    }

    #gamesContainer .game:not(.comingSoon):hover .gradient,
    #searchGamesContainer .game:hover .gradient {
        opacity: 1
    }

    #gamesContainer .game:hover .gradient .gameContent,
    #searchGamesContainer .game:hover .gradient .gameContent {
        bottom: 1%
    }

    #gamesContainer .game:hover .gradient .gamePlayBtn,
    #searchGamesContainer .game:hover .gradient .gamePlayBtn {
        top: 30%
    }

    #gamesHolder .categoryHolder>div>div.gameTitle a div {
        right: 92%;
        text-align: right
    }

    #gamesHolder .categoryHolder:hover>div>div.gameTitle a div {
        text-decoration: underline;
        right: 0
    }
}

@media screen and (max-width:1380px) {
    #gamesHolder .backBtnMenu {
        margin: 0 10px 0 8px
    }
}

@media screen and (max-width:1300px) {
    #liveCasinoContainer .returnToMainCasino {
        margin: 0 2% 0
    }
}

@media screen and (max-width:1100px) {
    #gamesContainer {
        margin: 30px 0 30px 0
    }

    #searchGamesContainer {
        margin-top: 25px
    }
}

@media screen and (max-width:980px) {
    .categoryHolder.sliderRound .gamesInner .game {
        height: auto
    }

    .categoryHolder.sliderRound .game .gameImage img {
        width: 141%;
        height: 141%;
        margin: -20%
    }

    .categoryHolder.sliderRound .gamesInner .game {
        width: 18.5%
    }

    .categoryHolder.sliderRectangleLarge .gamesInner .game,
    .categoryHolder.slider .gamesInner .game {
        width: 18.5%
    }

    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn,
    .categoryHolder.sliderSquare .gamesInner .game {
        width: 23%
    }

    #gamesContainer .defaultHolder .game {
        width: 25%
    }

    .categoryHolder.sliderGameProviders .gamesInner .game {
        width: 23%
    }
}

@media screen and (max-width:950px) {
    #gamesHolder {
        margin: 0 2%
    }

    #gamesContainer .defaultHolder .game {
        width: 33.3%
    }

    #searchGamesContainer .games .gamesInner .game {
        width: 32.9%
    }

    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn,
    .categoryHolder.sliderSquare .gamesInner .game,
    .categoryHolder.sliderGameProviders .gamesInner .game {
        width: 28%
    }

    .categoryHolder.sliderRectangleLarge .gamesInner .game,
    .categoryHolder.sliderRectangle .gamesInner .game {
        width: 22%
    }
}

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

    #gamesHolder:not(.loggedOut) .categoryHolder.holderSubId0,
    #gamesHolder:not(.loggedOut) .categoryHolder.holderSubId27 {
        margin-top: 0
    }
}

@media screen and (max-width:800px) {
    #gamesContainer .game {
        width: 30%
    }

    #gamesContainer .categoryHolder.sliderRectangleLarge .gamesInner .game,
    #gamesContainer .categoryHolder.sliderRectangle .gamesInner .game,
    #gamesContainer .categoryHolder.sliderRound .gamesInner .game {
        width: 23%
    }

    #gamesContainer .defaultHolder .game {
        width: 33.3%
    }

    #gamesHolder .categoryHolder>div {
        margin: 0
    }

    .categoryHolder.slider .gamesInner .game {
        margin: 0.6%
    }

    .categoryHolder,
    #similarGamesSlider {
        padding-bottom: 15px
    }

    #gamesContainer .arrowLeft,
    #gamesContainer .arrowRight,
    .gameInfoSlider .arrowLeft,
    .gameInfoSlider .arrowRight {
        display: none
    }

    .game .gradient h2 {
        font-size: 13px
    }
}

@media screen and (max-width:600px) {
    #gamesHolder .backBtnMenu {
        width: 36px;
        height: 36px
    }

    #gamesHolder .returnToMainCasino .gameTitle {
        padding: 8px 0 0 0
    }

    .game .gradient,
    #gamesContainer.disabled .game .gradient {
        top: 35px
    }

    .sliderSquare.holderSubId27 .game .gradient {
        top: 45px
    }

    #gamesContainer .game .gradient span {
        font-size: 13px;
        line-height: 18px
    }

    #gamesContainer .game .gradient span:nth-child(3) {
        font-size: 11px
    }

    #gamesContainer .game .gradient span,
    #searchGamesContainer .game .gradient span,
    #gamesContainer .game .gradient span:nth-child(3),
    #searchGamesContainer .game .gradient span:nth-child(3) {
        left: 6px
    }

    #gamesHolder .returnToMainCasino div.gameTitle span,
    #gameNameNonMultiple div.gameTitle h1,
    #gamesHolder .categoryHolder>div>div.gameTitle span {
        font-size: 15px
    }

    #gamesHolder .categoryHolder>div>div.gameTitle a {
        width: 120px;
        font-size: 14px;
        margin-top: -3px
    }

    #gamesHolder .categoryHolder>div>div.gameTitle a i {
        right: 20%;
        width: 120px
    }

    #gamesHolder .categoryHolder.slider.holderSubId0 .gameTitle,
    #gamesHolder .categoryHolder>div>div.gameTitle {
        margin: 0 8px 0
    }

    #gamesHolder .categoryHolder.sliderGameProviders>div>div.gameTitle {
        margin: 0 8px 8px
    }

    .categoryHolder,
    #similarGamesSlider {
        padding-bottom: 5px
    }
}

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

    #gamesContainer .categoryHolder.sliderSquare .gamesInner .game,
    #gamesContainer .categoryHolder.doubleSliderSquare .gamesInner .gameColumn {
        width: 45%
    }

    #gamesContainer .categoryHolder.sliderRectangleLarge .gamesInner .game,
    #gamesContainer .categoryHolder.sliderRectangle .gamesInner .game,
    #gamesContainer .categoryHolder.sliderRound .gamesInner .game {
        width: 29%
    }

    #gamesContainer .defaultHolder .game {
        width: 50%
    }

    #gamesContainer .categoryHolder.sliderGameProviders .gamesInner .game {
        width: 45%
    }

    .categoryHolder.slider .gamesInner .game {
        margin: 1%
    }
}

@media screen and (max-width:500px) {
    .game .thumbJackpot>div div {
        height: 24px;
        line-height: 24px
    }

    .game .thumbJackpot div div:nth-child(1),
    .game .thumbJackpot div div:nth-child(3) {
        width: 13px
    }

    #gamesContainer {
        margin: 20px 0 30px 0
    }

    #searchGamesContainer .games .gamesInner .game,
    #gamesContainer .defaultHolder .game {
        width: 49.5%
    }
}

@media screen and (max-width:450px) {
    .game .thumbJackpot {
        bottom: -3%
    }
}

@media screen and (max-width:1100px) {
    #gameNameNonMultiple:not(.loggedOut) {
        display: none !important
    }

    #gameNameNonMultiple.loggedOut {
        position: static
    }

    #gamesContainerMain .gameFilters,
    #gamesContainerMain .gameFilters.active {
        justify-content: left
    }

    #homeBar.loggedIn.liveHomeBar,
    #homeBar.loggedIn.gameHomeBar {
        margin-bottom: 0
    }

    #gamesContainer .gameFilters .searchContainer.alwaysOpens {
        transition: width 0.2s ease-in;
        z-index: 2;
        position: relative;
        max-width: 100%;
        background-color: #181a1d;
        margin: 0
    }

    #gamesContainer .gameFilters .searchContainer .searchInputs {
        background-color: #000000;
        background-size: 22px;
        background-position: 7px center;
        color: #ffffff;
        height: 36px;
        width: 36px;
        transition: padding 0.2s ease-in, width 0.2s ease-in;
        padding: 0 0 0 36px
    }

    #gamesContainer .gameFilters .searchContainer input.searchInputs:focus,
    #gamesContainer .gameFilters .searchContainer.cancelActive input.searchInputs {
        width: calc(var(--vw, 1vw) * 96);
        outline: none;
        transition: padding 0.2s ease-in, width 0.2s ease-in;
        padding-left: 66px
    }

    #gamesContainer .gameFilters .searchContainer input.searchInputs:focus {
        width: calc(var(--vw, 1vw) * 96)
    }

    #gamesContainer .gameFilters .searchContainer:not(.loggedOut).cancelActive .cancelSearch {
        margin-top: 11px;
        right: 20px
    }

    #gamesContainerMain .gameFilters {
        width: auto !important
    }

    #gamesContainerMain #liveCasinoContainer .gameFilters:not(.active) {
        float: right;
        margin: -10px 2% 10px
    }

    #gamesContainerMain .gameFilters:not(.active) {
        margin: -10px 2% 10px
    }

    #gamesContainerMain .gameFilters:not(.active) div:not(.liveSearchContainer) input,
    #gamesContainerMain .gameFilters:not(.active) div:not(.liveSearchContainer) .cancelSearch {
        display: none
    }

    #gamesContainerMain .gameFilters:has(.searchContainer input.searchInputs:focus),
    #gamesContainerMain .gameFilters:has(.searchContainer.cancelActive input.searchInputs) {
        overflow: hidden
    }

    #gamesContainerMain div:not(.liveSearchContainer) .gameFilters,
    #gamesContainerMain .gameFilters.active {
        margin: 0 2% 22px
    }
}

.promotionHome {
    position: relative;
    width: 100%;
    height: 31.25vw;
    max-height: 500px;
    margin: 40px auto;
    display: block;
    text-decoration: none
}

.promotionHome .promotionBG {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100vw;
    height: 100%
}

.promotionHome .inner {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1190px
}

.promotionHome .inner .featured {
    color: #ffffff;
    text-shadow: 0 0 4px black;
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    top: -18%
}

.promotionHome .inner .content {
    display: flex;
    gap: 3%
}

.promotionHome .inner .content video {
    width: auto;
    height: 19.25vw;
    max-height: 308px;
    border-radius: 5px
}

.promotionHome .inner .content>div {
    position: relative
}

.promotionHome .inner .content div p {
    color: #ffffff;
    font-size: 20px;
    text-shadow: 0 0 8px #131313;
    margin: 0;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.promotionHome .inner .content div .playNowProvider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5%
}

.promotionHome .inner .content div .playNowBtn {
    line-height: normal;
    height: 1.3em;
    background-color: #fd7333;
    text-align: center;
    color: #ffffff;
    border-radius: 30px;
    cursor: pointer;
    font-size: calc(11px + .5em);
    font-weight: 500;
    padding: 12px 60px;
    background-image: linear-gradient(to right, #ff5e00, #ff3200);
    display: inline-block;
    transition: transform 0.25s
}

.promotionHome .inner .content div .playNowBtn:hover {
    transform: translateY(-0.25em)
}

@media screen and (max-width:1600px) {
    .promotionHome .inner .featured {
        font-size: 1.4vw
    }

    .promotionHome .inner .content video {
        height: 19.25vw
    }

    .promotionHome .inner .content div p {
        font-size: 1.25vw
    }

    .promotionHome .inner .content div .playNowBtn {
        font-size: 1.08vw;
        padding: .75vw 3.7vw
    }
}

@media screen and (max-width:1100px) {
    .promotionHome .inner {
        width: 90%
    }

    .promotionHome .inner .featured {
        font-size: 1.9vw;
        top: -22%
    }

    .promotionHome .inner .content div p {
        font-size: 1.7vw
    }
}

@media screen and (max-width:950px) {
    .promotionHome .promotionBG {
        left: -2%
    }
}

@media screen and (max-width:700px) {
    .promotionHome {
        height: auto;
        max-height: none;
        margin: 0 auto 20px auto
    }

    .promotionHome .promotionBG {
        height: 75vw
    }

    .promotionHome .inner {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin: auto
    }

    .promotionHome .inner .featured {
        position: relative;
        text-align: center;
        font-size: 4.5vw;
        padding: 5%
    }

    .promotionHome .inner .content {
        display: block;
        text-align: center;
        margin: auto
    }

    .promotionHome .inner .content video {
        height: auto;
        width: 100%
    }

    .promotionHome .inner .content div p {
        font-size: min(4vw, 18px)
    }

    .promotionHome .inner .content div .playNowProvider {
        position: static;
        margin: 7% auto 10% auto;
        display: block
    }

    .promotionHome .inner .content div .playNowBtn {
        font-size: min(3.5vw, 18px);
        height: 2.5em;
        padding: 0 10%;
        line-height: 2.5em
    }

    .promotionHome .inner .content div .playNowProvider img {
        display: none
    }
}

#footer {
    z-index: 1;
    position: relative;
    color: #686868;
    background-color: #1d2126;
    font-size: 16px;
    text-align: center
}

#footer a {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

#footer.footerWhite {
    color: #000000;
    background-color: #ffffff
}

#footerContainer {
    color: #000000;
    background-color: #ffffff
}

#footerContainer #footer {
    padding-top: 0;
    background-color: transparent
}

#footerContainer #footerBottom {
    max-width: 1100px;
    margin: auto;
    text-align: center
}

#footerContainer #footerBottom #footerLinks {
    margin: 40px auto 0 auto;
    max-width: 600px;
    width: 100%;
    display: inline-block
}

#footerContainer #footerBottom #footerLinks>div {
    height: 160px;
    vertical-align: top;
    text-align: center;
    float: left;
    width: 33%
}

#footerContainer #footerBottom #footerLinks>div>div {
    display: inline-block;
    text-align: left
}

#footerContainer #footerBottom .footerLinks {
    line-height: 28px
}

#footerContainer #footerBottom .footerLinks a {
    text-decoration: none !important;
    display: block;
    font-size: 16px
}

#footerContainer #footerBottom #footerAwards {
    margin: 0 auto;
    max-width: 490px;
    width: 100%;
    height: 135px;
    text-align: center;
    display: inline-block
}

#footerContainer #footerBottom #footerAwards div {
    display: inline-block;
    vertical-align: top;
    height: 120px;
    width: 30%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 5px 0 5px
}

#footerContainer #footerBottom #footerAwards .award0 {
    background-image: url("/img/bestRS.svg");
    display: none
}

#footerContainer #footerBottom #footerAwards .award1 {
    background-image: url("/img/bestCP.svg")
}

#footerContainer #footerBottom #footerAwards .award2 {
    background-image: url("/img/bestCS.svg")
}

#footerContainer #footerBottom #footerAwards .award3 {
    background-image: url("/img/bestRS.svg")
}

#footerContainer .footerBlue #footerBottom #footerAwards .award0 {
    background-image: url("/img/bestRS.svg")
}

#footerContainer .footerBlue #footerBottom #footerAwards .award1 {
    background-image: url("/img/bestCP.svg")
}

#footerContainer .footerBlue #footerBottom #footerAwards .award2 {
    background-image: url("/img/bestCS.svg")
}

#footerContainer .footerBlue #footerBottom #footerAwards .award3 {
    background-image: url("/img/bestRS.svg")
}

#footerContainer #footerBottom #footerLogoContainer {
    max-width: 550px;
    margin: 20px auto
}

#footerContainer #footerBottom #footerLogoContainer .paymentProviders {
    display: inline-block
}

#footerContainer #footerBottom #footerLogoContainer .paymentProviders div {
    vertical-align: middle;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px 12px
}

#footerContainer #footerBottom #footerLogoContainer .paymentProviders div:last-child {
    margin-right: 0
}

#footerContainer #f-ideal {
    background-image: url("/img/ideal.svg");
    width: 65px;
    height: 58px
}

#footerContainer .footerWhite #f-ideal {
    background-image: url("/img/ideal.svg")
}

#footerContainer #f-mastercard {
    background-image: url("/img/mastercard.svg");
    width: 70px;
    height: 42px
}

#footerContainer .footerWhite #f-mastercard {
    background-image: url("/img/mastercard.svg")
}

#footerContainer #f-visa {
    background-image: url("/img/visa.svg");
    width: 90px;
    height: 28px
}

#footerContainer .footerWhite #f-visa {
    background-image: url("/img/visa.svg")
}

#footerContainer #f-paysafe {
    background-image: url("/img/paysafecard.svg");
    width: 148px;
    height: 25px
}

#footerContainer .footerWhite #f-paysafe {
    background-image: url("/img/paysafecard.svg")
}

#footerContainer #f-skrill {
    background-image: url("/img/skrill.svg");
    width: 75px;
    height: 26px
}

#footerContainer .footerWhite #f-skrill {
    background-image: url("/img/skrill.svg")
}

#footerContainer #f-applepay {
    background-image: url("/img/applepay.svg");
    width: 65px;
    height: 42px
}

#footerContainer .footerWhite #f-applepay {
    background-image: url("/img/applepay.svg")
}

#footerContainer #f-sofort {
    background-image: url("/img/sofort.svg");
    width: 85px;
    height: 32px
}

#footerContainer .footerWhite #f-sofort {
    background-image: url("/img/sofort.svg")
}

#footerContainer #f-directdebit {
    background-image: url("/img/direct-debit.svg");
    width: 65px;
    height: 58px
}

#footerContainer .footerWhite #f-directdebit {
    background-image: url("/img/direct-debit.svg")
}

#footerContainer #f-instadebit {
    width: 65px;
    height: 58px;
    background-image: url("/img/instadebit.svg")
}

#footerContainer .footerWhite #f-instadebit {
    background-image: url("/img/instadebit.svg")
}

#footerContainer #f-mobilepay {
    background-image: url("/img/mobilepay.svg");
    width: 85px;
    height: 28px
}

#footerContainer .footerWhite #f-mobilepay {
    background-image: url("/img/mobilepay.svg")
}

#footerContainer #f-trustly {
    background-image: url("/img/trustly.svg");
    width: 81px;
    height: 25px
}

#footerContainer .footerWhite #f-trustly {
    background-image: url("/img/trustly.svg")
}

#footerContainer #f-interac {
    background-image: url("/img/interac.svg");
    width: 50px;
    height: 50px
}

#footerContainer .footerWhite #f-interac {
    background-image: url("/img/interac.svg")
}

#footerContainer #f-eps {
    background-image: url("/img/eps.svg");
    width: 65px;
    height: 40px
}

#footerContainer .footerWhite #f-eps {
    background-image: url("/img/eps.svg")
}

#footerContainer #f-giropay {
    background-image: url("/img/giropay.svg");
    width: 70px;
    height: 30px
}

#footerContainer .footerWhite #f-giropay {
    background-image: url("/img/giropay.svg")
}

#footerContainer #f-idebit {
    background-image: url("/img/idebit.svg");
    width: 65px;
    height: 28px
}

#footerContainer .footerWhite #f-idebit {
    background-image: url("/img/idebit.svg")
}

#footerContainer #f-muchbetter {
    background-image: url("/img/muchbetter.svg");
    width: 85px;
    height: 20px
}

#footerContainer .footerWhite #f-muchbetter {
    background-image: url("/img/muchbetter.svg")
}

#footerContainer #f-paytrail {
    background-image: url("/img/paytrail.svg");
    width: 50px;
    height: 50px
}

#footerContainer .footerWhite #f-paytrail {
    background-image: url("/img/paytrail.svg")
}

#footerContainer #f-interac {
    background-image: url("/img/interac_fr.svg")
}

#footerContainer .footerWhite #f-interac {
    background-image: url("/img/interac_fr.svg")
}

#footerContainer #f-paypal {
    background-image: url("/img/paypal.svg");
    width: 120px;
    height: 30px
}

#footerContainer .footerWhite #f-paypal {
    background-image: url("/img/paypal.svg")
}

#footerContainer #f-bizum {
    background-image: url("/img/bizum.svg");
    width: 102px;
    height: 30px
}

#footerContainer .footerWhite #f-bizum {
    background-image: url("/img/bizum.svg")
}

#footer .socials {
    display: inline-block;
    margin-top: 40px
}

#footer .socials.right {
    margin-left: 65px;
    margin-top: 0
}

#footer .socials a {
    text-decoration: none
}

#footer .socials a div {
    vertical-align: middle;
    display: inline-block
}

#footer .socials .facebook {
    background-image: url('/img/facebook.svg');
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 25px
}

#footer .socials .youtube {
    background-image: url('/img/youtube.svg');
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 25px
}

#footer .socials .instagram {
    background-image: url('/img/instagram.svg');
    background-size: contain;
    width: 40px;
    height: 40px
}

#footer .socials .twitter {
    background-image: url('/img/xlogo.svg');
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 25px
}

#footer.footerBlue .socials .facebook {
    background-image: url('/img/facebook.svg');
    background-size: contain
}

#footer.footerBlue .socials .youtube {
    background-image: url('/img/youtube.svg');
    background-size: contain
}

#footer.footerBlue .socials .instagram {
    background-image: url('/img/instagram.svg');
    background-size: contain
}

#footer.footerBlue .socials .twitter {
    background-image: url('/img/xlogo.svg');
    background-size: contain
}

#footerContainer #footerBottom #footerGameAware {
    margin: 50px auto;
    text-align: center
}

#footerContainer #footerBottom #footerGameAware .minAge {
    width: 46px;
    vertical-align: middle
}

#footerContainer #footerBottom #footerGameAware .cruks {
    background-image: url('/img/cruks.svg');
    background-size: contain;
    width: 60px;
    height: 13px;
    display: inline-block
}

#footerContainer #footerBottom #footerGameAware a {
    text-decoration: none;
    font-family: Verdana, sans-serif
}

#footerContainer #footerBottom #footerGameAware a span {
    font-size: 16px;
    font-weight: bold
}

#footerContainer .footerBlue #footerBottom #footerGameAware .cruks {
    background-image: url('/img/cruks.svg');
    background-size: contain
}

#footerContainer #footerBottom #footerGameAware #rofus {
    background-image: url("/img/rofus.svg");
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin: -10px 15px 0 15px;
    text-align: right
}

#footerContainer #footerBottom #footerGameAware #stopSpillet {
    background-image: url("/img/stopSpillet.svg");
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin: -10px 15px 0 15px;
    text-align: right
}

#footerContainer #footerBottom #footerGameAware #jugarBien,
#footerContainer #footerBottom #footerGameAware #autoProhibicion {
    background-image: url("/img/jugarbien.svg");
    max-width: 130px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 3px 0 3px;
    width: 100%
}

#footerContainer #footerBottom #footerGameAware #footerPrevention {
    margin-top: 40px
}

#footerContainer #footerBottom #footerGameAware #footerPrevention .text {
    display: inline;
    margin-top: 60px;
    font-weight: 600
}

#footerContainer #footerBottom #footerGameAware #footerPrevention #autoProhibicion {
    background-image: url("/img/autoProhibicion.svg");
    max-width: 80px;
    height: 50px
}

@media screen and (max-width:480px) {
    #footerContainer .footerBlue #footerBottom #footerGameAware #footerPrevention #autoProhibicion {
        display: block;
        margin: 5px auto 0
    }
}

#footerContainer #footerBottom #footerRegulator {
    max-width: 1030px;
    margin: auto
}

#footerContainer #footerBottom #footerRegulator .regulators {
    width: 180px;
    height: 70px;
    display: inline-block;
    vertical-align: middle
}

#footerContainer #footerBottom #footerRegulator #mga {
    background-image: url("/img/mga_n.svg");
    background-size: contain;
    width: 80px;
    height: 38px
}

#footerContainer #footerBottom #footerRegulator #ecogra {
    background-image: url("/img/ecogra.svg");
    background-size: contain;
    width: 106px;
    height: 30px
}

#footerContainer .footerBlue #footerBottom #footerRegulator #ecogra {
    background-image: url("/img/ecogra.svg")
}

#footerContainer #footerBottom #footerRegulator div.ksa {
    background-image: url('/img/ksa.svg');
    background-size: contain;
    width: 180px;
    height: 55px;
    vertical-align: middle;
    display: inline-block
}

#footerContainer .footerBlue #footerBottom #footerRegulator div.ksa {
    background-image: url('/img/ksa.svg');
    background-size: contain
}

#footerContainer #footerBottom #footerRegulator div.ggl {
    background-image: url('/img/ggl.png');
    background-size: contain;
    width: 186px;
    height: 85px;
    vertical-align: middle;
    display: inline-block
}

#footerContainer #footerBottom #footerRegulator #juegoseguro {
    background-image: url("/img/juegoSeguro.svg");
    background-size: contain;
    width: 180px;
    height: 31px;
    vertical-align: middle;
    display: inline-block
}

#footerContainer #footerBottom #footerRegulator a {
    text-decoration: none;
    display: inline-block
}

#footerContainer #footerBottom #footerRegulator div.text {
    vertical-align: middle;
    display: inline-block;
    max-width: 810px;
    padding-left: 30px;
    text-align: left
}

#footerContainer #footerBottom #footerRegulator #footerNemId {
    margin-top: 50px
}

#footerContainer #footerBottom #footerRegulator #footerNemId #nemid,
#footerContainer #footerBottom #footerRegulator #footerNemId #smdh {
    max-width: 75px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 3px 0 3px
}

#footerContainer #footerBottom #footerRegulator #footerNemId #mitid {
    background-image: url("/img/mitidBlue.svg");
    width: 92px;
    height: 26px;
    vertical-align: middle
}

#footerContainer .footerBlue #footerBottom #footerRegulator #footerNemId #nemid {
    background-image: url("/img/nemiD.svg")
}

#footerContainer #footerBottom #footerRegulator #footerNemId #smdh {
    background-image: url("/img/spillemyndigheden.svg");
    width: 70px;
    height: 70px
}

#footerContainer .footerBlue #footerBottom #footerRegulator #footerNemId #smdh {
    background-image: url("/img/spillemyndigheden.svg")
}

#footerContainer #footerBottom #footerCompanyInfo {
    padding: 55px 0 100px 0;
    text-align: center
}

#footerContainer #footerBottom #footerCompanyInfo a {
    text-decoration: none
}

#footerContainer #footerBottom #footerCompanyInfo a:hover {
    text-decoration: underline
}

#footerContainer #footerBottom #footerPartner {
    max-width: 550px;
    margin: 30px auto
}

#footerContainer #footerBottom #footerPartner .text {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin-right: 20px;
    font-weight: 600;
    padding-top: 7px
}

#footerContainer #footerBottom #footerPartner .almereCity {
    background-image: url("/img/almere.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 17px
}

#footerContainer #footerBottom #footerPartner .mvv {
    background-image: url("/img/mvv.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 44px;
    height: 60px;
    display: inline-block;
    margin-right: 18px
}

#footerContainer #footerBottom #footerPartner .volendam {
    background-image: url("/img/volendam.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 12px
}

#footerContainer #footerBottom #footerPartner .vvv {
    background-image: url("/img/vvv.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 53px;
    height: 58px;
    display: inline-block
}

#f-companyInfo {
    padding: 15px 0 180px 0;
    width: 90%;
    margin: auto
}

@media screen and (max-width:450px) {
    #footerContainer #footerBottom #footerPartner .text {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
}

#footerContainer #footer.footerBlue {
    background: #1d2126
}

#footer #countrySwitchContainer {
    background: #cccccc;
    height: 75px;
    width: 100%;
    text-align: center;
    color: #666666;
    line-height: 75px
}

#footer #countrySwitchContainer img {
    width: 32px;
    vertical-align: middle
}

#footer #countrySwitchContainer a {
    margin: 0 25px;
    color: #000000;
    vertical-align: middle;
    text-decoration: none
}

#footer #countrySwitchContainer a:hover {
    text-decoration: underline
}

#footer #countrySwitchContainer a.active {
    font-weight: bold
}

#footer.footerBlue #countrySwitchContainer {
    background: #222933
}

#footer.footerBlue #countrySwitchContainer a {
    color: #686868
}

#footerSeoText {
    z-index: 1;
    position: relative;
    color: #000;
    font-size: 16px;
    background: #e8e7e7;
    padding-bottom: 40px
}

#footerSeoText .content {
    max-width: 1120px;
    width: 100%;
    margin: 20px auto 50px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box
}

#footerSeoText .content h2 {
    margin-bottom: 5px
}

#footerSeoText .content .leftColumn,
#footerSeoText .content .rightColumn {
    display: inline-block
}

#footerSeoText .content .leftColumn {
    width: 48%
}

#footerSeoText .content .rightColumn {
    width: 48%;
    float: right
}

#footerSeoText {
    overflow: hidden
}

@media screen and (max-width:1100px) {
    #footerContainer #footerBottom #footerAwards {
        display: block
    }

    #footerContainer #footerBottom #footerAwards .award3 {
        display: none
    }

    #footerContainer #footerBottom #footerAwards .award0,
    #footerContainer #footerBottom #footerAwards .award2 {
        display: inline-block;
        width: 25%
    }

    #footerContainer #footerBottom #footerAwards .award1 {
        width: 38%;
        height: 120px
    }
}

@media screen and (max-width:1025px) {
    #footerContainer #footerBottom #footerRegulator div.text {
        padding: 0;
        text-align: center;
        margin: 25px auto 0;
        display: block
    }
}

@media screen and (max-width:800px) {
    #footerContainer #footerBottom {
        padding: 0 20px;
        box-sizing: border-box
    }

    #footerContainer #footerBottom #footerCompanyInfo {
        padding: 55px 0 180px 0;
        text-align: center
    }
}

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

    #footer,
    #footer #footerBottom .footerLinks a {
        font-size: 14px
    }

    #footerContainer #footerBottom #footerLogoContainer .paymentProviders,
    #footerContainer #footerBottom #footerLogoContainer .socials {
        display: block;
        margin: auto
    }

    #footerContainer #footerBottom #footerLogoContainer .paymentProviders {
        margin-bottom: 40px
    }

    #footerContainer #footerBottom #footerLinks>div {
        height: auto
    }

    #footer #countrySwitchContainer a {
        margin: 0 2vw;
        font-size: max(2vw, 12px)
    }

    #footerSeoText .content .leftColumn {
        width: 100%
    }

    #footerSeoText .content .rightColumn {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:400px) {
    #footer #countrySwitchContainer a:last-child {
        display: none
    }

    #footerContainer #footerBottom #footerAwards div {
        margin: 0
    }
}

.p-window {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    width: 400px;
    top: 0;
    z-index: 10000001;
    min-height: 40px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.p-window.validation,
#registerWindow.p-window {
    z-index: 10029
}

.p-window.isIos {
    position: fixed;
    bottom: auto;
    top: 165px
}

@media screen and (max-height:507px) {
    .p-window.isIos {
        top: 40px
    }
}

@media screen and (max-height:382px) {
    .p-window.isIos {
        top: 0
    }
}

#loginWindow,
#forgotPass,
#twoFactor,
#loginNemId {
    height: 350px;
    color: #000000;
    top: 0;
    -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: visibility .4s, opacity 0.3s linear;
    -moz-transition: visibility .4s, opacity 0.3s linear;
    -o-transition: visibility .4s, opacity 0.3s linear;
    transition: visibility .4s, opacity 0.3s linear
}

#loginNemId {
    height: 380px
}

#loginWindow.open,
#forgotPass.open,
#twoFactor.open,
#loginNemId.open {
    z-index: 10000002;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -moz-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
    visibility: visible;
    opacity: 1
}

.p-closeBtn {
    float: right;
    font-size: 22px;
    color: #afafaf;
    cursor: pointer;
    margin: 5px 5px 0 0;
    background: url('/img/closeGray.svg');
    background-size: 15px 15px;
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease
}

.p-closeBtn:hover {
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15)
}

.p-window .center {
    padding: 0 35px 0 35px
}

.p-window h2 {
    color: #53d78b;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 30px
}

.p-window input {
    height: 44px
}

.p-window .forgotPass {
    margin: 15px 0 13px 0;
    text-align: center
}

.p-window .forgotPass>div {
    color: #afafaf;
    font-size: 12px;
    cursor: pointer
}

.p-window .b3 {
    width: 150px;
    padding: 0;
    margin: 0 auto 30px auto
}

.p-window .frgtPassBtn {
    margin: 0 auto 5px auto
}

.p-window #loginMitId,
.p-window #loginFormSubmit {
    margin: 15px auto 21px;
    height: 50px;
    line-height: 50px;
    width: auto
}

#loginNemId.p-window #nemIdContainer {
    height: 250px
}

#loginWindow .links,
#forgotPass .links,
#twoFactor .links,
#loginNemId .links {
    text-decoration: underline;
    color: #000000;
    display: block;
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 13px;
    cursor: pointer
}

#loginWindow .links:hover,
#forgotPass .links:hover,
#twoFactor .links:hover,
#loginNemId .links:hover {
    color: #53d78b
}

#frgtPassSubmitBtn {
    margin: 15px auto 21px;
    height: 50px;
    line-height: 50px;
    width: auto
}

#tfaSubmitBtn {
    margin: 15px auto 21px;
    height: 50px;
    line-height: 50px;
    width: 100%
}

input::-webkit-input-placeholder {
    color: #afafaf
}

input:-moz-placeholder {
    color: #afafaf
}

input::-moz-placeholder {
    color: #afafaf
}

input:-ms-input-placeholder {
    color: #afafaf
}

.p-window input[type=text],
.p-window input[type=email],
.p-window input[type=number],
.p-window input[type=password] {
    margin: 0 auto;
    padding: 0 30px 0 45px
}

.p-window .field {
    position: relative;
    margin-top: 14px
}

.p-window input[name=username]+label:not(.defaultLabel),
.p-window input[name=password]+label:not(.defaultLabel),
.p-window input[name=password-confirm]+label:not(.defaultLabel),
.p-window input[name=email]+label:not(.defaultLabel),
.p-window input[name=tfaCode]+label:not(.defaultLabel) {
    background-position: center;
    background-size: 16px 20px;
    background-repeat: no-repeat;
    width: 40px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

#loginWindow .header-expired,
#loginWindow.show-expired-banner .header-welcome,
#loginWindow .expired-banner {
    display: none
}

#loginWindow.show-expired-banner .header-expired,
#loginWindow.show-expired-banner .expired-banner {
    display: block;
    text-align: center
}

#loginWindow.show-expired-banner .signup-banner {
    display: none
}

#loginWindow.show-expired-banner>div {
    width: 100%
}

#loginWindow.show-expired-banner .center {
    max-width: 352px
}

#loginWindow.show-expired-banner .login-container .center {
    max-width: none;
    width: auto
}

#loginWindow.show-expired-banner video {
    max-width: 264px;
    width: 100%;
    clip-path: inset(0 0 1px)
}

#loginWindow.show-expired-banner .center {
    display: flex;
    width: auto;
    max-width: none;
    justify-content: space-around
}

#loginWindow.show-expired-banner .center>* {
    flex-basis: 40%
}

#loginWindow.show-expired-banner .p-closeBtn {
    position: absolute;
    right: 0
}

#loginWindow.show-expired-banner {
    width: 80%;
    max-width: 900px
}

.p-window input[name=email]+label:not(.defaultLabel) {
    background-size: 20px 20px
}

.p-window input[name=username]+label:not(.defaultLabel) {
    background-image: url("/img/account.svg")
}

.p-window input[name=username].statusBad+label:not(.defaultLabel) {
    background-image: url("/img/accountRed.svg")
}

.p-window input[name=password]+label:not(.defaultLabel),
.p-window input[name=password-confirm]+label:not(.defaultLabel) {
    background-image: url("/img/lock.svg")
}

.p-window input[name=password].statusBad+label:not(.defaultLabel) {
    background-image: url("/img/lockRed.svg")
}

.p-window input[name=email]+label:not(.defaultLabel) {
    background-image: url("/img/envelop.svg")
}

.p-window input[name=email].statusBad+label:not(.defaultLabel) {
    background-image: url("/img/envelopRed.svg")
}

.p-window input.statusOk,
.p-window select.statusOk {
    background-color: #f3fbf7;
    border: 1px solid #53d78b
}

.p-window input.statusBad,
.p-window select.statusBad {
    background-color: #fbf3f3;
    border: 1px solid #f23434
}

.p-window .b3.submitBtn {
    float: right;
    margin: 10px 0 50px 0
}

#loginWindow,
#forgotPass,
#loginNemId,
#twoFactor,
#registerWindow {
    min-height: 550px;
    max-width: 500px;
    width: 80%;
    border: 0;
    border-radius: 5px
}

#loginWindow .signup-banner,
#forgotPass .signup-banner,
#twoFactor .signup-banner,
#loginNemId .signup-banner {
    display: none
}

#loginWindow .signup-banner .banner-container,
#forgotPass .signup-banner .banner-container,
#twoFactor .signup-banner .banner-container,
#loginNemId .signup-banner .banner-container {
    position: absolute;
    top: 13%;
    bottom: 5%;
    margin: auto;
    text-align: center;
    width: 100%
}

#loginWindow .signup-banner .banner-container .text,
#forgotPass .signup-banner .banner-container .text,
#twoFactor .signup-banner .banner-container .text,
#loginNemId .signup-banner .banner-container .text {
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    padding: 0 10%;
    position: absolute;
    top: 92px
}

#loginWindow .signup-banner .banner-container .text div:first-child,
#forgotPass .signup-banner .banner-container .text div:first-child,
#twoFactor .signup-banner .banner-container .text div:first-child,
#loginNemId .signup-banner .banner-container .text div:first-child {
    font-size: calc(0.4em + 20px);
    font-weight: 500
}

#loginWindow .signup-banner .banner-container .text div:nth-child(2),
#forgotPass .signup-banner .banner-container .text div:nth-child(2),
#twoFactor .signup-banner .banner-container .text div:nth-child(2),
#loginNemId .signup-banner .banner-container .text div:nth-child(2) {
    font-size: calc(12px + 0.4em);
    font-weight: 200;
    margin-top: 10px
}

#loginWindow .signup-banner .banner-container .text .greenBtn,
#forgotPass .signup-banner .banner-container .text .greenBtn,
#twoFactor .signup-banner .banner-container .text .greenBtn,
#loginNemId .signup-banner .banner-container .text .greenBtn {
    margin: 35px auto;
    float: none;
    width: auto;
    max-width: 210px;
    right: 0;
    background-color: #ff5e00;
    background-image: linear-gradient(to right, #ff5e00, #ff3200);
    height: 54px;
    line-height: 54px;
    color: #ffffff;
    display: block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 19px;
    font-weight: 500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 30px;
    padding: 0 20px
}

#loginWindow .login-container,
#forgotPass .login-container,
#twoFactor .login-container,
#loginNemId .login-container {
    width: 100%;
    float: right
}

#loginWindow .login-container .center,
#forgotPass .login-container .center,
#twoFactor .login-container .center,
#loginNemId .login-container .center {
    width: 70%;
    padding-top: 90px
}

#loginWindow .login-container .center h2,
#forgotPass .login-container .center h2,
#twoFactor .login-container .center h2,
#loginNemId .login-container .center h2,
#registerPage:not([data-style="newStyle"]) #registerWindow .center h2 {
    color: #000000;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px
}

#loginWindow .login-container .center #loginForm .field,
#twoFactor .login-container .center #loginForm .field,
#forgotPass .login-container .center #forgotPassForm .field {
    margin-top: 10px
}

#loginWindow .login-container .center #loginForm .field input[name=username],
#loginWindow .login-container .center #loginForm .field input[name=password],
#twoFactor .login-container .center #twoFactorForm .field input[name=tfaCode],
#forgotPass .login-container .center #forgotPassForm .field input[name=email] {
    background-color: #ffffff;
    border-radius: 5px;
    height: 40px
}

#registerWindow .center #registerForm .field input[name=username],
#registerWindow .center #registerForm .field input[name=number],
#registerWindow .center #registerForm .field input[name=email],
#registerWindow .center #registerForm .field input[name=password],
#registerWindow .center #validateForm2 select[name=countryCode],
#registerWindow .center #validateForm2 input[type=text],
#registerWindow .center #validateForm2 input[type=number],
#registerWindow .center #validateForm2 select {
    background-color: #ffffff;
    border-radius: 5px;
    height: 50px
}

#registerWindow .center #validateForm2 input[name=mobilePhone] {
    background-color: #ffffff;
    border-radius: 5px
}

#registerWindow .center #validateForm2 select[name=countryCode] {
    border: 1px solid #e9e9e9
}

#loginWindow .login-container .center #loginForm .field input[name=username]+label:not(.defaultLabel),
#loginWindow .login-container .center #loginForm .field input[name=password]+label:not(.defaultLabel),
#forgotPass .login-container .center #forgotPassForm .field input[name=email]+label:not(.defaultLabel),
#twoFactor .login-container .center #twoFactorForm .field input[name=tfaCode]+label:not(.defaultLabel) {
    height: 40px;
    background-size: 13px 15px
}

#loginWindow .login-container .center #loginForm .field input[name=username]+label:not(.defaultLabel),
#registerWindow .center #registerForm .field input[name=username]+label:not(.defaultLabel) {
    background-image: url(/img/user.svg);
    background-size: 16px
}

#loginWindow .login-container .center #loginForm .field input[name=password]+label:not(.defaultLabel),
#registerWindow .center #registerForm .field input[name=password]+label:not(.defaultLabel),
#twoFactor .login-container .center #twoFactorForm .field input[name=tfaCode]+label:not(.defaultLabel) {
    background-image: url(/img/changePassword.svg);
    background-size: 16px
}

#loginWindow .login-container .center #loginForm .field input[name=password-confirm]+label:not(.defaultLabel),
#registerWindow .center #registerForm .field input[name=password-confirm]+label:not(.defaultLabel) {
    background-image: url(/img/changePassword.svg);
    background-size: 16px
}

#forgotPass .login-container .center #forgotPassForm .field input[name=email]+label:not(.defaultLabel),
#registerWindow .center #registerForm .field input[name=email]+label:not(.defaultLabel) {
    background-image: url(/img/newEmail.svg)
}

#loginWindow .login-container .center #loginForm #loginFormSubmit.green,
#twoFactor .login-container .center #twoFactorForm #tfaSubmitBtn.green,
#forgotPass .login-container .center #forgotPassForm #frgtPassSubmitBtn.green {
    background-color: #ffffff;
    border: 2px solid #000000;
    border-radius: 30px;
    color: #000000;
    font-size: 16px !important;
    margin-top: 25px
}

#loginWindow #loginMitId {
    background: #0061E5 url('/img/mitidWhite.svg') no-repeat center/25%;
    border: 2px solid #0061E5;
    border-radius: 5px;
    margin-top: -10px
}

#loginWindow #loginMitId:hover {
    background-color: #4594ff;
    border-color: #4594ff
}

#loginWindow .login-container .center #loginForm #loginFormSubmit.green:hover,
#forgotPass .login-container .center #forgotPassForm #frgtPassSubmitBtn.green:hover,
#twoFactor .login-container .center #twoFactorForm #tfaSubmitBtn.green:hover,
#loginWindow .login-container .center #loginForm:valid #loginFormSubmit.green,
#forgotPass .login-container .center #forgotPassForm:valid #frgtPassSubmitBtn.green,
#twoFactor .login-container .center #twoFactorForm:valid #tfaSubmitBtn.green,
#loginWindow .login-container .center #loginForm #loginFormSubmit.gray,
#forgotPass .login-container .center #forgotPassForm #frgtPassSubmitBtn.gray,
#twoFactor .login-container .center #twoFactorForm #tfaSubmitBtn.gray {
    background-color: #000000;
    border: 2px solid #000000;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px !important;
    margin-top: 25px
}

#forgotPass .login-container .center #forgotPassForm #frgtPassSubmitBtn.green:hover,
#twoFactor .login-container .center #twoFactorForm #tfaSubmitBtn.green:hover,
#loginWindow .login-container .center #loginForm #loginFormSubmit.green:hover {
    font-size: 18px !important
}

#registerWindow .center #registerForm #submitRegisterPage,
#registerWindow .center #mobileInfo .submitBtn,
#registerWindow .center #mobileInfo2 .validateBtn,
#registerWindow .center #submitUsersData {
    border-radius: 30px;
    color: #000;
    font-size: 16px !important
}

#loginWindow .login-container .center #loginForm #loginFormSubmit.gray,
#twoFactor .login-container .center #twoFactorForm #tfaSubmitBtn.gray,
#forgotPass .login-container .center #forgotPassForm #frgtPassSubmitBtn.gray {
    opacity: 0.8
}

#loginWindow.hide-signup-banner:not(.show-expired-banner),
#forgotPass.hide-signup-banner,
#twoFactor.hide-signup-banner,
#loginNemId.hide-signup-banner {
    max-width: 500px
}

#loginWindow .signup-banner.hide-signup-banner,
#forgotPass .signup-banner.hide-signup-banner,
#twoFactor .signup-banner.hide-signup-banner,
#loginNemId .signup-banner.hide-signup-banner {
    display: none
}

#loginWindow .login-container.hide-signup-banner,
#forgotPass .login-container.hide-signup-banner,
#twoFactor .login-container.hide-signup-banner,
#loginNemId .login-container.hide-signup-banner {
    width: 100%
}

.signup-banner .ageRequirement {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

.signup-banner .ageRequirement .circle {
    display: inline-block;
    margin-left: 8px;
    position: relative;
    width: calc(8px + 1.9em);
    line-height: calc(8px + 1.9em)
}

.signup-banner .ageRequirement .circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.signup-banner .ageRequirement .circle.participate {
    margin-right: 25px
}

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

    #loginWindow,
    #forgotPass,
    #twoFactor,
    #loginNemId {
        height: 100%;
        max-width: 100%;
        width: 100%;
        border-radius: 0
    }

    #loginWindow .p-closeBtn,
    #forgotPass .p-closeBtn,
    #twoFactor .p-closeBtn,
    #loginNemId .p-closeBtn {
        margin: 10px 10px 0 0;
        background: url(/img/closeGray.svg);
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px
    }

    #loginWindow.show-expired-banner {
        width: 100%
    }

    #loginWindow.show-expired-banner h2 {
        margin: 20px 0
    }

    #loginWindow.show-expired-banner .login-container .center {
        flex-direction: column;
        padding-top: 20px
    }

    #loginWindow.show-expired-banner .login-container .expired-banner h2 {
        font-size: 22px
    }

    #loginWindow.show-expired-banner video {
        width: 264px;
        height: 225px
    }
}

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

    #loginWindow,
    #forgotPass,
    #twoFactor,
    #loginNemId {
        height: 550px;
        max-width: 900px;
        width: 80%;
        border: 0;
        border-radius: 5px
    }

    #loginWindow .signup-banner,
    #forgotPass .signup-banner,
    #twoFactor .signup-banner,
    #loginNemId .signup-banner {
        display: block;
        background: url('/img/loginBanner.jpg?1') no-repeat;
        width: 37%;
        height: 100%;
        float: left;
        position: relative;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    body[data-language="nl"] #loginWindow .signup-banner,
    body[data-language="nl"] #forgotPass .signup-banner,
    body[data-language="nl"] #twoFactor .signup-banner,
    body[data-language="nl"] #loginNemId .signup-banner {
        background: url('/img/login/nl/yellow.jpg') no-repeat
    }

    body[data-language="nl"] #loginWindow .signup-banner.midday,
    body[data-language="nl"] #forgotPass .signup-banner.midday,
    body[data-language="nl"] #twoFactor .signup-banner.midday,
    body[data-language="nl"] #loginNemId .signup-banner.midday {
        background: url('/img/login/nl/blue.jpg') no-repeat
    }

    body[data-language="nl"] #loginWindow .signup-banner.evening,
    body[data-language="nl"] #forgotPass .signup-banner.evening,
    body[data-language="nl"] #twoFactor .signup-banner.evening,
    body[data-language="nl"] #loginNemId .signup-banner.evening {
        background: url('/img/purple.jpg') no-repeat
    }

    #loginWindow .login-container,
    #forgotPass .login-container,
    #twoFactor .login-container,
    #loginNemId .login-container {
        width: 63%;
        float: right
    }

    #loginWindow.hide-signup-banner .login-container,
    #forgotPass.hide-signup-banner .login-container,
    #twoFactor.hide-signup-banner .login-container,
    #loginNemId.hide-signup-banner .login-container {
        width: 100%
    }

    #loginWindow .login-container .center,
    #forgotPass .login-container .center,
    #twoFactor .login-container .center,
    #loginNemId .login-container .center {
        width: 52%;
        padding-top: 90px
    }

    #loginWindow .login-container.mitId .center {
        padding-top: 30px
    }

    #loginNemId .login-container .center .links.signUpLink {
        display: none
    }
}

#loginExtraFieldDateOfBirth select {
    margin-top: 10px;
    display: inline-block;
    float: none;
    width: 32%;
    border: none;
    box-sizing: border-box
}

#loginExtraFieldDateOfBirth {
    display: none;
    margin-top: 10px
}

@media screen and (max-width:410px) {
    .p-window {
        width: 350px
    }

    .p-window h2 {
        font-size: 5vw
    }

    #loginExtraFieldDateOfBirth select {
        padding: 0 30px 0 15px
    }
}

@media screen and (max-width:350px) {
    .p-window {
        width: 320px
    }
}

@media screen and (max-height:550px) and (max-width:900px) {

    #loginWindow .login-container .center,
    #forgotPass .login-container .center,
    #twoFactor .login-container .center,
    #loginNemId .login-container .center {
        padding-top: 0
    }

    #loginWindow,
    #forgotPass,
    #loginNemId,
    #twoFactor {
        min-height: 420px
    }
}

@media screen and (max-height:350px) {
    .p-window {
        position: absolute;
        top: 0 !important;
        bottom: auto
    }
}

#gameInfoContainer {
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 13;
    color: #ffffff;
    background: #141414;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    left: 0;
    display: none
}

#gameInfoContainer.open {
    visibility: visible;
    display: block
}

#gameInfo {
    width: 100%;
    height: auto;
    min-height: 700px;
    color: #ffffff;
    background: rgba(24, 26, 29, 0);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding: 0 0 80px
}

#gameInfo>div>#liveTables {
    position: static;
    margin: 0 auto 0 auto;
    max-width: 1366px;
    display: block;
    padding: 60px 0 0 0
}

#gameInfo .loadMore {
    position: static;
    display: none;
    margin: 20px auto 0 auto
}

#gameInfo .providerImg {
    display: block;
    height: 40px;
    margin: 58px 0 0 0
}

#gameInfo .loadMore.show {
    display: block
}

#gameInfo>div:nth-child(2) {
    background-position: center right;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    max-width: 990px;
    margin: 20px auto 0;
    overflow: hidden;
    position: relative
}

#gameInfo .gameDetailsBg {
    float: left;
    overflow: hidden;
    height: auto;
    width: auto;
    padding: 0 10px;
    margin: 68px 0 0 11px
}

#gameInfo .gameDetailsBg>div {
    opacity: 0;
    position: relative;
    width: 432px;
    height: 100%
}

#gameInfo .gameDetailsBg img {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 5px
}

#gameInfo .gameDetailsBg>div::after {
    padding-top: 64.8%;
    display: block;
    content: ''
}

#gameInfo .gameDetailsTop {
    width: 100%;
    text-align: center;
    top: 23px
}

#gameInfo .gameDetailsTop .extraInfo {
    float: none;
    font-size: 15px
}

#gameInfo .gameDetailsTop .gameName {
    font-size: 23px;
    font-weight: normal;
    margin: 17px 32px 0 32px
}

#similarGamesSlider {
    margin: 80px 20px 0 20px
}

#similarGamesSlider span {
    font-size: 21px;
    font-weight: normal
}

#gameInfoBackgroundImg {
    width: 100%;
    height: 100%;
    position: absolute
}

#gameInfoBackgroundImg img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#gameInfoBackgroundImg .gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 55%, #181a1d 79%);
    background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 55%, #181a1d 79%);
    background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 55%, #181a1d 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
}

#gameInfoBackgroundImg>div:nth-child(2) {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute
}

#gameInfo.livetables #gameInfoBackgroundImg {
    height: 750px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto
}

#gameInfo.livetables #gameInfoBackgroundImg img {
    top: 0
}

#gameInfo.livetables #gameInfoBackgroundImg .gradient {
    background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 55%, #141414 79%);
    background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 55%, #141414 79%);
    background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 55%, #141414 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
}

#gameInfo.livetables .gameDescription {
    height: auto;
    min-height: 144px
}

#gameInfo.livetables .providerImg {
    margin-top: 8px
}

#gameInfo .gameDetailsBgGrandient {
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    position: absolute
}

#gameInfo .playBtnHover:hover {
    fill: #53d78b !important
}

#gameInfo .gameInfoSlider {
    margin-top: 10px;
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

#gameInfo .gameInfoSlider::-webkit-scrollbar {
    display: none
}

#gameInfo .gameButton {
    width: 100%;
    padding: 0 40px;
    text-align: center;
    display: inline-block;
    background-color: #5fff90;
    color: #000000;
    height: 62px;
    line-height: 62px;
    font-size: 21px;
    border-radius: 30px;
    position: absolute;
    margin: 263px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}

#gameInfo.open {
    visibility: visible
}

#gameInfo .gameIcons {
    position: absolute;
    left: 460px;
    top: 40px
}

#gameInfo .gameIcons>a>* {
    display: block;
    float: left
}

#gameInfo .gameIcons .gameShare {
    margin: 0px 0px 0 15px
}

ul.gameInfoSlider-ul.active {
    cursor: grabbing
}

ul.gameInfoSlider-ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 7px 0 1px 0;
    -webkit-transform: translate3d(0, 0, 0);
    float: left;
    display: inline-block;
    white-space: nowrap
}

ul.gameInfoSlider-ul li::after {
    padding-top: 74%;
    display: block;
    content: ''
}

ul.gameInfoSlider-ul li {
    width: 15.8%;
    display: inline-block;
    margin-right: 1%;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

ul.gameInfoSlider-ul li a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block
}

ul.gameInfoSlider-ul li img {
    width: 100%
}

.gameDetailsContent {
    height: 326px;
    margin: 39px 0 0 0;
    float: right;
    position: relative
}

.gameDetailsContent br {
    clear: both
}

#gameInfo .gameName {
    line-height: 29px;
    padding: 0;
    margin: 0 0 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal
}

#gameInfo .extraInfo {
    color: #a8a8a8;
    line-height: 20px
}

#gameInfo .gameDetailsContent .gameName {
    max-width: 435px
}

#gameInfo .gameDescription {
    color: #a8a8a8;
    width: 405px;
    clear: both;
    line-height: 24px;
    padding: 0 10px 0 0;
    height: 144px;
    cursor: pointer;
    display: inline-block
}

#gameInfo .gameDescription:not(.show) {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#gameInfo .gameDescription.show {
    height: auto
}

#gameInfo .gameDescription::-webkit-scrollbar-track {
    background: transparent;
    border: none
}

#gameInfo .gameDescription::-webkit-scrollbar {
    width: 5px
}

#gameInfo .gameDescription::-webkit-scrollbar-thumb {
    background: #5fff90;
    border-radius: 2px
}

#gameInfo .closeBtn {
    cursor: pointer;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #ececec;
    font-size: 20px;
    right: 0;
    top: 12px;
    text-align: center;
    position: absolute;
    display: block;
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

@media screen and (min-width:2200px) {
    #gameInfo.livetables #gameInfoBackgroundImg {
        height: 100%
    }

    #gameInfo.livetables #gameInfoBackgroundImg .gradient {
        background: -moz-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 5%, #141414 49%);
        background: -webkit-linear-gradient(top, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 5%, #141414 49%);
        background: linear-gradient(to bottom, rgba(24, 26, 29, 0) 0%, rgba(24, 26, 29, 0) 5%, #141414 49%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181a1d', endColorstr='#181a1d', GradientType=0)
    }
}

@media screen and (max-width:1030px) {
    #gameInfo>div:nth-child(2) {
        background-size: 360px auto
    }

    #gameInfo .playBtn {
        right: 125px
    }
}

@media screen and (max-width:955px) {
    #gameInfo .gameDetailsBg>div {
        width: 375px
    }

    #gameInfo .gameDetailsBg img {
        height: 100%;
        width: 100%
    }

    #gameInfo .providerImg {
        margin: 10px 0 0 0;
        width: 22vw
    }

    .gameDetailsContent {
        min-height: 256px
    }

    ul.gameInfoSlider-ul li {
        width: 23.2%
    }

    #gameInfo>div>#liveTables {
        margin: 0 auto 0 auto;
        padding: 100px 0 0 0
    }
}

@media screen and (max-width:840px) and (min-height:450px),
screen and (max-width:650px) {
    #gameInfo>div>#liveTables {
        margin: 0 auto 0 auto;
        padding: 0
    }

    #gameInfo .gameDetailsBg>div {
        width: auto
    }

    #gameInfo .gameDetailsBg {
        display: block;
        margin: 40px auto 0 auto;
        max-width: 496px;
        position: static;
        height: auto;
        float: none
    }

    #gameInfo .gameDescription {
        max-height: 144px;
        height: auto
    }

    #gameInfo.livetables .gameDescription {
        max-height: 184px
    }

    #gameInfo .gameDetailsTop .gameName {
        margin: 0
    }

    #similarGamesSlider {
        margin: 0 20px 0 20px
    }

    #gameInfo>div>div {
        position: relative
    }

    #gameInfo .gameDetailsContent {
        height: auto;
        padding: 0 20px;
        margin: 11px auto 30px auto;
        display: block;
        max-width: 410px;
        float: none
    }

    #gameInfo.livetables .gameDetailsContent {
        margin: 11px auto 10px auto
    }

    #gameInfo {
        height: auto
    }

    #gameInfo .gameRating,
    #gameInfo .gameButton {
        position: static
    }

    #gameInfo .gameRating {
        margin: 0 auto 0 auto
    }

    #gameInfo .gameButton {
        margin: 20px 0 35px 0;
        width: 100%;
        padding: 0 20px
    }
}

@media screen and (max-width:575px) {
    #gameInfo .gameIcons {
        right: 55px;
        top: 12px;
        left: auto
    }

    #gameInfo .gameDescription {
        width: auto
    }

    #gameInfo {
        height: auto
    }

    ul.gameInfoSlider-ul li {
        width: 31%
    }

    #gameInfo .providerImg {
        margin: 10px 0 0 0;
        width: 26vw
    }
}

@media screen and (max-width:375px) {
    #gameInfo .gameButton {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
        border-radius: 27px
    }

    ul.gameInfoSlider-ul li {
        width: 47.5%
    }
}

@media screen and (max-height:450px) and (min-width:650px) {
    #gameInfo>div:nth-child(2) {
        margin: 0 auto
    }

    #gameInfo .gameDetailsBg {
        margin: 28px 0 0 11px;
        width: 47%
    }

    .gameDetailsContent {
        margin: 10px 0;
        height: auto;
        width: 47%
    }

    #gameInfo .gameDetailsTop .gameName,
    #gameInfo .gameName {
        font-size: 20px;
        line-height: 23px
    }

    #gameInfo .gameDetailsTop .extraInfo {
        font-size: 12px
    }

    #gameInfo .gameDescription {
        line-height: 16px;
        font-size: 13px
    }

    #gameInfo .gameButton {
        width: 95%;
        height: 52px;
        line-height: 52px;
        margin: 25vw 0 0 0
    }

    #gameInfo #similarGamesSlider {
        margin: 20px 20px 0 20px;
        text-align: center
    }

    #gameInfo .gameInfoSlider {
        margin-top: 30px
    }

    #gameInfo #similarGamesSlider span {
        font-size: 15px
    }

    #gameInfo #similarGamesSlider span::after {
        content: url('/img/arrowDownWhite.svg');
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 10px
    }

    #gameInfo .gameDetailsBg>div {
        width: 100%
    }
}

@media screen and (max-height:450px) and (min-width:650px) and (max-width:700px) {
    #gameInfo .gameButton {
        margin: 30vw 0 0 0
    }
}

.gameRating {
    width: 85px;
    height: 17px;
    margin: 230px 0 20px 164px;
    position: absolute;
    display: none
}

.gameRating>div {
    position: relative
}

.gameRatingBackground,
.gameRatingInput,
.gameRatingValue {
    position: absolute;
    width: 80px;
    height: 16.3px;
    overflow: hidden;
    top: 0;
    cursor: pointer
}

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

.gameRatingValue>div {
    width: 100px
}

.gameSelfRating svg>path,
.gameOverRating svg>path {
    fill: #ffea00 !important
}

.loadMore {
    line-height: normal;
    height: 1.3em;
    background-color: #fd7333;
    text-align: center;
    margin: 21px auto 50px auto;
    color: #ffffff;
    border-radius: 30px;
    max-width: 130px;
    cursor: pointer;
    font-size: calc(11px + .5em);
    font-weight: 500;
    padding: 12px 60px;
    background-image: linear-gradient(to right, #ff5e00, #ff3200);
    text-transform: uppercase
}

#games-menu-options {
    float: right
}

#games-menu-options>div {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 18px 0 0 0
}

#games-menu-options>div.ic20 {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    margin-top: 20px
}

#games-menu-options>div.ic19 {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin: 15px 22px 0 0
}

#promotionHomeLarge {
    width: 100%;
    display: block;
    margin: 20px auto;
    max-width: 1600px
}

#gamesContainerMain .gameFilter.disabled {
    opacity: .4;
    pointer-events: none
}

#gamesContainerMain .gameFilters {
    max-width: 1346px;
    width: 100%;
    margin: 0 auto 0 auto;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    display: flex;
    justify-content: right;
    position: relative
}

#gamesContainerMain .gameFilters.active {
    margin: 0 auto 20px auto
}

#gamesContainerMain .gameFilters::-webkit-scrollbar {
    display: none
}

#gamesContainerMain .gameFilters>div:not(.searchContainer) {
    display: none
}

#gamesContainerMain .gameFilters.active>div:not(.searchContainer) {
    display: block;
    margin: 0 0 0 10px
}

#gamesContainerMain .gameFilterInner select {
    z-index: 1
}

#gamesContainerMain .gameFilterInner .closeBtn {
    width: 52px;
    height: 36px;
    border-radius: 0 25px 25px 0;
    background-color: #000000;
    background-image: url("/img/closeWhite.svg");
    background-size: 13px;
    background-position: center right 15px;
    background-repeat: no-repeat;
    align-content: center;
    font-size: 22px;
    font-weight: 200;
    padding-right: 15px;
    text-align: right;
    margin-left: -35px;
    color: #ffffff;
    cursor: pointer;
    display: none
}

#gamesContainerMain .gameFilterInner .closeBtn.active {
    display: block
}

#gamesContainerMain .gameFilterInner {
    display: flex
}

#gamesContainerMain .gameFilterInner .category {
    margin: 0 auto 0 auto;
    position: relative;
    display: none;
    align-items: center;
    color: #ffffff;
    height: 36px;
    background-color: #000000;
    border-radius: 25px
}

#gamesContainerMain .gameFilterInner .category.active {
    display: inline-flex
}

#gamesContainerMain .gameFilterInner div.category>div {
    padding: 0 33px 0 33px;
    border-radius: 25px;
    cursor: pointer;
    align-items: center;
    display: flex;
    height: 36px;
    white-space: nowrap
}

#gamesContainerMain .gameFilterInner div.category>div.active {
    background-color: #2c2c59
}

#gamesContainerMain .gameFilterInner select {
    color: #ffffff;
    background: url(/img/arrowDownWhite.svg) 0.9px no-repeat #000000;
    background-position: right 13px top 12px;
    background-size: 14px 14px;
    border: none;
    margin: 0;
    border-radius: 25px;
    padding: 0 70px 0 20px;
    height: 36px;
    font-size: 14px
}

#gamesContainerMain .gameFilters .searchContainer.open,
#gamesContainerMain .gameFilters .searchContainer.alwaysOpens {
    height: 36px
}

@media screen and (max-width:1380px) {
    #gamesContainerMain .gameFilters.active>div:last-child {
        margin: 0 20px 0 10px
    }
}

@media screen and (max-width:1366px) {
    #games-menu li:first-child {
        padding: 20px 20px 0 10px
    }
}

@media screen and (max-width:1150px) {
    #games-menu {
        position: relative;
        width: 250px;
        margin: 0 7px 0 7px
    }

    #games-menu ul {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 46px;
        position: absolute;
        margin: 0 0 0 0
    }

    #games-menu>img {
        display: block
    }

    #games-menu ul.open {
        height: auto
    }

    #games-menu ul li {
        width: 100%;
        height: 45px;
        background-color: #181a1d;
        padding: 0 0 0 3px !important;
        line-height: 46px;
        font-size: 13px;
        border-bottom: 1px solid #353639
    }

    #games-menu ul li.active {
        border-right: 0;
        position: absolute;
        top: 15px;
        background-color: #181a1d;
        height: 31px;
        line-height: 30px
    }

    #games-menu #line {
        display: none
    }

    #games-menu ul li .line {
        height: 1px;
        width: 100%;
        background: #27282c
    }

    #games-menu ul li:nth-child(1) .line {
        display: none
    }

    #games-menu ul li.active .line {
        height: 30px;
        width: 1px;
        background-color: #141414;
        position: absolute;
        right: 28px
    }

    #games-menu li:first-child {
        padding: 0 0 0 3px
    }
}

#searchGame #closeSearchField {
    position: absolute;
    right: 0;
    color: #afafaf;
    cursor: pointer;
    font-weight: bold;
    padding: 25px 20px 20px 20px;
    visibility: hidden
}

#searchGame.open #closeSearchField {
    visibility: visible;
    padding: 6px 9px 8px 8px
}

#searchGame.open img {
    visibility: hidden
}

#searchGame {
    cursor: pointer
}

#searchIcon {
    position: absolute;
    right: 0;
    color: #afafaf;
    font-weight: bold;
    padding: 20px 20px 20px 20px
}

.exploreAll {
    cursor: pointer
}

@media screen and (max-width:950px) {
    #gamesMenu.live {
        margin: 155px auto 0 auto
    }
}

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

    #gamesContainer div:nth-child(8),
    #gamesContainer div:nth-child(6) {
        clear: none
    }
}

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

    #gamesContainer div:nth-child(8),
    #gamesContainer div:nth-child(6),
    #gamesContainer div:nth-child(4) {
        clear: none
    }

    #filterProviders {
        width: 52%;
        z-index: 1
    }

    #games-menu {
        width: 40%;
        z-index: 2
    }
}

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

    #filterProviders,
    #games-menu {
        float: none;
        display: block;
        width: auto
    }
}

@media screen and (max-width:365px) {
    #games-menu-options>div.g {
        margin-right: 5px
    }

    #games-menu-options #line {
        display: none
    }
}

#liveCasinoContainer.hide {
    display: none
}

.gameInformationOverlay {
    background: url(/img/gameInformationOverlay.png);
    position: absolute;
    top: 0;
    right: 0;
    width: 612px;
    height: 371px
}

.extraInfo {
    float: left
}

.playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -55px;
    margin-top: -55px;
    display: block
}

.gameOverlay {
    opacity: 0.01;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%
}

.gameOverlay a {
    width: 100%;
    height: 100%;
    display: block
}

.gameOverlay img {
    margin: -27px 0 0 -27px;
    top: 50%;
    left: 50%;
    position: absolute
}

#searchGamesContainer .game {
    float: left;
    width: 19.6%;
    box-sizing: border-box;
    position: relative;
    margin-right: 0.4%;
    margin-bottom: 0.4%
}

#searchGamesContainer.liveCasinoHolder .game {
    width: 25%;
    margin-right: 0
}

#searchGamesContainer {
    max-width: 1360px !important;
    display: none
}

.b1 {
    height: 37px;
    padding: 0 28px 0 28px;
    color: #18191e;
    font-weight: 400;
    line-height: 37px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 14px;
    -webkit-transition: font-size 0.5s ease;
    -moz-transition: font-size 0.5s ease;
    -o-transition: font-size 0.5s ease;
    transition: font-size 0.5s ease
}

.b1.greenWhite {
    background-color: #5fff90;
    color: #000000;
    font-weight: 500
}

.b1.gray {
    font-size: 14px !important;
    background-color: #a8a8a8
}

.b1.blackWhite {
    background-color: #1d2126;
    color: #ffffff
}

.b2 {
    height: 37px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 28px 0 28px;
    color: #9e9e9e;
    font-weight: 400;
    line-height: 37px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-size: 14px;
    text-align: center
}

.b2.green {
    color: #000;
    text-shadow: 0 1px 1px #48bb79
}

.b2.greenWhite {
    background-color: #5fff90;
    text-shadow: 0 1px 1px #48bb79;
    color: #000000;
    font-weight: 500
}

.b2.gray {
    font-size: 14px !important;
    color: #5a5a5a;
    background-color: #a8a8a8
}

.b2.big {
    height: 45px;
    line-height: 45px;
    padding: 0 50px 0 50px
}

.b3 {
    height: 41px;
    padding: 0 28px 0 28px;
    color: #ffffff;
    font-weight: 400;
    line-height: 41px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto 0 auto;
    font-size: 14px;
    display: block;
    text-decoration: none
}

.b3.small {
    height: 36px;
    line-height: 37px
}

.b3.darkGray {
    font-size: 14px !important;
    background-color: #4d4d52
}

.b3.gray {
    font-size: 14px !important;
    background-color: #afafaf
}

.b3.yellow {
    color: #141414;
    background-color: #ffe808
}

.b1.green,
.b2.green,
.b3.green {
    background-color: #5fff90
}

.green:hover,
.greenWhite:hover {
    background-color: #62e79a
}

.b1,
.b2,
.b3 {
    -webkit-transition: -webkit-transform 0.3s ease, background-color .3s ease;
    -moz-transition: -moz-transform 0.3s ease, background-color .3s ease;
    -o-transition: -o-transform 0.3s ease, background-color .3s ease;
    transition: transform 0.3s ease, background-color .3s ease;
    -moz-perspective: 1px;
    -webkit-perspective: 1px;
    perspective: 1px;
    -webkit-transform: perspective(1px) scale(1, 1);
    -moz-transform: perspective(1px) scale(1, 1);
    -ms-transform: perspective(1px) scale(1, 1);
    -o-transform: perspective(1px) scale(1, 1);
    transform: perspective(1px) scale(1, 1)
}

#notificationContainer {
    height: 100%;
    position: absolute;
    top: 0;
    width: 0;
    right: -400px;
    pointer-events: none;
    background: transparent;
    overflow: hidden
}

#notificationContainer.show {
    animation-name: show;
    animation-duration: 0.4s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

#notificationContainer .notificationCenter,
#notificationMainContainer .notificationCenter {
    position: relative;
    float: left;
    top: 0;
    overflow: hidden;
    margin: 5px;
    width: 370px;
    height: auto;
    z-index: 10000001;
    background-color: #fff;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
    pointer-events: auto
}

#notificationMainContainer .notificationCenter {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    top: -400px;
    margin: 65px auto 0;
    z-index: 12;
    width: 100%;
    max-width: 570px;
    background: #ffffff url('/img/menubar/layout/notification/background_coins.jpg') no-repeat center center
}

#notificationContainer .notificationCenter.hide {
    animation-name: hide;
    animation-duration: 0.4s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in
}

#notificationMainContainer.show .notificationCenter {
    animation-name: showMain;
    animation-duration: 0.5s;
    animation-delay: 1s;
    animation-fill-mode: forwards
}

#notificationMainContainer .notificationCenter.hide {
    animation-name: hideMain;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-fill-mode: forwards
}

#notificationContainer .notificationCenter.general {
    height: auto;
    animation-name: hide;
    animation-duration: 0.5s;
    animation-delay: 16s;
    animation-fill-mode: forwards
}

#notificationContainer .notificationCenter div,
#notificationMainContainer .notificationCenter div {
    color: #222
}

#notificationContainer .notificationCenter .iconContainer,
#notificationMainContainer .notificationCenter .iconContainer {
    width: 50px;
    float: left
}

#notificationContainer .notificationCenter .iconContainer .icon,
#notificationMainContainer .notificationCenter .iconContainer .icon {
    margin: 0;
    position: relative;
    padding-left: 8px
}

#notificationContainer .notificationCenter .iconContainer .icon svg,
#notificationMainContainer .notificationCenter .iconContainer .icon svg {
    width: 24px;
    height: 24px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#notificationContainer .notificationCenter .iconContainer .icon img,
#notificationMainContainer .notificationCenter .iconContainer .icon img {
    width: 27px;
    height: 27px
}

#notificationContainer .notificationCenter .textContainer,
#notificationMainContainer .notificationCenter .textContainer {
    float: right;
    width: 84%
}

#notificationMainContainer .notificationCenter .textContainer {
    width: 90%
}

#notificationContainer .notificationCenter .title,
#notificationMainContainer .notificationCenter .title {
    line-height: unset;
    font-size: 21px;
    color: #111
}

#notificationMainContainer .notificationCenter.special .title {
    margin-bottom: 12px
}

#notificationContainer .notificationCenter .settings {
    width: 19px;
    height: 19px;
    background-image: url("/img/settings.svg");
    background-size: 19px 19px;
    cursor: pointer
}

#notificationContainer .notificationCenter .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

#notificationContainer .notificationCenter .closeIcon {
    width: 17px;
    height: 17px;
    background-image: url("/img/cross.svg");
    background-size: 17px 17px;
    cursor: pointer
}

#notificationContainer .notificationCenter .textContainer .text,
#notificationMainContainer .notificationCenter .textContainer .text {
    font-size: 14px;
    line-height: 20px
}

#notificationContainer .notificationCenter.general .textContainer .text {
    margin-bottom: 8px
}

#notificationMainContainer .notificationCenter .textContainer .text {
    max-width: 380px
}

#notificationContainer .notificationCenter[data-id="65"] .textContainer {
    width: 99%
}

#notificationContainer .notificationCenter[data-id="65"] .textContainer .greenBtn {
    width: 100%;
    height: 40px;
    font-weight: 500;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

#notificationContainer .notificationCenter[data-id="65"] .textContainer .header-container .icon {
    margin: 0;
    position: relative;
    padding-left: 8px
}

#notificationContainer .notificationCenter[data-id="65"] .textContainer .header-container .icon img {
    width: 27px;
    height: 27px
}

#notificationContainer .notificationCenter .textContainer .whiteBtn,
#notificationContainer .notificationCenter .textContainer .greenBtn,
#notificationMainContainer .notificationCenter .textContainer .whiteBtn,
#notificationMainContainer .notificationCenter .textContainer .greenBtn {
    background: #fff;
    width: auto;
    min-width: 60px;
    height: 25px;
    padding: 6px 21px;
    border: 1px solid #d3d0d0;
    border-radius: 5px;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    margin: 20px 10px 4px 0;
    float: left;
    cursor: pointer;
    transition: background-color .3s ease;
    color: #222
}

#notificationContainer .notificationCenter .textContainer .greenBtn,
#notificationMainContainer .notificationCenter .textContainer .greenBtn {
    background: #5fff90;
    color: #222;
    border: 1px solid #5fff90;
    margin-left: 0;
    border-radius: 5px
}

#notificationMainContainer .notificationCenter .textContainer .greenBtn {
    width: 100%;
    max-width: 330px;
    margin: 30px 0 0;
    color: #222
}

#notificationMainContainer .notificationCenter .textContainer .whiteBtn {
    width: 100%;
    max-width: 330px;
    margin: 10px 0 15px;
    border-radius: 5px;
    color: #222
}

#notificationContainer .notificationCenter .textContainer .greenBtn:hover,
#notificationMainContainer .notificationCenter .textContainer .greenBtn:hover {
    background-color: #62e79a
}

#notificationContainer .notificationCenter .textContainer .whiteBtn:hover,
#notificationMainContainer .notificationCenter .textContainer .whiteBtn:hover {
    background-color: #f0f0f0
}

#notificationContainer .notificationCenter .textContainer .notificationCenterCloseText {
    margin: 18px 3px 0 0;
    float: right;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
    padding: 20px 0 10px 20px
}

#notificationContainer .notificationCenter .timer {
    height: 5px;
    width: 100%;
    background: #7affa3;
    position: absolute;
    bottom: 0;
    left: 0;
    animation-name: timer;
    animation-duration: 12s;
    animation-delay: 4s;
    animation-fill-mode: forwards
}

#notificationContainer .notificationCenter.userLimits {
    padding: 16px
}

#notificationContainer .notificationCenter.userLimits .titleAndCloseButton {
    text-align: center
}

#notificationContainer .notificationCenter.userLimits .title {
    display: inline-flex;
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    height: 50px;
    background: #000;
    font-weight: 600;
    padding: 0 15px
}

#notificationContainer .notificationCenter.userLimits img.notificationCenterCloseButton {
    position: absolute;
    right: 18px;
    width: 18px
}

#notificationContainer .notificationCenter.userLimits .notificationCenterCloseButton {
    cursor: pointer
}

#notificationContainer .notificationCenter.userLimits .notificationCenterCloseButton.greenBtn {
    background: #5fff90;
    color: #222;
    border: 1px solid #5fff90;
    border-radius: 30px;
    width: 100%;
    min-width: 60px;
    height: 35px;
    box-sizing: border-box;
    padding: 6px 21px;
    text-align: center;
    line-height: 25px;
    FONT-WEIGHT: 600;
    font-size: 13px;
    margin: 10px 10px 4px 0;
    cursor: pointer;
    transition: background-color .3s ease
}

#notificationContainer .notificationCenter.userLimits .text {
    margin-top: 12px
}

#notificationContainer .notificationCenter.userLimits .text .previousLogin {
    text-align: center;
    margin: 14px 0
}

#notificationContainer .notificationCenter.userLimits .limitContainer {
    display: flex;
    padding: 8px 10px 8px 26px;
    background-color: #f6f6f6;
    border-radius: 50px;
    margin-bottom: 5px;
    align-items: center
}

#notificationContainer .notificationCenter.userLimits .limitType {
    display: inline-block;
    flex: 1;
    margin-right: 16px;
    color: #777676
}

#notificationContainer .notificationCenter.userLimits .limitType span:first-child {
    font-size: 16px;
    font-weight: bold;
    color: #000
}

#notificationContainer .notificationCenter.userLimits .limitProgressBar {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: conic-gradient(#6543a3 var(--progress), #cecece 0deg);
    font-size: 0
}

#notificationContainer .notificationCenter.userLimits .limitProgressBar::after {
    content: attr(data-progress) '%';
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 6px;
    border-radius: 50%;
    background: white;
    font-size: 11px;
    text-align: center;
    color: #7e7e7e
}

@keyframes show {
    from {
        width: 0;
        right: -400px
    }

    to {
        width: 380px;
        right: 0
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showMain {
    from {
        height: 0;
        top: -400px
    }

    to {
        height: auto;
        top: 0
    }
}

@keyframes hide {
    from {
        right: 0
    }

    50% {
        opacity: 0.75
    }

    99.99% {
        height: auto;
        position: relative
    }

    to {
        right: -400px;
        height: 0;
        opacity: 0;
        position: absolute
    }
}

@keyframes hideMain {
    from {
        top: 0
    }

    to {
        top: -400px
    }

    100% {
        height: 0;
        margin: 0;
        padding: 0
    }
}

@keyframes timer {
    from {
        width: 100%
    }

    to {
        width: 0
    }
}

@media screen and (max-width:460px) {
    #notificationContainer {
        padding-top: 50px;
        box-sizing: border-box
    }

    #notificationMainContainer .notificationCenter .textContainer {
        width: 80%
    }

    #notificationMainContainer .notificationCenter .textContainer .greenBtn,
    #notificationMainContainer .notificationCenter .textContainer .whiteBtn {
        margin-left: -50px;
        font-size: 2.8vw
    }

    #notificationContainer .notificationCenter .textContainer .text,
    #notificationContainer .notificationCenter .textContainer .greenBtn,
    #notificationContainer .notificationCenter .textContainer .whiteBtn,
    #notificationMainContainer .notificationCenter .textContainer .text {
        font-size: 13px;
        line-height: 17px
    }
}

@media screen and (max-width:360px) {
    #notificationContainer .notificationCenter {
        right: -60px;
        width: 310px
    }

    #notificationContainer .notificationCenter .iconContainer {
        width: 40px
    }
}

#bottomInfoContainer {
    padding: 50px 3% 60px 3%;
    position: relative;
    color: #fff;
    background-color: #181a1d;
    box-sizing: border-box;
    display: none;
    visibility: hidden
}

#bottomInfoContainer.open {
    width: 100%;
    display: block;
    visibility: visible
}

#bottomInfoContainer * {
    box-sizing: border-box
}

#bottomInfoContainer>div {
    display: flex;
    position: relative;
    max-width: 1338px;
    margin: auto;
    padding: 0;
    border-top: 1px solid #383838;
    overflow: hidden;
    transition: max-height 0.3s ease-out
}

#bottomInfoContainer>div div {
    width: 50%;
    padding: 0 15px;
    position: relative
}

#bottomInfoContainer h3 {
    font-size: 15px;
    font-weight: normal;
    margin: 17px 0
}

#bottomInfoContainer h3:first-of-type::before {
    content: "";
    width: 25px;
    height: 25px;
    margin-right: min(19px, 5%);
    background-image: url("/img/slot-machine.svg");
    background-position: center;
    background-size: contain;
    filter: invert(1);
    display: inline-block;
    transform: translateY(20%)
}

#bottomInfoContainer h3.puzzle::before {
    background-image: url("/img/puzzle.svg")
}

#bottomInfoContainer h3.roulette::before {
    background-image: url("/img/roulette.svg")
}

#bottomInfoContainer h3.sports::before {
    background-image: url("/img/sports.svg")
}

#bottomInfoContainer h3.chip::before {
    background-image: url("/img/chip.svg")
}

#bottomInfoContainer p,
#bottomInfoContainer li {
    font-size: 13px;
    color: #8a8a8b;
    line-height: 151%
}

#bottomInfoContainer ol,
#bottomInfoContainer ul {
    padding-inline-start: 25px
}

#bottomInfoContainer>div #fade {
    position: absolute;
    bottom: -1%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    height: 110px;
    background-image: linear-gradient(to bottom, rgba(24, 26, 29, 0), #181a1d 100%)
}

#bottomInfoContainer #readMore {
    display: block;
    position: relative;
    margin: 30px auto 0 auto;
    font-family: Roboto, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: scale 0.3s ease-out, rotate 0.3s ease-out
}

#bottomInfoContainer #readMore:hover {
    scale: 1.05
}

#bottomInfoContainer #readMore::after {
    content: "";
    height: 2em;
    width: 2em;
    background-image: url("/img/homemenu/side/arrowdown.svg");
    filter: invert();
    position: absolute;
    top: 50%;
    transform: translate(20%, -50%) rotate(180deg)
}

#bottomInfoContainer .minimised+#readMore::after {
    transform: translate(20%, -50%) rotate(0deg)
}

@media screen and (max-width:650px) {
    #bottomInfoContainer>div {
        display: block
    }

    #bottomInfoContainer>div div {
        width: 100%;
        max-width: 410px;
        margin: auto
    }
}

#realityCheckBg.open {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    top: 0;
    bottom: 0;
    z-index: 190000000;
    opacity: 0.5
}

#realityCheck {
    border: 1px solid #e8e7e8;
    background-color: #ffffff;
    padding: 32px 5px 0 5px;
    width: 500px;
    box-sizing: border-box;
    position: fixed;
    z-index: 2000000000000;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    border-radius: 14px
}

#realityCheck>div {
    text-align: center
}

#realityCheck>div:nth-child(1) {
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    height: 50px;
    max-width: 320px;
    background: #000;
    font-weight: 600;
    margin: 20px auto 30px;
    padding: 0
}

#realityCheck .rowContainer .title {
    font-weight: 600;
    margin-bottom: 10px
}

#realityCheck .rowContainer .row {
    display: flex;
    padding: 8px 40px 8px 40px;
    background-color: #f2f2f2;
    border-radius: 50px;
    height: 64px;
    align-items: center;
    max-width: 400px;
    margin: 0 auto 5px;
    box-sizing: border-box
}

#realityCheck .rowContainer .row div {
    display: inline-block;
    text-align: left
}

#realityCheck .rowContainer .row div:last-child {
    font-weight: 600;
    flex: 1;
    text-align: right
}

#realityButton {
    background-color: #5fff90;
    font-size: 17px;
    text-align: center;
    color: #111;
    padding: 15px 60px;
    font-weight: 500;
    border-radius: 30px;
    cursor: pointer;
    margin: 10px auto 20px;
    width: 130px
}

#realityCheck a {
    text-decoration: underline;
    font-size: 16px
}

@media screen and (min-width:501px) {
    #realityCheck {
        top: 50vh;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:418px) {
    #realityCheck {
        font-size: 16px;
        line-height: 23px;
        border-radius: 0;
        width: 100%
    }

    #realityCheck>div:nth-child(1) {
        font-size: 22px
    }

    #realityCheck .rowContainer .row {
        padding: 8px 20px
    }
}

html {
    overflow-x: hidden;
    overflow-y: auto
}

body,
html {
    background-color: #181a1d;
    padding: 0;
    margin: 0;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    -webkit-user-drag: auto;
    touch-action: auto;
    position: relative
}

html.evolution,
html.evolution body,
html.evolution.mobile,
html.evolution.mobile body,
html.thunderkick,
html.thunderkick body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

html.evolution.mobile,
html.evolution.mobile body,
html.thunderkick.mobile,
html.thunderkick.mobile body {
    overflow: auto
}

html.evolution iframe,
html.thunderkick iframe {
    padding: 0;
    margin: 0;
    border: none
}

* {
    -webkit-tap-highlight-color: transparent
}

#window-boxes-alert {
    display: none
}

a {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

.center {
    max-width: 980px;
    margin: 0 auto 0 auto
}

.notifiRound {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
    font-weight: 500
}

.notifiRound.green {
    background-color: #3bbf73
}

.r3px {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.r4px {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.r10px {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.r14px {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.ns {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

select {
    border: 1px solid #f7f7f7;
    height: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(/img/arrowDownGreen.svg) 0.9px no-repeat #f7f7f7;
    background-position: right 11px top 14px;
    background-size: 20px 21px;
    outline: none;
    -webkit-border-radius: 0px;
    margin: 14px 0 0 0;
    padding: 0 30px 0 20px;
    color: #afafaf;
    font-size: 15px;
    float: left;
    font-family: Roboto, Arial, sans-serif
}

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

input[type="number"] {
    -moz-appearance: textfield
}

input[type=text],
input[type=email],
input[type=password],
textarea,
input[type=number],
input[type=datetime-local],
input[type=date] {
    background-color: #f8f8f8;
    height: 50px;
    width: 100%;
    padding: 0 30px 0 15px;
    outline: none;
    border: 1px solid #e9e9e9;
    text-decoration: none;
    margin: 14px 0 0 0;
    font-size: 17px;
    color: #afafaf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #f8f8f8 inset;
    transition: background-color 5000s ease-in-out 0s
}

textarea {
    height: 140px
}

#gameWrapper {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#gameContainer {
    position: absolute;
    overflow: visible;
    top: 102px;
    width: 100%;
    bottom: 0
}

#gameContainer.noInGame {
    top: 70px
}

#gameContainer.notAvailable.noInGame {
    top: 90px
}

#sportBetDisabled {
    height: 20px;
    background-color: #ca0000;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    font-weight: 500;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    font-size: 13px;
    text-shadow: 0px 1px 2px #000000;
    animation: bgColorLoop 1.5s linear infinite alternate
}

@media screen and (max-width:950px) {
    #gameContainer.noInGame {
        top: max(13.4vw, 90px)
    }

    #sportBetDisabled {
        top: max(14vw, 90px)
    }

    #gameContainer.notAvailable.noInGame {
        top: max(16.4vw, 110px)
    }

    html.delasport #gamesCategoriesMenu {
        display: none
    }

    html.mobile.delasport #gameContainer {
        overflow: hidden
    }

    html.delasport #livechat.hidden {
        position: absolute !important;
        top: max(10vw, 60px) !important;
        left: 0 !important;
        right: 0 !important;
        height: 30px !important;
        max-width: 100% !important;
        width: 100% !important;
        visibility: visible !important;
        background: #2e2c59 !important;
        border-radius: 0 !important
    }

    html.delasport #livechat.hidden .header {
        top: 0;
        line-height: 30px
    }

    html.delasport #livechat.hidden .header:before {
        background: #6b40a9 url('/img/chatOnline.svg') 10px no-repeat;
        background-size: 5px;
        content: 'Live chat';
        color: #fff;
        border-radius: 10px;
        position: absolute;
        right: 15px;
        height: 20px;
        font-size: 12px;
        padding: 2px 15px 2px 25px;
        margin-top: 5px;
        box-sizing: border-box;
        line-height: normal
    }

    html.delasport #livechat.hidden .header svg {
        display: none
    }

    html.delasport #livechat.hidden #clock {
        background: transparent url('/img/clockSports.svg') center left no-repeat;
        background-size: 16px;
        height: 30px !important;
        color: #ffffff !important;
        text-align: center !important;
        line-height: 30px !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        bottom: auto !important;
        left: max(2.2vw, 10px) !important;
        right: 0 !important;
        padding-left: 6px !important
    }
}

html.netent.mobile #gameContainer,
html.thunderkick.mobile #gameContainer,
html.quickspin.mobile #gameContainer,
html.playngo.mobile #gameContainer,
html.yggdrasil.mobile #gameContainer,
html.microgaming.mobile #gameContainer,
html.pragmatic.mobile #gameContainer,
html.stakelogic.mobile #gameContainer,
html.merkur.mobile #gameContainer,
html.blueprint.mobile #gameContainer,
html.greentube.mobile #gameContainer,
html.swintt.mobile #gameContainer,
html.playtech.mobile #gameContainer {
    top: 32px;
    position: fixed
}

#gameResize {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    overflow: visible
}

.infoPage h1 {
    color: #53d78b;
    margin: 40px 0 0 0;
    font-size: 25px;
    padding: 0
}

.infoPage h2 {
    font-size: 20px;
    line-height: 28px;
    clear: both
}

.infoPage .devider {
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    float: left
}

.banner .header h1 {
    font-size: 60px;
    margin: 58px 0 0 0;
    font-weight: 500
}

.banner .header p {
    font-size: 20px;
    margin: 0 0 10px 0;
    padding: 0 0 0 6px
}

.banner .header {
    height: 226px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: top center
}

.banner .header.white,
.banner .header.white h1 {
    color: #ffffff !important
}

.evolutionGameContainer {
    background-image: url("/img/website/livecasino/evolution/livebackground.jpg");
    background-repeat: no-repeat;
    background-position: center center
}

.customSelectBox {
    height: 60px;
    float: right;
    position: relative;
    width: 100%;
    z-index: 2
}

.customSelectBox>img {
    height: 17px;
    width: 17px;
    position: absolute;
    right: 0;
    z-index: 3;
    cursor: pointer;
    padding: 25px 2px
}

.customSelectBox ul {
    width: 100%;
    height: auto;
    float: left;
    max-height: 0;
    overflow: hidden;
    padding: 50px 0 0;
    position: absolute;
    margin: 0 0 0 20px;
    z-index: 2
}

.customSelectBox.open ul {
    max-height: 400px;
    z-index: 5
}

.customSelectBox ul li {
    width: 100%;
    height: 35px;
    padding: 0 20px 0 10px;
    line-height: 35px;
    font-size: 13px;
    background: #ffffff;
    box-sizing: border-box;
    border: 1px solid #edf3f7;
    border-top: 0
}

.customSelectBox ul li.active-element {
    position: absolute;
    top: 12px;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #edf3f7;
    border-radius: 5px;
    z-index: 3
}

.customSelectBox li {
    display: block;
    float: left;
    color: #9d9d9d;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.customSelectBox li:not(.active-element):hover {
    background-color: #f2f6f9
}

.btnRoundGreen,
.btnRoundOrange,
.btnRoundWhite {
    padding: 9px;
    border-radius: 40px;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 0
}

.btnRoundGreen {
    background-color: #5fff90
}

.btnRoundOrange {
    background-color: #fd7333;
    color: #ffffff;
    background-image: linear-gradient(to right, #ff5e00, #ff3200)
}

.btnRoundWhite {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000
}

input[type="search"]::-webkit-search-cancel-button {
    display: none
}

@media screen and (max-width:760px) {
    .infoPage {
        font-size: 13px;
        line-height: 20px
    }

    .banner .header,
    .header .text {
        height: 176px
    }

    .banner .header h1 {
        font-size: 40px;
        margin: 40px 0 0px 0
    }

    .banner .header p {
        font-size: 3vw
    }
}

@media screen and (max-width:670px) {
    .default-page-styles .bannerImg {
        display: none
    }
}

@media screen and (max-width:490px) {
    .infoPage {
        font-size: 3vw;
        line-height: 3vw
    }
}

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

    input[type=text],
    input[type=email],
    input[type=password],
    textarea,
    input[type=number],
    input[type=datetime-local],
    input[type=date] {
        font-size: 14px
    }
}