.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 .625em #d9d9d9
}

.swal2-popup.swal2-toast .swal2-header {
    flex-direction: row;
    padding: 0
}

.swal2-popup.swal2-toast .swal2-title {
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    position: static;
    width: .8em;
    height: .8em;
    line-height: .8
}

.swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    padding: 0;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
        font-size: .25em
    }
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip .75s;
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long .75s;
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show .5s;
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide .1s forwards;
    animation: swal2-toast-hide .1s forwards
}

.swal2-container {
    display: flex;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
    background: 0 0 !important
}

.swal2-container.swal2-top {
    align-items: flex-start
}

.swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
    align-items: flex-start;
    justify-content: flex-start
}

.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.swal2-container.swal2-center {
    align-items: center
}

.swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
    align-items: center;
    justify-content: flex-start
}

.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end
}

.swal2-container.swal2-bottom {
    align-items: flex-end
}

.swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
    align-items: flex-end;
    justify-content: flex-start
}

.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-right > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom > :first-child {
    margin-top: auto
}

.swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center
}

.swal2-container.swal2-grow-row > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column
}

.swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
    align-items: center
}

.swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
    align-items: flex-start
}

.swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
    align-items: flex-end
}

.swal2-container.swal2-grow-column > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.swal2-container.swal2-no-transition {
    transition: none !important
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem
}

.swal2-popup:focus {
    outline: 0
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.8em
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-actions {
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    box-sizing: border-box;
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent !important;
    color: transparent !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px
}

.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: 3px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    box-shadow: none;
    font-weight: 500
}

.swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em
}

.swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
}

.swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .25em;
    overflow: hidden;
    border-bottom-right-radius: .3125em;
    border-bottom-left-radius: .3125em
}

.swal2-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

.swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.swal2-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer
}

.swal2-close:hover {
    transform: none;
    background: 0 0;
    color: #f27474
}

.swal2-close::-moz-focus-inner {
    border: 0
}

.swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0 1.6em;
    color: #545454;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word
}

.swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
    margin: 1em auto
}

.swal2-file, .swal2-input, .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    color: inherit;
    font-size: 1.125em
}

.swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5
}

.swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder {
    color: #ccc
}

.swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-file::-ms-input-placeholder, .swal2-input::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
    color: #ccc
}

.swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder {
    color: #ccc
}

.swal2-range {
    margin: 1em auto;
    background: #fff
}

.swal2-range input {
    width: 80%
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

.swal2-range input, .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

.swal2-input[type=number] {
    max-width: 10em
}

.swal2-file {
    background: inherit;
    font-size: 1.125em
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em
}

.swal2-checkbox, .swal2-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

.swal2-checkbox label, .swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-checkbox input, .swal2-radio input {
    margin: 0 .4em
}

.swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

.swal2-validation-message::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
    animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    background: inherit;
    font-weight: 600
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #3085d6
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: #add8e6;
    color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    right: auto;
    left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50, 100, 150, .4)
    }
}

@-webkit-keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }
    33% {
        transform: translateY(0) rotateZ(-2deg)
    }
    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }
    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }
    33% {
        transform: translateY(0) rotateZ(-2deg)
    }
    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }
    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@-webkit-keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@-webkit-keyframes swal2-show {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

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

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: calc(100% - .625em * 2);
    background-color: transparent !important
}

body.swal2-no-backdrop .swal2-container > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.swal2-no-backdrop .swal2-container.swal2-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-top-left, body.swal2-no-backdrop .swal2-container.swal2-top-start {
    top: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
    top: 0;
    right: 0
}

body.swal2-no-backdrop .swal2-container.swal2-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-left, body.swal2-no-backdrop .swal2-container.swal2-center-start {
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-left, body.swal2-no-backdrop .swal2-container.swal2-bottom-start {
    bottom: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
    right: 0;
    bottom: 0
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    background-color: transparent
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch
}

body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em
}

body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center
}

body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em
}

body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em
}

.lds-facebook {
    display: block;
    position: absolute;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #dddddd;
    -webkit-animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    left: 6px;
    -webkit-animation-delay: -0.24s;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 26px;
    -webkit-animation-delay: -0.12s;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 45px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

@-webkit-keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

.br-6 {
    border-radius: 6px !important;
}

.mobile-blocks {
    padding: 5px 10px;
}

.mainPageTabs {
    margin-left: -8px;
    margin-right: -8px;
}

.mainPageTabs .mpItem {
    text-align: center;
    padding: 5px !important;
}

.mainPageTabs .mpItem a.smTabs {
    border-radius: 6px;
    font-size: 10px;
    display: block;
    background: #1F8D3A;
    -webkit-box-shadow: inset 0 -3px 0 0 #1A7631;
    box-shadow: inset 0 -3px 0 0 #1A7631;
    padding: 10px 3px;
}

.mainPageTabs .mpItem a.smTabs img {
    width: 30px;
}

.mainPageTabs .mpItem a.smTabs span {
    line-height: 1.6;
    display: block;
    color: #fff;
}

.mainPageTabs .mpItem a.smTabs span.mp1 {
    margin-top: 5px;
    font-weight: bold;
}

.mainPageTabs .mpItem a.smTabs:hover, .mainPageTabs .mpItem a.smTabs:focus, .mainPageTabs .mpItem a.smTabs:active {
    background: #0F6D2A;
    text-decoration: none;
}

.aff-main .btn {
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid #006000;
    color: #ffffff;
    padding: 0 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 4px 2px 0 #d4d4d4;
    box-shadow: 0 4px 2px 0 #d4d4d4;
    background-color: #008200;
    border-color: #006000;
    margin-top: 15px;
}

.aff-main .navbar-dark {
    background: #2B3B4B !important;
    border-radius: 4px;
    font-size: 13px;
}

.aff-main .aff-bottom .aff-desc {
    font-size: 13px;
}

.aff-main .aff-bottom .aff-desc h2 {
    font-size: 16px;
}

.aff-main .aff-top {
    position: relative;
}

.aff-main .aff-top .top-h {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    line-height: 1.3;
}

.aff-main .aff-top .top-h .h {
    color: #1e2833;
    font-size: 3.6em;
    font-weight: 500;
}

.aff-main .aff-top .top-h .d {
    color: #0F853D;
    font-size: 3em;
}

.nav-pills .nav-link.active[data-v-f152eece] {
    background-color: #2a3b4b;
}

.nav-pills .nav-link[data-v-f152eece]:not(.active) {
    color: #293b4b;
}

.title-h6[data-v-f152eece] {
    font-size: 25px;
    margin: 20px 0px;
}

.bonusContent {
    padding: 20px;
}

.bonusContent ol {
    margin-left: 20px;
}

.bonusContent table {
    border: 1px solid #dee2e6;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.bonusContent table td, .bonusContent table th {
    padding: .25rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
    text-align: center;
}

.bonusContent table td p, .bonusContent table th p {
    margin: 5px 0;
}

.page-bonuses {
    background-image: url("/assets/images/tipobet-promo-BG-1365.jpg") !important;
    background-repeat: no-repeat;
    background-position: center 180px !important;
    background-attachment: unset !important;
}

.page-bonuses.site-lang-en {
    background-image: url("/assets/images/promo_bg_en.webp") !important;
}

.page-bonuses .container-main {
    background: transparent !important;
    padding-top: 443px;
}

.page-bonuses .container-main .bonus-list a > img {
    width: 100%;
}

.page-bonuses .isMobile .container-main {
    padding-top: 0px;
}

.b-cfilter .item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.b-cfilter a {
    border-radius: 40px;
    background: #e5e7f4;
    border: 1px solid #524471;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
    padding: 8px 20px;
}

.b-cfilter a.router-link-active {
    color: #fff;
    background: #524471;
}

.bonus-cards .b-card {
    /*background: #fff;*/
    /*border-radius: 3px;*/
    /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);*/
}

.bonus-cards .f-s-10 {
    font-size: 10px;
}

.bonus-cards .btn-link {
    color: #585858;
}

.bonus-cards .btn-lg {
    padding: 11px 30px;
    border-radius: 3px;
}

.page-login {
    background-image: -webkit-gradient(linear, right top, left top, from(#424757), to(#0F585C));
    background-image: linear-gradient(-90deg, #424757 0%, #0F585C 100%);
}

.login-mobile {
    background-image: url("/tipobet/img/t-login-page-top.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 20px;
}

.login-mobile .input-title {
    font-size: 25px !important;
    margin: 20px 0 0 0 !important;
    padding: 0 0 5px 0 !important;
}

.login-mobile .input-title-under {
    font-size: 14px !important;
    margin: 0 0 0 0 !important;
    padding-top: 0 !important;
    margin-top: -13px !important;
    margin-bottom: 50px !important;
}

.login-mobile ::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.login-mobile ::-moz-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.login-mobile :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.login-mobile ::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.login-mobile ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.login-mobile .login-logo {
    padding: 60px 0;
    padding: calc((100vh - 665px) / 2) 0;
}

.login-mobile .input-label {
    font-size: 11px;
    color: #9D9FA9;
    margin: 0;
    padding: 18px 0 5px 15px;
}

/*.login-mobile .input-div .input-svg {*/
/*position: absolute;*/
/*width: 20px;*/
/*height: 20px;*/
/*margin: 0 -35px*/
/*}
*/
.login-mobile .input-text {
    height: 50px;
    width: 100%;
    padding: 15px 20px 15px 66px;
    border: 1px solid #5C8289;
    border-radius: 6px;
    color: #7F9EA5;
    background-size: 36px 20px;
    background-color: transparent;
    background-image: url("/tipobet/img/t-login-username.svg");
    background-position: 17px 15px;
    background-repeat: no-repeat;
}

.login-mobile .input-text-username {
    background-image: url("/tipobet/img/t-login-username.svg");
}

.login-mobile .input-text-password {
    background-image: url("/tipobet/img/t-login-password.svg");
}

.login-mobile .login-btn {
    background: #1F8D3A;
    border: 1px solid #85BDC0;
    padding: 21px;
    width: 100%;
    color: white;
}

.login-mobile .remember {
    font-size: 11px;
    color: #9D9FA9;
    padding: 27px 0 23px 45px;
}

.login-mobile .forgot-pass {
    padding: 27px 0 23px 45px;
    font-family: Helvetica;
    font-size: 11px;
    color: #9D9FA9;
    text-align: right;
}

.login-mobile .remember .login-checkbox {
    margin: -4px 0 0 -35px;
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid #5C8289;
    border-radius: 6px;
}

.login-mobile .remember .login-check {
    margin: 1px 0 0 -30px;
    position: absolute;
    width: 15px;
    height: 15px;
}

.login-mobile .forgot {
    font-size: 11px;
    color: #9D9FA9;
    text-align: right;
    color: #9D9FA9;
    padding: 27px 0 0 45px;
}

.login-mobile .forgot .forgot-svg {
    margin: 0 0 0 -35px;
    position: absolute;
    width: 16px;
    height: 16px;
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    -webkit-box-shadow: 0 0 1px 0 #888;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/images/vendor/intl-tel-input/build/flags.png?416250f60d785a2e02f17e054d2e4e44);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(/tipobet/img/flags@2x.png?d429a5777afaf2fc349652e812e9bb11)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.page-register {
    background-image: -webkit-gradient(linear, right top, left top, from(#424757), to(#0F585C));
    background-image: linear-gradient(-90deg, #424757 0%, #0F585C 100%);
}

.register-mobile {
    background-image: url("/tipobet/img/t-login-page-top.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 20px;
    /*form*/
    /*btn*/
    /*checks*/
}

.register-mobile .intl-tel-input {
    display: block !important;
    width: 100%;
}

.register-mobile .intl-tel-input .flag-container {
    height: 50px !important;
}

.register-mobile .intl-tel-input .selected-flag {
    margin: 0 0 0 8px;
}

.register-mobile .intl-tel-input input {
    background-image: none;
    padding-left: 65px !important;
}

.register-mobile .intl-tel-input .iti-arrow {
    border-top: 4px solid #5C8289;
}

.register-mobile ::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.register-mobile ::-moz-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.register-mobile :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.register-mobile ::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.register-mobile ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7F9EA5;
    opacity: 1;
    /* Firefox */
}

.register-mobile .login-logo {
    padding: 60px 0;
    padding: calc((100vh - 525px) / 3) 0;
}

.register-mobile .is-invalid {
    border-color: #d45561 !important;
}

.register-mobile .is-invalid-desc {
    color: #d45561 !important;
}

.register-mobile .input-title {
    font-size: 25px !important;
    margin: 20px 0 0 10px !important;
}

.register-mobile .input-title-under {
    font-size: 14px !important;
    margin: 0 0 0 10px !important;
    padding-top: 0 !important;
    margin-top: -13px !important;
    margin-left: 63px !important;
}

.register-mobile .input-label {
    font-size: 11px;
    color: #9D9FA9;
    margin: 0;
    padding: 18px 0 5px 15px;
}

.register-mobile .input-label small {
    margin: 1px 0 0 10px;
}

.register-mobile .input-dt {
    background-image: none !important;
    padding: 10px 0 10px 20px !important;
}

.register-mobile textarea {
    height: auto !important;
}

.register-mobile .input-text {
    height: 50px !important;
    width: 100%;
    padding: 15px 20px 15px 66px;
    border: 1px solid #5C8289;
    border-radius: 6px;
    color: #7F9EA5;
    background-color: transparent;
    /*background-size: 36px 20px;*/
    /*background-image: url('/tipobet/img/t-login-username.svg');*/
    /*background-position: 17px 15px;*/
    /*background-repeat: no-repeat;*/
}

.register-mobile .input-icon {
    border-right: 1px solid #7F9EA5;
    position: absolute;
    padding: 2px 19px;
    margin: 16px 0px;
    color: #7F9EA5;
    border-right: 1px solid #7F9EA5;
}

.register-mobile .login-btn {
    background: #1F8D3A;
    border: 1px solid #85BDC0;
    padding: 21px;
    width: 100%;
    color: white;
}

.register-mobile .check {
    font-size: 11px;
    color: #9D9FA9;
    padding: 10px 0 10px 45px;
}

.register-mobile .check .login-checkbox {
    margin: -4px 0 0 -35px;
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid #5C8289;
    border-radius: 6px;
}

.register-mobile .check .login-check {
    margin: 1px 0 0 -30px;
    position: absolute;
    width: 15px;
    height: 15px;
}

.custom-file *, .custom-file *:after {
    z-index: unset;
}

.cp {
    cursor: pointer;
}

.bb-lb {
    border-bottom: 1px solid white;
}

.bb-db {
    border-bottom: 1px solid white;
}

.br-10 {
    border-radius: 10px;
}

.p-10 {
    padding: 10px;
}

.bg-lb {
    background-color: whitesmoke;
}

.bg-mb {
    background-color: grey;
}

.bg-db {
    background-color: grey;
}

.bg-fg {
    background-color: #1EFF93;
}

.bg-y {
    background-color: #F2C94C;
}

.bg-lr {
    background-color: #FF8296;
}

.font-db {
    color: #000;
}

label[data-v-de9cb1ec] {
    margin: 0;
}

label[data-v-f6770976] {
    margin: 0;
}

.modal-class .modal-content {
    background: white;
    padding: 10px 20px;
}

[data-v-25a1c46b]::-webkit-input-placeholder {
    color: #dddfe2;
}

[data-v-25a1c46b]::-moz-placeholder {
    color: #dddfe2;
}

[data-v-25a1c46b]:-ms-input-placeholder {
    color: #dddfe2;
}

[data-v-25a1c46b]::-ms-input-placeholder {
    color: #dddfe2;
}

[data-v-25a1c46b]::placeholder {
    color: #dddfe2;
}

.wdItem {
    background: -webkit-gradient(linear, left top, left bottom, from(#FDFEFF), to(#F2F7FC));
    background: linear-gradient(180deg, #FDFEFF 0%, #F2F7FC 100%);
    border: 1px solid #DBE4EE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 15px;
    cursor: pointer;
}

.wdItem .itemTitle {
    line-height: 1.8;
    font-family: 'Avenir', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #566777;
}

.wdItem .itemTitle .itemSelect {
    font-size: 11px;
    color: #15783A;
}

.wdItem .itemTitle .itemTime {
    font-weight: normal;
    font-size: 12px;
    color: #566777;
}

.allpayBanks .sbItem {
    display: block;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #555;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 15px 5px;
    border: solid 4px #c5c8cf;
    border-radius: 10px;
}

.allpayBanks .sbItem:hover {
    text-decoration: none;
}


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/
body, html {
    scroll-behavior: smooth;
}

.depositWrapper.dwMobile .hood[data-v-760911cb] {
    width: 100%;
    border-bottom: 10px solid #f4f5f6;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    color: #656974;
}

.depositWrapper.dwMobile .hood span[data-v-760911cb] {
    width: 30px;
    display: table;
    border: 2px solid #007d00;
    margin: 10px auto;
}

.depositWrapper.dwMobile .nav[data-v-760911cb] {
    width: 100%;
    display: block;
}

.depositWrapper.dwMobile .nav li[data-v-760911cb] {
    position: relative;
    float: left;
    width: 50%;
    z-index: 1;
    height: 98px;
    text-align: center;
    border: solid 1px #c5c8cf;
}

.depositWrapper.dwMobile .nav li .inn[data-v-760911cb] {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e7e8ec;
    background: linear-gradient(45deg, #e7e8ec 0%, #ffffff 100%);
}

.depositWrapper.dwMobile .nav li[data-v-760911cb]:last-child {
    border: solid 1px #c5c8cf;
}

.depositWrapper.dwMobile .nav li a[data-v-760911cb] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.depositWrapper.dwMobile .nav li:hover .inn[data-v-760911cb], .depositWrapper.dwMobile .nav li.active .inn[data-v-760911cb] {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: solid 2px #26a655;
}

.depositWrapper.dwMobile .nav li:hover .inn[data-v-760911cb]:after, .depositWrapper.dwMobile .nav li.active .inn[data-v-760911cb]:after {
    content: "";
    height: 10px;
    width: 19px;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
}

.depositWrapper.dwMobile .nav li[data-v-760911cb]:hover {
    z-index: 5;
}

.depositWrapper.dwMobile .nav li .img[data-v-760911cb] {
    width: 100%;
    height: 66px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.depositWrapper.dwMobile .nav li .bankNote[data-v-760911cb] {
    width: 100%;
    color: #8c8f97;
    font-size: 12px;
    font-weight: 600;
}

.depositWrapper.dwMobile .lineRow[data-v-760911cb] {
    width: 100%;
    overflow: hidden;
    min-height: 148px;
    margin-top: 50px;
}

.depositWrapper.dwMobile .lineRow .tx[data-v-760911cb] {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #545e66;
    display: block;
}

.depositWrapper.dwMobile .inputHolder[data-v-760911cb] {
    border-bottom: 2px solid #c4c8cf;
    margin-bottom: 40px;
}

.depositWrapper.dwMobile .inputHolder[data-v-760911cb]:after {
    content: "";
    clear: both;
    display: block;
}

.depositWrapper.dwMobile .inputHolder span[data-v-760911cb] {
    float: left;
    width: 30px;
    line-height: 36px;
}

.depositWrapper.dwMobile .lineRow .form-control[data-v-760911cb] {
    float: left;
    width: calc(100% - 30px);
    height: 36px;
    display: inline-block;
    background-color: transparent;
    border: none;
    padding: 0;
    font-weight: 600;
    font-size: 22px;
    color: #94a4b0;
    padding-left: 10px;
    margin-bottom: 0;
}

.depositWrapper.dwMobile .lineRow .form-group[data-v-760911cb] {
    margin-bottom: 0;
}

.depositWrapper.dwMobile .linkBtn[data-v-760911cb] {
    float: right;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid #006000;
    color: #ffffff;
    padding: 0 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 4px 2px 0 #d4d4d4;
    box-shadow: 0 4px 2px 0 #d4d4d4;
    background-color: #008200;
    border-color: #006000;
    margin-top: 15px;
}

.depositWrapper.dwMobile .linkBtn[data-v-760911cb]:hover {
    background-color: #006000;
    color: #FFF;
}

.form-control.is-invalid[data-v-760911cb] {
    -webkit-box-shadow: inset 0px 0px 2px 0px red;
    box-shadow: inset 0px 0px 2px 0px red;
}

.is-invalid-desc.form-text[data-v-760911cb] {
    display: none !important;
}

.depositWrapper .nav li[data-v-760911cb] {
    border-width: 4px;
}

.depositWrapper .nav li.op4[data-v-760911cb] {
    opacity: .4;
}

.depositWrapper .nav li.op4[data-v-760911cb]:hover {
    opacity: 1;
}

.depositWrapper .nav li.selectedcepbank[data-v-760911cb] {
    border: solid 4px #26a655;
}


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/
.eftFrame {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.eftFrame .heading {
    background-color: #404245;
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 23px;
    border-radius: 30px;
}

.eftFrame:after, .bankList:after {
    content: "";
    display: block;
    clear: both;
}

.bankList {
    width: 100%;
}

.bankList .bankItem {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7FAFD));
    background: linear-gradient(180deg, #FFFFFF 0%, #F7FAFD 100%);
    border: 1px solid #DFE7F1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bankList .bankItem * {
    position: relative;
    z-index: 2 !important;
}

.bankList .bankItem .img {
    width: 100%;
    height: 90px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bankList .bankItem .bankName {
    width: 100%;
    color: #8c8f97;
    font-size: 12px;
    font-weight: 600;
}

.bankList .bankItem .mindeposit {
    margin-top: 5px;
    font-family: 'Avenir', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #8D9DAB;
}

.bankList .bankItem .link {
    opacity: 1;
    pointer-events: none;
    width: 100%;
    margin-top: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bankList .bankItem .link a {
    background: #FFFFFF;
    border: 1px solid #DFE7F1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 4px 10px;
    display: inline-block;
    width: 100px;
    font-size: 12px;
    font-weight: bold;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #566777;
}

.bankList .bankItem .link a:hover {
    background-color: #15783A;
    color: #fff;
}

.bankList .bankItem:hover {
    z-index: 5;
    border: 1px solid #15783A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.bankList .bankItem:hover .link a {
    opacity: 1;
    pointer-events: inherit;
    background-color: #019f01;
    color: #fff;
}

.bankList.bankListMobile {
    width: 100%;
}

.bankList.bankListMobile .bankItem {
    width: calc(50% - 4px);
}

.bankList.bankListMobile .bankItem * {
    position: relative;
    z-index: 2 !important;
}

.bankList.bankListMobile .bankItem .img {
    width: 100%;
    padding: 0 20px;
    height: 90px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bankList.bankListMobile .bankItem .img img {
    max-width: 90%;
}

.bankList.bankListMobile .bankItem .bankName {
    width: 100%;
    color: #8c8f97;
    font-size: 12px;
    font-weight: 600;
}

.bankList.bankListMobile .bankItem .link {
    opacity: 1;
}

.bankList.bankListMobile .bankItem .link a:hover {
    background-color: #019f01;
}

.bankList.bankListMobile .bankItem:hover {
    z-index: 5;
}

.bankList.bankListMobile .bankItem:hover .bankName {
    color: #007f00;
}

.eftFrame {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.eftFrame:after {
    content: "";
    display: block;
    clear: both;
}

.eftFrame .heading {
    background-color: #404245;
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 23px;
    border-radius: 30px;
}

.bankList {
    width: 100%;
}

.bankItem {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: calc(20% - 4px);
    margin-right: 4px;
    height: 194px;
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    border-radius: 3px;
}

.bankItem * {
    position: relative;
    z-index: 2 !important;
}

.bankItem .img {
    width: 100%;
    height: 90px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bankItem .bankName {
    width: 100%;
    color: #8c8f97;
    font-size: 12px;
    font-weight: 600;
}

.bankItem .link {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    margin-top: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bankItem .link a {
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bankItem .link a:hover {
    background-color: #019f01;
    text-decoration: none;
}

.bankItem:hover {
    z-index: 5;
}

.bankItem:hover .link {
    opacity: 1;
    pointer-events: inherit;
}

.bankItem:hover .bankName {
    color: #007f00;
}


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/
.ortakFrame iframe {
    width: 100%;
    min-height: 500px;
}

[data-v-305ffa8a]::-webkit-input-placeholder {
    color: #7F9EA5;
    opacity: 1;
}

[data-v-305ffa8a]::-moz-placeholder {
    color: #7F9EA5;
    opacity: 1;
}

[data-v-305ffa8a]:-ms-input-placeholder {
    color: #7F9EA5;
    opacity: 1;
}

[data-v-305ffa8a]::-ms-input-placeholder {
    color: #7F9EA5;
    opacity: 1;
}

[data-v-305ffa8a]::placeholder {
    color: #7F9EA5;
    opacity: 1;
}


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/


/*
    img {
        border: 1px solid red;
    }
*/
.superBanks .sbItem {
    display: block;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #555;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 15px 5px;
    border: solid 4px #c5c8cf;
    border-radius: 10px;
}

.superBanks .sbItem:hover {
    text-decoration: none;
}

.depositBankItem .depositBankItemInner[data-v-666fa865] {
    background: #fff;
    border: solid 1px #ddd;
}

/*
        img {
            border: 1px solid red;
        }
    */
.depositBanks .depositBankItem[data-v-32c371f8] {
    cursor: pointer;
    font-size: 13px;
}

.depositBanks .depositBankItem .depositBankItemInner[data-v-32c371f8] {
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(rgba(255, 255, 255, 0))), #e5e7f4;
    border: solid 1px #f7f7f7;
    border-radius: 15px;
}

.depositBanks .depositBankItem .depositBankItemInner .btn-sal[data-v-32c371f8] {
    padding: 10px 0;
    width: 100%;
}

.depositBanks .depositBankItem .depositBankItemInner.depositBankItemActive[data-v-32c371f8] {
    color: #155724;
    background-color: #c3e6cb;
    background: #fff;
    border: solid 1px #efe;
}

.depositNew .depositItem {
    background: #FDFEFF;
    border: 1px solid #DBE4EE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    color: #566777;
    cursor: pointer;
}

.depositNew .depositItem .itemTop {
    padding: 22px;
    border-bottom: 1px solid #DBE4EE;
    background: -webkit-gradient(linear, left top, left bottom, from(#FDFEFF), to(#F2F7FC));
    background: linear-gradient(180deg, #FDFEFF 0%, #F2F7FC 100%);
    border-radius: 5px 5px 0px 0px;
}

.depositNew .depositItem .itemTop .itemTitle {
    font-family: "Avenir", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #566777;
}

.depositNew .depositItem .itemTop .itemBonus {
    font-weight: normal;
}

.depositNew .depositItem .minMax {
    font-weight: normal;
    font-size: 12px;
}

.depositNew .depositItem .minMax .minDeposit {
    border-right: 1px solid #DBE4EE;
}

.depositNew .depositItem.itemTest .itemTop {
    background: -webkit-gradient(linear, left top, left bottom, from(#0B6E50), to(#1ea27a));
    background: linear-gradient(180deg, #0B6E50 0%, #1ea27a 100%);
}

.depositNew .depositItem.itemTest .itemTop > * {
    color: #fff !important;
}

@-webkit-keyframes bgFadeColor {
    to {
        background-color: #fdc8c8;
    }
}

@keyframes bgFadeColor {
    to {
        background-color: #fdc8c8;
    }
}

.paymentInnerContentMobile .logoHolder {
    float: left;
    width: 100%;
    height: 80px;
    border: solid 1px #c5c8cf;
    margin-bottom: 12px;
}

.paymentInnerContentMobile .logoHolder img {
    height: 80px;
}

.paymentInnerContentMobile .rightContent {
    float: left;
    width: 100%;
}

.paymentInnerContentMobile .rightContent .lineRow {
    padding: 20px;
}

.paymentInnerContentMobile .lineRow {
    padding: 20px;
}

.tipListMobile {
    text-align: left;
}

.tipListMobile .tipItem .img {
    float: left;
}

.tipListMobile .tipItem .noteWrap {
    padding: 10px 5px;
    float: left;
}

.tipListMobile .tipItem {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    position: relative;
    font-size: 12px;
    text-align: left;
    background: linear-gradient(45deg, #f3f3f3, #ffffff 100%);
    border: solid 1px #d8dbe2;
}

.tipListMobile .tipItem.tipListMobileFeatured {
    background: linear-gradient(45deg, #f3f3f3, #ffffff 100%);
    -webkit-animation: bgFadeColor 2s ease-in-out infinite alternate !important;
    animation: bgFadeColor 2s ease-in-out infinite alternate !important;
}

.panel-sub-contents {
    min-height: 369px;
}

.bankPaymentFrame {
    width: 100%;
}

.bankPaymentFrame:after, .bankPaymentFrame .form-group:after {
    content: "";
    display: block;
    clear: both;
}

.bankPaymentFrame .accountInfo {
    width: 100%;
    /*border-bottom: 5px solid #b9d6d1;*/
    background: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#cde1df), color-stop(61%, #eff0f4));
    background: linear-gradient(to bottom, #cde1df 0%, #eff0f4 61%);
}

.bankPaymentFrame .accountInfo .bankSelected {
    width: 100%;
    height: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}

.bankPaymentFrame .accountInfo .bankSelected .logos {
    float: left;
    width: 220px;
    height: 100px;
}

.bankPaymentFrame .accountInfo .bankSelected span {
    float: left;
    background-color: #ffffff;
    width: 220px;
    height: 100px;
    -webkit-box-shadow: 0 4px 0 0 #b3c8c5;
    box-shadow: 0 4px 0 0 #b3c8c5;
    border-radius: 3px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bankPaymentFrame .accountInfo .bankSelected strong {
    float: left;
    padding-top: 40px;
    width: calc(100% - 220px);
    text-align: center;
    color: #485d59;
    font-weight: bold;
    font-size: 18px;
}

.bankPaymentFrame .accountInfo .bankInfo {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

.bankPaymentFrame .accountInfo .bankInfo .form-group {
    width: 100%;
    background-color: #ffffff;
    height: 36px;
    -webkit-box-shadow: 0 4px 2px 0 #d2dcdc;
    box-shadow: 0 4px 2px 0 #d2dcdc;
    border-radius: 3px;
}

.bankPaymentFrame .accountInfo .bankInfo .cell {
    width: 100%;
    display: block;
    line-height: 36px;
    color: #a0a0a0;
    font-size: 14px;
    font-weight: bold;
}

.bankPaymentFrame .accountInfo .bankInfo .cell:after {
    content: ":";
    float: right;
}

.bankPaymentFrame .accountInfo .bankInfo .form-control {
    width: 100%;
    height: 36px;
    background-color: transparent;
    border: none;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    color: #404245;
}

.bankPaymentFrame .accountInfo .bankInfo .form-control.red {
    color: #db504c;
}

.bankPaymentFrame .accountInfo .bankInfo.bankInfoMobile * {
    font-size: 12px !important;
}

.bankPaymentFrame .button {
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #767b88;
    height: 47px;
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 3px solid #6b707c;
    color: #ffffff;
    padding: 0 20px;
    border-radius: 25px;
    -webkit-box-shadow: 0 4px 2px 0 #d4d4d4;
    box-shadow: 0 4px 2px 0 #d4d4d4;
}

.bankPaymentFrame .button:hover {
    background-color: #6b707c;
}

.bankPaymentFrame .nextProcess {
    width: 100%;
    background-color: #f8f9fb;
}

.warningNote {
    width: 100%;
    padding-left: 95px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ea5e5a;
    height: 85px;
    font-size: 13px;
    color: #ffffff;
    position: relative;
}

.warningNote:before {
    content: "";
    background: url(/assets/images/warning-icon.png?a) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 95px;
    height: 100%;
}

.warningNote:after {
    content: "";
    background: url(/assets/images/blur.png?a) no-repeat center center;
    background-size: cover;
    position: absolute;
    width: 95px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.warningNote span {
    float: left;
    width: 100%;
    padding-right: 10px;
    padding-top: 20px;
}

.investorInfo {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 10px;
}

.investorInfo .form-control {
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    color: #404245;
    background-color: transparent;
    border: 1px solid #d0d2d8;
    border-radius: 25px;
}

.investorInfo .cell {
    line-height: 50px;
    font-weight: 600;
    font-size: 15px;
    color: #404245;
}

.lastNote {
    width: 100%;
    color: #ffffff;
    background-color: #404245;
    text-align: center;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 600;
    border-radius: 3px;
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

@media (max-width: 989px) {
    .not-padding-mobile {
        padding: 0 !important;
    }
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

@media (max-width: 989px) {
    .not-padding-mobile {
        padding: 0 !important;
    }
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

.container-game .cont-moboile {
    background: none;
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

#total_player {
    float: left;
    background: #2a3a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#2a3a4a), color-stop(51%, #202c39), color-stop(52%, #1d2833), to(#2a3a4a));
    background: linear-gradient(to bottom, #2a3a4a 0%, #202c39 51%, #1d2833 52%, #2a3a4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a3a4a', endColorstr='#2a3a4a', GradientType=0);
    border-radius: 12px;
    font-weight: 600;
    font-size: 45px;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: -0.75px;
    margin-left: 10px;
    line-height: 1;
    padding: 10px 15px;
}

#total_player .curr {
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
}

.poker-row:not(:first-child) {
    cursor: pointer !important;
}

.poker-row:not(:first-child):hover {
    background: #a3deb1 !important;
}

@media (max-width: 989px) {
    .poker-side {
        padding-left: 0 !important;
    }
}

.page-evolution .casino-item {
    padding: 7px;
}

@media (max-width: 989px) {
    .page-evolution .container {
        padding: 0 5px;
    }

    .page-evolution .casino-item {
        padding-top: 0;
        padding-bottom: 10px;
    }
}

.jackpotDetails .jackpot {
    background: #0E1626;
    color: #F1F0A1;
    font-weight: bold;
    font-size: 35px;
}

.streak_items {
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.streak_items a {
    position: relative;
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
}

.streak_items a[href]:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.streak_items a > span {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px #00000075;
    box-shadow: 0 0 20px #00000075;
}

.streak_items a > span .type {
    position: absolute;
    margin: 10px;
}

.streak_items a > span .type img {
    width: 150px;
}

.streak_items a > span .dealer {
    position: absolute;
    padding: 6px 15px;
    bottom: 0;
    background-color: #97875c;
    color: #fff;
}

.streak_items a > span .seats {
    position: absolute;
    right: 0;
    bottom: 0;
    color: white;
    padding: 8px;
    background: #00000082;
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000;
}

.streak_items a > span .seats .not-available-seats {
    opacity: .5;
}

.streak_items a > span .g-status {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px;
    color: white;
}

.streak_items a > span .status * {
    vertical-align: middle;
}

.streak_items a > span .online, .streak_items a > span .offline {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #333;
    border-radius: 10px;
}

.streak_items a > span .online {
    background: #0f0;
}

.cc1 {
    font-size: 9.207px;
    letter-spacing: 2.5px;
    font-family: "Geometria", sans-serif;
    color: #edba07;
    line-height: 3.436;
    text-align: center;
    -webkit-transform: matrix(2.389, 0, 0, 2.389, 0, 0);
    transform: matrix(2.389, 0, 0, 2.389, 0, 0);
    z-index: 64;
    padding-top: 20px;
}

/*.btn-info { can't be global
    padding: 5px 10px;
    background: #22a86c;
}*/
.casinoItems[data-v-e2580d06] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-e2580d06] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-e2580d06] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-e2580d06] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-e2580d06] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-e2580d06]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-e2580d06]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-e2580d06] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-e2580d06] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-e2580d06]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-e2580d06] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-e2580d06] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

.border-radius-xpg[data-v-e2580d06] {
    border-radius: 4px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

#slotMobileMenu01 .nav-item[data-v-801a35ec] {
    border-bottom: 1px solid #454d54;
}

#slotMobileMenu01 .nav-item a[data-v-801a35ec] {
    display: block;
}

.img-zm[data-v-801a35ec] {
    -webkit-animation: img-zm-data-v-801a35ec 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-801a35ec 2s ease-in-out infinite alternate;
}

.bg-w-50[data-v-801a35ec] {
    background: rgba(255, 255, 255, 0.5);
}

.bg-slot-side[data-v-801a35ec] {
    background: #ffffff url("/assets/images/side-bg-2.png");
    background-size: cover;
    min-height: 270px;
}

.bg-slot-side .slot-side-bottom[data-v-801a35ec] {
    background: #2B3B4B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B3B4B), to(#1C1F24));
    background: linear-gradient(to bottom, #2B3B4B 0, #1C1F24 100%);
    height: 0px;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10;
}

.bg-slot-side img[data-v-801a35ec] {
    height: 220px;
}

.bg-slot-side .t-slot-image[data-v-801a35ec] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
}

.bg-slot-side .t-slot-image.slot-back[data-v-801a35ec] {
    left: 30px;
}

.bg-slot-side .t-slot-image.slot-model[data-v-801a35ec] {
    left: 120px;
    height: 280px;
}

@-webkit-keyframes img-zm-data-v-801a35ec {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes img-zm-data-v-801a35ec {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.casinoItems[data-v-3056d1c1] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-3056d1c1] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-3056d1c1] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-3056d1c1] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-3056d1c1] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-3056d1c1]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-3056d1c1]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-3056d1c1] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-3056d1c1] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-3056d1c1]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-3056d1c1] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-3056d1c1] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

.casinoItems[data-v-6e87a86a] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-6e87a86a] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-6e87a86a] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-6e87a86a] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-6e87a86a] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-6e87a86a]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-6e87a86a]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-6e87a86a] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-6e87a86a] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-6e87a86a]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-6e87a86a] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-6e87a86a] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

.casinoItems[data-v-1dd76db4] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-1dd76db4] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-1dd76db4] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-1dd76db4] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-1dd76db4] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-1dd76db4]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-1dd76db4]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-1dd76db4] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-1dd76db4] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-1dd76db4]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-1dd76db4] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-1dd76db4] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

.casinoItems[data-v-36901eb4] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-36901eb4] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-36901eb4] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-36901eb4] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-36901eb4] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-36901eb4]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-36901eb4]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-36901eb4] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-36901eb4] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-36901eb4]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-36901eb4] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-36901eb4] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

.casinoItems[data-v-0dae870e] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-0dae870e] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-0dae870e] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-0dae870e] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-0dae870e] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-0dae870e]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-0dae870e]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-0dae870e] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-0dae870e] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-0dae870e]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-0dae870e] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-0dae870e] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

#slotMobileMenu01 .nav-item[data-v-4fb971aa] {
    border-bottom: 1px solid #454d54;
}

#slotMobileMenu01 .nav-item a[data-v-4fb971aa] {
    display: block;
}

.img-zm[data-v-4fb971aa] {
    -webkit-animation: img-zm-data-v-4fb971aa 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-4fb971aa 2s ease-in-out infinite alternate;
}

.bg-w-50[data-v-4fb971aa] {
    background: rgba(255, 255, 255, 0.5);
}

.bg-slot-side[data-v-4fb971aa] {
    background: #ffffff url("/assets/images/side-bg-2.png");
    background-size: cover;
    min-height: 270px;
}

.bg-slot-side .slot-side-bottom[data-v-4fb971aa] {
    background: #2B3B4B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B3B4B), to(#1C1F24));
    background: linear-gradient(to bottom, #2B3B4B 0, #1C1F24 100%);
    height: 0px;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10;
}

.bg-slot-side img[data-v-4fb971aa] {
    height: 220px;
}

.bg-slot-side .t-slot-image[data-v-4fb971aa] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
}

.bg-slot-side .t-slot-image.slot-back[data-v-4fb971aa] {
    left: 30px;
}

.bg-slot-side .t-slot-image.slot-model[data-v-4fb971aa] {
    left: 120px;
    height: 280px;
}

@-webkit-keyframes img-zm-data-v-4fb971aa {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes img-zm-data-v-4fb971aa {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.casinoItems[data-v-092dac82] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-092dac82] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-092dac82] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-092dac82] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-092dac82] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-092dac82]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-092dac82]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-092dac82] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-092dac82] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-092dac82]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-092dac82] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-092dac82] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

.casinoItems[data-v-5a2cf772] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-5a2cf772] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-5a2cf772] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-5a2cf772] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-5a2cf772] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-5a2cf772]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-5a2cf772]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-5a2cf772] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-5a2cf772] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-5a2cf772]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-5a2cf772] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-5a2cf772] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

.casinoItems[data-v-6c90a503] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-6c90a503] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-6c90a503] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-6c90a503] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-6c90a503] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-6c90a503]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-6c90a503]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-6c90a503] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-6c90a503] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-6c90a503]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-6c90a503] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-6c90a503] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

@font-face {
    font-display: swap;
    font-family: 'Avenir';
    src: url("/assets/fonts/Avenir/AvenirLTPro-Heavy.eot");
    src: url("/assets/fonts/Avenir/AvenirLTPro-Heavy.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Avenir/AvenirLTPro-Heavy.woff") format("woff"), url("/assets/fonts/Avenir/AvenirLTPro-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'BebasNeue';
    src: url("/assets/fonts/Bebas/BebasNeue.eot");
    src: url("/assets/fonts/Bebas/BebasNeue.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Bebas/BebasNeue.woff") format("woff"), url("/assets/fonts/Bebas/BebasNeue.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'BebasNeue2';
    src: url("/assets/fonts/Bebas/BebasNeueBook.eot");
    src: url("/assets/fonts/Bebas/BebasNeueBook.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Bebas/BebasNeueBook.woff") format("woff"), url("/assets/fonts/Bebas/BebasNeueBook.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

body.page-turnuva {
    background: #222222 url(/assets/images/turnuva-matrix.jpg) no-repeat center 150px;
}

#tournament-terms table {
    text-align: center;
}

.tournamentMore {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    border-radius: 100px;
}

.tournamentButton {
    background: #4F4F4F;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    border-radius: 100px;
}

.tournament-list .tournament-item {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tournament-list .tournament-item div:first-child:before {
    content: '';
    background-size: cover;
    width: 90px;
    height: 90px;
    position: absolute;
    z-index: 0;
    left: -2px;
    top: -3px;
}

.tournament-list .tournament-item .tn-row {
    width: calc(100% - 100px);
}

.tournament-list .tournament-item .tn-row .row > div:nth-child(2), .tournament-list .tournament-item .tn-row .row > div:nth-child(3) {
    padding: 0;
    text-align: center;
}

.tournament-list .tournament-item .tn-row .row > div:first-child .r-2 {
    font-weight: bold;
}

.tournament-list .tournament-item .tn-row .r-1 {
    font-family: Avenir;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    color: #555555;
}

.tournament-list .tournament-item .tn-row .r-2 {
    font-family: Avenir;
    font-style: normal;
    font-size: 25px;
    line-height: 34px;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
}

.tournament-list .tournament-item .tn-no {
    display: inline-block;
    background: #ffffff;
    -webkit-box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
    border-radius: 100px;
    font-family: Avenir;
    font-style: normal;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #000000;
    padding: 10px;
    height: 86px;
    width: 86px;
}

.tournament-list .tournament-item .tn-no span {
    font-size: 25px;
    line-height: 70px;
    position: relative;
}

.tournament-list .tournament-item:first-child .tn-no {
    background: #E1C521;
}

.tournament-list .tournament-item:first-child > div:first-child:before {
    background-image: url(/assets/images/turnuva/turnuva-star-gold.svg);
}

.tournament-list .tournament-item:nth-child(2) .tn-no {
    background: #8D8D8D;
}

.tournament-list .tournament-item:nth-child(2) > div:first-child:before {
    background-image: url(/assets/images/turnuva/turnuva-star-silver.svg);
}

.tournament-list .tournament-item:nth-child(3) .tn-no {
    background: #B26119;
}

.tournament-list .tournament-item:nth-child(3) > div:first-child:before {
    background-image: url(/assets/images/turnuva/turnuva-star-bronz.svg);
}

.tournament-sub-title {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 41px;
    text-align: center;
    color: #E5E7F4;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    letter-spacing: 15px;
}

.tournament-sub-title.stt1 {
    font-weight: 50px;
    font-family: 'BebasNeue2';
}

.tournament-title {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 900;
    font-size: 100px;
    line-height: 82px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
}

body.page-turnuva.isMobile {
    background: #0B0000 !important;
}

body.page-turnuva.isMobile > .isMobile {
    background: #222222 url(/assets/images/turnuva-bg2-m.png) no-repeat center 50px !important;
}

body.page-turnuva.isMobile .tournament-list {
    padding-top: 300px;
}

body.page-turnuva.isMobile .tournament-list .tournament-item div:first-child:before {
    width: 50px;
    height: 50px;
    left: -5px;
    top: -5px;
}

body.page-turnuva.isMobile .tournament-list .tournament-item .tn-row {
    width: calc(100% - 20px);
}

body.page-turnuva.isMobile .tournament-list .tournament-item .tn-row .col-2, body.page-turnuva.isMobile .tournament-list .tournament-item .tn-row .col-4 {
    padding: 0 3px;
    text-align: center;
}

body.page-turnuva.isMobile .tournament-list .tournament-item .tn-row .r-1 {
    white-space: nowrap;
    overflow: auto;
    font-size: 10px;
    line-height: 13px;
}

body.page-turnuva.isMobile .tournament-list .tournament-item .tn-row .r-2 {
    white-space: nowrap;
    font-size: 17px;
    line-height: 22px;
}

body.page-turnuva.isMobile .tournament-list .tournament-item .tn-no {
    padding: 5px;
    height: 43px;
    width: 43px;
}

body.page-turnuva.isMobile .tournament-list .tournament-item .tn-no span {
    font-size: 12.5px;
    line-height: 35px;
}

body.page-turnuva.isMobile .tournament-sub-title {
    font-size: 20px;
    line-height: 41px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
}

body.page-turnuva.isMobile .tournament-title {
    font-size: 25px;
    line-height: 41px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
}

.tournament-newyear[data-v-09dce578] {
    background-image: url("/assets/images/yilbasi2021/newyeartnm_desktop.jpg");
    background-repeat: no-repeat;
    background-color: white;
    background-position: center top !important;
    min-height: 760px;
    font-family: Avenir;
    font-style: normal;
    color: #2E3B4A;
    text-align: center;
}

.tournament-newyear.tournament-newyear-mobile[data-v-09dce578] {
    background-image: url("/assets/images/yilbasi2021/newyeartnm_mobile.jpg");
}

.tournament-newyear.tournament-newyear-mobile .tny-usersvg[data-v-09dce578] {
    display: none;
}

.tournament-newyear.tournament-newyear-mobile .tny-h0[data-v-09dce578] {
    margin-top: 72px;
}

.tournament-newyear.tournament-newyear-mobile table[data-v-09dce578] {
    margin-top: 289px;
}

.tournament-newyear .tny-h0[data-v-09dce578] {
    margin-top: auto;
}

.tournament-newyear .tny-h1[data-v-09dce578] {
    font-weight: 800;
    font-size: 35px;
    line-height: 48px;
}

.tournament-newyear .tny-h2[data-v-09dce578] {
    font-weight: normal;
    font-size: 30px;
    line-height: 41px;
}

.tournament-newyear table thead[data-v-09dce578], .tournament-newyear table tbody tr[data-v-09dce578] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tournament-newyear table[data-v-09dce578] {
    margin-top: 17px;
    margin-bottom: 50px;
    overflow: hidden;
    max-width: 576px;
    width: 95%;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.tournament-newyear table th[data-v-09dce578], .tournament-newyear table td[data-v-09dce578] {
    vertical-align: middle;
}

.tournament-newyear table thead[data-v-09dce578] {
    height: 50px;
    background: url("/assets/images/yilbasi2021/newyeartnm_tableheader.png") no-repeat;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.tournament-newyear table tbody[data-v-09dce578] {
    display: block;
    height: 371px;
    overflow-y: scroll;
}

.tournament-newyear table tbody tr[data-v-09dce578] {
    height: 50px;
    border-bottom: 1px solid #E4ECF7;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

body.page-bonanza {
    background: #222222 url(/assets/images/pages/page-pragmatic-bg.jpg) no-repeat center 190px;
    background-size: 1920px;
}

#bonanza-terms table {
    text-align: center;
}

.bonanzaButton {
    background: #4F4F4F;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    border-radius: 100px;
    color: white;
    padding: 11px;
    font-size: 18px;
}

.bonanza-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.bonanza-list .bonanza-item {
    color: white;
    font-size: 15px;
    border: 2px solid #E71BFF;
    border-radius: 1px;
}

.bonanza-list .bonanza-item div:first-child:before {
    content: '';
    background-size: cover;
    width: 90px;
    height: 90px;
    position: absolute;
    z-index: 0;
    left: -2px;
    top: -3px;
}

.bonanza-list .bonanza-item .tn-row {
    width: calc(100% - 100px);
}

.bonanza-list .bonanza-item .tn-row .row > div:nth-child(2), .bonanza-list .bonanza-item .tn-row .row > div:nth-child(3) {
    padding: 0;
    text-align: center;
}

.bonanza-list .bonanza-item .tn-row .row > div:first-child .r-2 {
    font-weight: bold;
}

.bonanza-list .bonanza-item .tn-row .r-1 {
    font-family: Avenir;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    color: #555555;
}

.bonanza-list .bonanza-item .tn-row .r-2 {
    font-family: Avenir;
    font-style: normal;
    font-size: 25px;
    line-height: 34px;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
}

.bonanza-list .bonanza-item .tn-no {
    display: inline-block;
    background: #ffffff;
    -webkit-box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
    border-radius: 100px;
    font-family: Avenir;
    font-style: normal;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #000000;
    padding: 10px;
    height: 86px;
    width: 86px;
}

.bonanza-list .bonanza-item .tn-no span {
    font-size: 25px;
    line-height: 70px;
    position: relative;
}

.bonanza-list .bonanza-item:first-child .tn-no {
    background: #E1C521;
}

.bonanza-list .bonanza-item:first-child > div:first-child:before {
    background-image: url(/assets/images/pages/bonanza-star-gold.svg);
}

.bonanza-list .bonanza-item:nth-child(2) .tn-no {
    background: #8D8D8D;
}

.bonanza-list .bonanza-item:nth-child(2) > div:first-child:before {
    background-image: url(/assets/images/pages/bonanza-star-silver.svg);
}

.bonanza-list .bonanza-item:nth-child(3) .tn-no {
    background: #B26119;
}

.bonanza-list .bonanza-item:nth-child(3) > div:first-child:before {
    background-image: url(/assets/images/pages/bonanza-star-bronz.svg);
}

.bonanza-sub-title {
    font-family: Avenir, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 41px;
    text-align: center;
    color: #E5E7F4;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
}

.bonanza-title {
    font-family: Avenir, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 55px;
    line-height: 82px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
}

body.page-bonanza.isMobile {
    background: #0B0000 !important;
}

body.page-bonanza.isMobile > .isMobile {
    background: #222222 url(/assets/images/pages/page-pragmatic-bg-m.jpg) no-repeat center 70px;
    background-size: 100% auto;
}

body.page-bonanza.isMobile .bonanza-list {
    padding-top: 300px;
}

body.page-bonanza.isMobile .bonanza-list .bonanza-item div:first-child:before {
    width: 50px;
    height: 50px;
    left: -5px;
    top: -5px;
}

body.page-bonanza.isMobile .bonanza-list .bonanza-item .tn-row {
    width: calc(100% - 20px);
}

body.page-bonanza.isMobile .bonanza-list .bonanza-item .tn-row .col-2, body.page-bonanza.isMobile .bonanza-list .bonanza-item .tn-row .col-4 {
    padding: 0 3px;
    text-align: center;
}

body.page-bonanza.isMobile .bonanza-list .bonanza-item .tn-row .r-1 {
    white-space: nowrap;
    overflow: auto;
    font-size: 10px;
    line-height: 13px;
}

body.page-bonanza.isMobile .bonanza-list .bonanza-item .tn-row .r-2 {
    white-space: nowrap;
    font-size: 17px;
    line-height: 22px;
}

body.page-bonanza.isMobile .bonanza-list .bonanza-item .tn-no {
    padding: 5px;
    height: 43px;
    width: 43px;
}

body.page-bonanza.isMobile .bonanza-list .bonanza-item .tn-no span {
    font-size: 12.5px;
    line-height: 35px;
}

body.page-bonanza.isMobile .bonanza-sub-title {
    font-size: 20px;
    line-height: 41px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
}

body.page-bonanza.isMobile .bonanza-title {
    font-size: 25px;
    line-height: 41px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
}

.eurog2020-back {
    background: url("/assets/images/euro2020/eurog2020d1x.jpg") no-repeat center top, black;
    margin-top: -0.5rem;
    height: 760px;
}

.eurog2020-back.eurog2020m {
    background: url("/assets/images/euro2020/eurog2020m1x.jpg") no-repeat center top !important;
    background-size: cover !important;
    height: 100vh;
}

.eurog2020-back.eurog2020m .container {
    height: 100%;
    padding-bottom: 150px;
}

.eurog2020-back.eurog2020m .im-eur-txt {
    margin-top: 136px !important;
}

.eurog2020-back.eurog2020m .btn-eur-details {
    margin-top: 0;
    width: 100%;
}

.eurog2020-back .btn-eur-details {
    margin-top: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    width: 209px;
    height: 47px;
    background: -webkit-gradient(linear, left top, left bottom, from(#129D48), to(#6AED9D));
    background: linear-gradient(180deg, #129D48 0%, #6AED9D 100%);
    -webkit-box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border: 2px solid #0B5126;
    color: white;
    font-family: Avenir;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
}

.eurog2020-back .im-eur-txt {
    margin-top: 140px;
}

.page-wheeloffortune .container-main {
    background: url("/assets/images/cark/cark-bg.png") no-repeat center top;
}

.wof .wheel-left {
    text-align: left;
}

.wof .wheel-left .wh-desc {
    font-size: 16px;
    font-family: Axiforma, sans-serif;
    color: #808ea8;
    line-height: 1.625;
}

.wof .wheel-left .wh-tipo {
    font-size: 19px;
    font-family: Axiforma, sans-serif;
    color: #11853d;
    line-height: 1.158;
}

.wof .wheel-left .wheel-welcome {
    font-size: 27px;
    font-family: Axiforma, sans-serif;
    color: #414e66;
    font-weight: bold;
    line-height: 0.815;
    text-align: left;
}

.wof .wheel-c {
    position: relative;
    height: 760px;
}

.wof .wheel-c .wheel {
    background-image: url("/assets/images/cark/cark.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 620px;
    height: 658px;
    border-radius: 300px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wof .wheel-c .wheel-o {
    background-image: url("/assets/images/cark/cark-o.png");
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 760px;
    position: absolute;
    left: 0;
    top: 0;
}

#slotMobileMenu01 .nav-item[data-v-2fc61f55] {
    border-bottom: 1px solid #454d54;
}

#slotMobileMenu01 .nav-item a[data-v-2fc61f55] {
    display: block;
}

.img-zm[data-v-2fc61f55] {
    -webkit-animation: img-zm-data-v-2fc61f55 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-2fc61f55 2s ease-in-out infinite alternate;
}

.bg-w-50[data-v-2fc61f55] {
    background: rgba(255, 255, 255, 0.5);
}

.bg-slot-side[data-v-2fc61f55] {
    background: #ffffff url("/assets/images/side-bg-2.png");
    background-size: cover;
    min-height: 270px;
}

.bg-slot-side .slot-side-bottom[data-v-2fc61f55] {
    background: #2B3B4B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B3B4B), to(#1C1F24));
    background: linear-gradient(to bottom, #2B3B4B 0, #1C1F24 100%);
    height: 0px;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10;
}

.bg-slot-side img[data-v-2fc61f55] {
    height: 220px;
}

.bg-slot-side .t-slot-image[data-v-2fc61f55] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
}

.bg-slot-side .t-slot-image.slot-back[data-v-2fc61f55] {
    left: 30px;
}

.bg-slot-side .t-slot-image.slot-model[data-v-2fc61f55] {
    left: 120px;
    height: 280px;
}

@-webkit-keyframes img-zm-data-v-2fc61f55 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes img-zm-data-v-2fc61f55 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

/**
 * Swiper 6.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 9, 2020
 */

@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.live-casino-content .live-casino-games .onlineIcon {
    display: block;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    position: absolute;
    background: lightgreen;
    top: 20px;
    left: 20px;
}

.live-casino-content .live-casino-games .limits {
    cursor: pointer;
    color: white;
    position: absolute;
    background: black;
    padding: .25rem .5rem;
    font-size: 12px;
    z-index: 1;
}

.live-casino-content .live-casino-games .details {
    position: absolute;
    background: black;
    color: white;
    padding: .25rem .5rem;
    right: .5rem;
    bottom: .5rem;
    font-size: 12px;
    opacity: .7;
}

.live-casino-content .live-casino-games .details .seats img {
    width: 16px;
}

.isMobile .live-casino-content .live-casino-games .details .seats img {
    width: 12px;
}

.virtual-sports-content .virtual-sports-games .onlineIcon {
    display: block;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    position: absolute;
    background: lightgreen;
    top: 20px;
    left: 20px;
}

.virtual-sports-content .virtual-sports-games .limits {
    cursor: pointer;
    color: white;
    position: absolute;
    background: black;
    padding: .25rem .5rem;
    font-size: 12px;
    z-index: 1;
}

.virtual-sports-content .virtual-sports-games .details {
    position: absolute;
    background: black;
    color: white;
    padding: .25rem .5rem;
    right: .5rem;
    bottom: .5rem;
    font-size: 12px;
    opacity: .7;
}

.virtual-sports-content .virtual-sports-games .details .seats img {
    width: 16px;
}

.isMobile .virtual-sports-content .virtual-sports-games .details .seats img {
    width: 12px;
}

.egt-banner-iframe {
    margin-bottom: 10px;
}

.egt-banner-iframe:hover {
    z-index: 3;
    position: relative;
    height: 237px;
}

.gf-holder {
    color: #fff;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gf-holder .container {
    padding: 0;
}

.gf-holder .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    padding: 10px;
}

.gf-holder .scroll.items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    overflow: auto;
}

.gf-holder .scroll.items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    position: relative;
    cursor: pointer;
}

.gf-holder .scroll.items .item.active {
    color: #53FF37;
}

.gf-holder .scroll.items .item.active:before {
    content: '';
    height: 3px;
    background: #53FF37;
    border-radius: 5px 5px 0 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.gf-holder .tags {
    background: #1A2736;
    font-weight: bold;
}

.gf-holder .tags .items {
    overflow: auto;
}

.gf-holder .tags .items .item {
    padding: 10px 15px;
}

.gf-holder .tags .items .item img, .gf-holder .tags .items .item svg {
    margin-right: 5px;
}

.gf-holder .providers {
    background: #2E3B4A;
}

.gf-holder .providers .scroll.items {
    width: 100%;
}

.gf-holder .providers .scroll.items .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    padding: 8px;
}

.gf-holder .providers .scroll.items .item img {
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 3px;
    background-color: #1A2736;
}

.gf-holder .providers .scroll.items .item.active {
    color: #53ff37;
}

.gf-holder .providers .scroll.items .item.active img {
    -webkit-box-shadow: 0 0 0 1px #53ff37;
    box-shadow: 0 0 0 1px #53ff37;
    border-radius: 5px;
}

.gf-holder .providers .expand {
    background: #2E3B4A;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.gf-holder .providers .expand .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
}

.isMobile .gf-holder .providers .expand .items {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 70px;
}

.gf-holder .providers .expand .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #424F5E;
    border-radius: 2px;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.gf-holder .providers .expand .items .item img {
    margin-right: 6px;
    border-radius: 4px;
    background-color: #2E3B4A;
    padding: 2px;
}

.gf-holder .providers .expand .items .item .t {
    margin-right: auto;
}

.gf-holder .providers .expand .items .item .count {
    font-size: 14px;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 10px;
}

.gf-holder .providers .expand .items .item .badge {
    font-size: 9px;
    font-weight: bold;
    border-radius: 3px;
    font-style: italic;
    padding-top: 4px;
    padding-bottom: 3px;
}

.gf-holder .providers .expand .items .item.right-danger {
    background: linear-gradient(268.8deg, #FF6565 -2.31%, rgba(255, 100, 100, 0) 43.51%), #424F5E;
}

.gf-holder .providers .expand .items .item.right-danger .badge {
    background: #EB5757;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.gf-holder .providers .expand .items .item.right-warning {
    background: linear-gradient(268.8deg, #FFA552 -2.31%, rgba(255, 174, 100, 0) 43.51%), #424F5E;
}

.gf-holder .providers .expand .items .item.right-warning .badge {
    background: #F2994A;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.gf-holder .providers .expand .items .item.right-info {
    background: linear-gradient(268.8deg, #52ACFF -2.31%, rgba(100, 171, 255, 0) 43.51%), #424F5E;
}

.gf-holder .providers .expand .items .item.right-info .badge {
    background: #2F80ED;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.gf-holder .sea {
    padding: 11px 0;
}

.gf-holder .sea input {
    font-size: 12px;
    background: #556271 url("/tipobet/img/i-sea.svg") right 10px center no-repeat;
    padding: 10px;
    border-radius: 2px;
    border: none;
    color: white;
    width: 170px;
}

.isMobile .gf-holder .sea input {
    width: 38px;
    margin-left: 10px;
    -webkit-transition: width .3s;
    transition: width .3s;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.isMobile .gf-holder .sea input::-webkit-input-placeholder {
    color: transparent;
}

.isMobile .gf-holder .sea input::-moz-placeholder {
    color: transparent;
}

.isMobile .gf-holder .sea input:-ms-input-placeholder {
    color: transparent;
}

.isMobile .gf-holder .sea input::-ms-input-placeholder {
    color: transparent;
}

.isMobile .gf-holder .sea input::placeholder {
    color: transparent;
}

.isMobile .gf-holder .sea input:not(:focus):not(:-moz-placeholder-shown) {
    background-image: none;
}

.isMobile .gf-holder .sea input:not(:focus):not(:-ms-input-placeholder) {
    background-image: none;
}

.isMobile .gf-holder .sea input:not(:focus):not(:placeholder-shown) {
    background-image: none;
}

.isMobile .gf-holder .sea input:focus {
    width: 170px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.isMobile .gf-holder .sea input:focus::-webkit-input-placeholder {
    color: inherit;
}

.isMobile .gf-holder .sea input:focus::-moz-placeholder {
    color: inherit;
}

.isMobile .gf-holder .sea input:focus:-ms-input-placeholder {
    color: inherit;
}

.isMobile .gf-holder .sea input:focus::-ms-input-placeholder {
    color: inherit;
}

.isMobile .gf-holder .sea input:focus::placeholder {
    color: inherit;
}

.gf-holder .sea input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.gf-holder .sea input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.gf-holder .sea input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.gf-holder .sea input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.gf-holder .sea input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.gf-holder .sea input:focus, .gf-holder .sea input:focus-visible {
    outline: none;
}

a .layoutTitle {
    display: none;
    width: calc(100% - 1rem);
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    border-radius: 0px 0px 5px 5px;
    padding: 5px;
    color: #fdfdfe;
    text-align: center;
}

a:hover .layoutTitle {
    display: unset;
}

.modal#slotNavmenu .modal-dialog-scrollable {
    max-height: 100% !important;
}

.modal#slotNavmenu .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100% !important;
    margin: 0;
}

.modal#slotNavmenu .modal-content {
    height: 100%;
    max-height: 100% !important;
    border: 0;
    border-radius: 0;
}

.modal#slotNavmenu .modal-header .modal-title {
    text-align: center;
}

.modal#slotNavmenu .modal-header {
    background: #2E3B4A !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #424F5E;
}

.modal#slotNavmenu .modal-body {
    overflow-y: auto;
    background: #2E3B4A;
    padding: 10px;
}

.jackpots {
    color: white;
}

.jackpots > div > div {
    border-radius: 5px;
}

.jackpots > div:nth-child(1) > div {
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.jackpots > div:nth-child(2) > div {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5);
}

.jackpots > div:nth-child(3) > div {
    background: linear-gradient(45deg, #FFB64D, #ffcb80);
}

.jackpots > div:nth-child(4) > div {
    background: linear-gradient(45deg, #FF5370, #ff869a);
}

.scrollbar-success::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #556271;
    border-radius: 5px;
    scrollbar-color: #00C851 #556271;
}

.scrollbar-success::-webkit-scrollbar {
    width: 10px;
    scrollbar-width: 10px;
    background-color: #556271;
    scrollbar-color: #00C851 #556271;
    border-radius: 5px;
}

.scrollbar-success::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00C851;
    scrollbar-color: #00C851 #556271;
}

.scrollbar-success {
    scrollbar-color: #00C851 #556271;
}

.scrollbar-holder {
    background: #2E3B4A;
    padding: 7px;
    width: 300px;
    max-width: 97vw;
    max-height: 470px;
    position: absolute;
    right: 0;
    top: 115%;
    z-index: 9999;
    border-radius: 5px;
    display: none;
}

.scrollbar-holder.showNav {
    display: block;
}

.scrollbar-holder .tra {
    position: absolute;
    top: -8px;
    right: 40px;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2E3B4A;
}

.scrollbar-holder ul.nav {
    height: 450px;
    padding-right: 3px;
    overflow-y: scroll;
    background: #2E3B4A;
    -webkit-transition: visibility 0s, visible 0.5s linear;
    transition: visibility 0s, visible 0.5s linear;
    padding-top: 36px;
    display: block;
}

.scrollbar-holder ul.nav li {
    width: 100%;
    padding: 2px 0px;
    display: inline-block;
    float: left;
}

.scrollbar-holder ul.nav li a {
    font-family: "Avenir", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    background: #424F5E;
    border-radius: 2px;
    display: block;
    padding: 4px 5px;
    position: relative;
}

.scrollbar-holder ul.nav li a.active, .scrollbar-holder ul.nav li a:hover {
    background: #4A9A51 !important;
}

.scrollbar-holder ul.nav li a .badge {
    border-radius: 3px;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
}

.scrollbar-holder ul.nav li.right-danger a {
    background: linear-gradient(268.8deg, #FF6565 -2.31%, rgba(255, 100, 100, 0) 43.51%), #424F5E;
}

.scrollbar-holder ul.nav li.right-danger a .badge-tooltip {
    background: #EB5757;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.scrollbar-holder ul.nav li.right-warning a {
    background: linear-gradient(268.8deg, #FFA552 -2.31%, rgba(255, 174, 100, 0) 43.51%), #424F5E;
}

.scrollbar-holder ul.nav li.right-warning a .badge-tooltip {
    background: #F2994A;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.scrollbar-holder ul.nav li.right-info a {
    background: linear-gradient(268.8deg, #52ACFF -2.31%, rgba(100, 171, 255, 0) 43.51%), #424F5E;
}

.scrollbar-holder ul.nav li.right-info a .badge-tooltip {
    background: #2F80ED;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.scrollbar-holder ul.nav .full-input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 34px !important;
    padding: 3px 10px;
    background: #556271 url(/assets/fontawesome/svgs/regular/search.svg) no-repeat 97% center !important;
    background-size: 14px !important;
    border-radius: 2px;
    border: none;
    color: #ffffff;
}

.scrollbar-holder ul.nav .full-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder ul.nav .full-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder ul.nav .full-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder ul.nav .full-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder ul.nav .full-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder ul.nav .full-input:focus, .scrollbar-holder ul.nav .full-input:active {
    outline: none;
    border: none;
}

.scrollbar-holder.ModalMobile {
    background: #2E3B4A;
    width: 100%;
    max-width: unset;
    max-height: unset;
    position: absolute;
    top: 0;
    z-index: 9999;
    display: block;
}

.scrollbar-holder.ModalMobile.showNav {
    display: block;
}

.scrollbar-holder.ModalMobile ul.nav {
    height: 100%;
    padding-right: unset;
    overflow-y: scroll;
    background: #2E3B4A;
    -webkit-transition: visibility 0s, visible 0.5s linear;
    transition: visibility 0s, visible 0.5s linear;
    padding-top: 50px;
    display: block;
}

.scrollbar-holder.ModalMobile ul.nav li {
    padding: 3px;
    display: inline-block;
    width: 100%;
}

.scrollbar-holder.ModalMobile ul.nav li a {
    padding: 10px;
}

.scrollbar-holder.ModalMobile ul.nav .full-input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 45px !important;
    padding: 3px 10px;
    background: #556271 url(/assets/fontawesome/svgs/regular/search.svg) no-repeat 97% center !important;
    background-size: 14px !important;
    border-radius: 2px;
    border: none;
    color: #ffffff;
}

.slotMenu .item, .slotMenu .btn-item, .slotMenu button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.swiper-wrapper {
    min-height: 35px;
}

.slots-filter {
    background: #fdb92c;
    border-radius: 5px;
    padding: 18px;
}

.slots-filter .container {
    min-height: 35px;
}

.isMobile .slot-games {
    background-color: #e0e5e5;
}

.slot-games {
    min-height: 500px !important;
}

.slot-games .slot-game a {
    display: block;
    border-radius: 5px;
}

.slot-games .slot-game a img.w-100 {
    border-radius: 5px;
}

.slot-games .slot-game a .slot-fav {
    top: 10px;
    right: 10px;
    display: inline !important;
    width: auto;
    background: none;
}

.slot-games .slot-game a .slot-fav .fa {
    font-weight: normal;
}

.slot-games .slot-game a .slot-fav.active .fa {
    font-weight: 900;
}

.casino-radius {
    border-radius: 10px !important;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.slotSearcher {
    float: right;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 34px !important;
    background: #fff url(/assets/fontawesome/svgs/regular/search.svg) no-repeat 95% center !important;
    background-size: 14px !important;
}

.slotSearcher::-webkit-input-placeholder {
    color: #9c92b1;
}

.slotSearcher::-moz-placeholder {
    color: #9c92b1;
}

.slotSearcher:-ms-input-placeholder {
    color: #9c92b1;
}

.slotSearcher::-ms-input-placeholder {
    color: #9c92b1;
}

.slotSearcher::placeholder {
    color: #9c92b1;
}

.isMobile .slotSearcher {
    margin-top: 0px;
    float: none;
}

.featured-slots {
    background: #e5e7f4;
}

.loadMoreButton {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))), #E5E7F4;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #E5E7F4;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    border: none;
    padding: 10px;
    display: block;
    line-height: normal;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #000;
}

.loadMoreButton:hover, .loadMoreButton.active {
    background: #2B3B4B;
    color: #fff;
    text-decoration: none;
}

.featured-slots, .slot-games {
    font-family: 'Roboto', sans-serif;
    min-height: 250px;
}

.featured-slots .slot-game, .slot-games .slot-game {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}

.featured-slots .slot-game a, .slot-games .slot-game a {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.featured-slots .slot-game a span, .slot-games .slot-game a span {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.53);
    padding: 5px;
    color: #fdfdfe;
    text-align: center;
}

.featured-slots .slot-game a:hover span, .slot-games .slot-game a:hover span {
    display: block;
}

.btn-cat {
    font-size: 14px;
    margin: 3px;
    opacity: 1;
    padding: 7px 15px;
    background-color: #2B3B4B;
    border: 1px solid #2D2D2D;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    vertical-align: sub;
    max-height: 35px;
    color: #E3E3E3;
}

.btn-cat > * {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #E3E3E3;
    display: inline-block;
}

.btn-cat a {
    color: inherit;
}

.btn-cat:hover, .btn-cat.active, .btn-cat.router-link-active {
    background-color: #DC1A02;
    border: 1px solid #DC1A02;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #E3E3E3;
}

.page-xpg-slot {
    background-image: url("/assets/images/body-netent.jpg");
    background-position: top center;
}

.container-vivo {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

.isMobile .container-vivo .container {
    padding: 0;
}

.isMobile .container-vivo .container iframe {
    height: calc(100vh - 70px) !important;
}

.GameList .game a[data-v-22d61738] {
    display: block;
    position: relative;
    border-radius: 5px;
    color: #ffffff;
}

.GameList .game a img[data-v-22d61738] {
    width: 100%;
    border-radius: 5px;
}

.GameList .game a .game-title[data-v-22d61738] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, 0.5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    -webkit-transition: all 2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 2s;
}

.GameList .game a:hover .game-title[data-v-22d61738] {
    display: block;
}

@media (max-width: 989px) {
    .GameList .game a[data-v-22d61738] {
        border: none !important;
    }
}

.page-one-x-two-Network, .page-one-x-two-Habanero, .page-one-x-two-GameArt, .page-one-x-two-ORYX, .page-one-x-two-Playson {
    background-image: url("/assets/images/body-netent.jpg");
    background-position: top center;
}

.img-zm[data-v-35eccc04] {
    -webkit-animation: img-zm-data-v-35eccc04 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-35eccc04 2s ease-in-out infinite alternate;
}

.bg-slot-side[data-v-35eccc04] {
    background: #ffffff url("/assets/images/side-bg-2.png");
    background-size: cover;
}

.bg-slot-side .slot-side-bottom[data-v-35eccc04] {
    background: #2B3B4B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B3B4B), to(#1C1F24));
    background: linear-gradient(to bottom, #2B3B4B 0, #1C1F24 100%);
    height: 0px;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10;
}

.bg-slot-side img[data-v-35eccc04] {
    height: 220px;
}

.bg-slot-side .t-slot-image[data-v-35eccc04] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
}

.bg-slot-side .t-slot-image.slot-back[data-v-35eccc04] {
    left: 30px;
}

.bg-slot-side .t-slot-image.slot-model[data-v-35eccc04] {
    left: 120px;
    height: 280px;
}

.slot-games .game a[data-v-35eccc04] {
    display: block;
    position: relative;
    border-radius: 5px;
    color: #ffffff;
}

.slot-games .game a img[data-v-35eccc04] {
    width: 100%;
    border-radius: 5px;
}

.slot-games .game a .game-title[data-v-35eccc04] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, 0.5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    -webkit-transition: all 2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 2s;
}

.slot-games .game a:hover .game-title[data-v-35eccc04] {
    display: block;
}

@-webkit-keyframes img-zm-data-v-35eccc04 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes img-zm-data-v-35eccc04 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.page-sas-amatic, .page-sas-netent, .page-sas-egt, .page-sas-novomatic {
    background-image: url("/assets/images/body-netent.jpg");
    background-position: top center;
}

.img-zm[data-v-19e21ffa] {
    -webkit-animation: img-zm-data-v-19e21ffa 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-19e21ffa 2s ease-in-out infinite alternate;
}

.bg-slot-side[data-v-19e21ffa] {
    background: #ffffff url("/assets/images/side-bg-2.png");
    background-size: cover;
}

.bg-slot-side .slot-side-bottom[data-v-19e21ffa] {
    background: #2B3B4B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B3B4B), to(#1C1F24));
    background: linear-gradient(to bottom, #2B3B4B 0, #1C1F24 100%);
    height: 0px;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10;
}

.bg-slot-side img[data-v-19e21ffa] {
    height: 220px;
}

.bg-slot-side .t-slot-image[data-v-19e21ffa] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
}

.bg-slot-side .t-slot-image.slot-back[data-v-19e21ffa] {
    left: 30px;
}

.bg-slot-side .t-slot-image.slot-model[data-v-19e21ffa] {
    left: 120px;
    height: 280px;
}

.slot-games .game a[data-v-19e21ffa] {
    display: block;
    position: relative;
    border-radius: 5px;
    color: #ffffff;
}

.slot-games .game a img[data-v-19e21ffa] {
    width: 100%;
    border-radius: 5px;
}

.slot-games .game a .game-title[data-v-19e21ffa] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, 0.5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    -webkit-transition: all 2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 2s;
}

.slot-games .game a:hover .game-title[data-v-19e21ffa] {
    display: block;
}

@-webkit-keyframes img-zm-data-v-19e21ffa {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes img-zm-data-v-19e21ffa {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.page-sas-amatic, .page-sas-netent, .page-sas-egt, .page-sas-novomatic {
    background-image: url("/assets/images/body-netent.jpg");
    background-position: top center;
}

.netentGameModal iframe[data-v-c4a3100a] {
    width: 100% !important;
    height: 100% !important;
}

.img-zm[data-v-c4a3100a] {
    -webkit-animation: img-zm-data-v-c4a3100a 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-c4a3100a 2s ease-in-out infinite alternate;
}

.bg-slot-side[data-v-c4a3100a] {
    background: #ffffff url("/assets/images/side-bg-2.png");
    background-size: cover;
}

.bg-slot-side .slot-side-bottom[data-v-c4a3100a] {
    background: #2B3B4B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B3B4B), to(#1C1F24));
    background: linear-gradient(to bottom, #2B3B4B 0, #1C1F24 100%);
    height: 0px;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10;
}

.bg-slot-side img[data-v-c4a3100a] {
    height: 220px;
}

.bg-slot-side .t-slot-image[data-v-c4a3100a] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
}

.bg-slot-side .t-slot-image.slot-back[data-v-c4a3100a] {
    left: 30px;
}

.bg-slot-side .t-slot-image.slot-model[data-v-c4a3100a] {
    left: 120px;
    height: 280px;
}

.slot-games .game a[data-v-c4a3100a] {
    display: block;
    position: relative;
    border-radius: 5px;
    color: #ffffff;
}

.slot-games .game a img[data-v-c4a3100a] {
    width: 100%;
    border-radius: 5px;
}

.slot-games .game a .game-title[data-v-c4a3100a] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, 0.5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    -webkit-transition: all 2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 2s;
}

.slot-games .game a:hover .game-title[data-v-c4a3100a] {
    display: block;
}

@-webkit-keyframes img-zm-data-v-c4a3100a {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes img-zm-data-v-c4a3100a {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

.mq-container {
    padding: 10px 15px;
    background: #E4ECF7;
}

.mq-container .gamebox {
    -webkit-box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    background: linear-gradient(91.35deg, #2D2D3F 8.87%, #2F303A 99.77%);
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.mq-container .gamebox .ititle {
    font-weight: 600;
    font-size: 20px;
    line-height: 45px;
    color: #FFFFFF;
}

.mq-container .gamebox .idesc {
    white-space: pre-line;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.7;
}

.mq-container .gamebox.gb-i {
    padding: 15px 15px 0;
}

.mq-container .gamebox.gb-i-1 {
    background: url(/assets/images/max-quest/m/mq-bg-dead.png?1), linear-gradient(91.35deg, #2D2D3F 8.87%, #2F303A 99.77%), center;
    background-blend-mode: luminosity, normal;
}

.mq-container .gamebox.gb-i-2 {
    background: url(/assets/images/max-quest/m/mq-bg-amazon.png), linear-gradient(91.35deg, #2D2D3F 8.87%, #2F303A 99.77%), center;
    background-blend-mode: luminosity, normal;
}

.mq-container .gamebox.gb-i-3 {
    background: url(/assets/images/max-quest/m/mq-bg-mummy.png), linear-gradient(91.35deg, #2D2D3F 8.87%, #2F303A 99.77%), center;
    background-blend-mode: luminosity, normal;
}

.mq-container .gamebox.gb-i-4 {
    background: url(/assets/images/max-quest/m/mq-bg-dragon.png), linear-gradient(91.35deg, #2D2D3F 8.87%, #2F303A 99.77%), center;
    background-blend-mode: luminosity, normal;
}

.mq-container .gamebox .mq-coming {
    position: absolute;
    right: 0;
    top: 0;
    width: 230px;
    height: 200px;
}

.mq-container .gamebox .mq-gb-b {
    padding: 0 15px;
}

.mq-container .gamebox .mq-i {
    position: absolute;
    right: 15px;
    top: 15px;
}

.mq-container .gamebox .mq-title {
    margin-top: -25px;
}

.mq-container .gamebox .mq-btn {
    width: 100%;
    padding: 10px 15px;
    height: 47px;
    -webkit-box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.mq-container .gamebox .joinnow {
    background: -webkit-gradient(linear, left top, left bottom, from(#E96607), to(#F3BA42));
    background: linear-gradient(180deg, #E96607 0%, #F3BA42 100%);
    margin: 38px 0 20px;
}

.mq-container .gamebox .playvid {
    background: -webkit-gradient(linear, left top, left bottom, from(#970000), to(#FF0000));
    background: linear-gradient(180deg, #970000 0%, #FF0000 100%);
    margin: 18px 0 20px;
}

.mq-container .gamebox .playfree {
    background: -webkit-gradient(linear, left top, left bottom, from(#263241), to(#767E87));
    background: linear-gradient(180deg, #263241 0%, #767E87 100%);
    margin: 10px 0 20px;
}

.container-betsolutions {
    background: #000;
    max-width: 1280px;
}

.container-betsolutions iframe {
    height: 768px;
}

.isMobile .container-betsolutions iframe {
    height: calc(100vh - 140px);
}

.container-game.container {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
    min-width: 1280px !important;
}

.casinoItems[data-v-2ac98fa0] {
    background: #FFFFFF;
    border-radius: 0px;
}

.casinoItems .casinoItem[data-v-2ac98fa0] {
    padding: 10px !important;
}

.casinoItems .casinoItem .itemSubHolder[data-v-2ac98fa0] {
    position: relative;
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-2ac98fa0] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-2ac98fa0] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, 0.85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #DBDDE6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-2ac98fa0]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-2ac98fa0]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, 0.85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-2ac98fa0] {
    background: rgba(66, 71, 87, 0.8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-2ac98fa0] {
    padding: 6px;
    background: #FF4B55;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-2ac98fa0]:first-child {
    background: #DF3E47;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-2ac98fa0] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 4px;
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-2ac98fa0] {
    font-weight: 600;
    font-size: 11px;
    color: #DBDDE6;
    text-align: center;
    padding-bottom: 10px;
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0;
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0;
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important;
    }
}

#slotMobileMenu01 .nav-item[data-v-1b47fdf8] {
    border-bottom: 1px solid #454d54;
}

#slotMobileMenu01 .nav-item a[data-v-1b47fdf8] {
    display: block;
}

.img-zm[data-v-1b47fdf8] {
    -webkit-animation: img-zm-data-v-1b47fdf8 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-1b47fdf8 2s ease-in-out infinite alternate;
}

.bg-w-50[data-v-1b47fdf8] {
    background: rgba(255, 255, 255, 0.5);
}

.bg-slot-side[data-v-1b47fdf8] {
    background: #ffffff url("/assets/images/side-bg-2.png");
    background-size: cover;
    min-height: 270px;
}

.bg-slot-side .slot-side-bottom[data-v-1b47fdf8] {
    background: #2B3B4B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B3B4B), to(#1C1F24));
    background: linear-gradient(to bottom, #2B3B4B 0, #1C1F24 100%);
    height: 0px;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10;
}

.bg-slot-side img[data-v-1b47fdf8] {
    height: 220px;
}

.bg-slot-side .t-slot-image[data-v-1b47fdf8] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
}

.bg-slot-side .t-slot-image.slot-back[data-v-1b47fdf8] {
    left: 30px;
}

.bg-slot-side .t-slot-image.slot-model[data-v-1b47fdf8] {
    left: 120px;
    height: 280px;
}

@-webkit-keyframes img-zm-data-v-1b47fdf8 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes img-zm-data-v-1b47fdf8 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.modal#slotNavmenu .modal-dialog-scrollable {
    max-height: 100% !important;
}

.modal#slotNavmenu .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100% !important;
    margin: 0;
}

.modal#slotNavmenu .modal-content {
    height: 100%;
    max-height: 100% !important;
    border: 0;
    border-radius: 0;
}

.modal#slotNavmenu .modal-header .modal-title {
    text-align: center;
}

.modal#slotNavmenu .modal-header {
    background: #2E3B4A !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #424F5E;
}

.modal#slotNavmenu .modal-body {
    overflow-y: auto;
    background: #2E3B4A;
    padding: 10px;
}

.jackpots {
    color: white;
}

.jackpots > div > div {
    border-radius: 5px;
}

.jackpots > div:nth-child(1) > div {
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.jackpots > div:nth-child(2) > div {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5);
}

.jackpots > div:nth-child(3) > div {
    background: linear-gradient(45deg, #FFB64D, #ffcb80);
}

.jackpots > div:nth-child(4) > div {
    background: linear-gradient(45deg, #FF5370, #ff869a);
}

.scrollbar-success::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #556271;
    border-radius: 5px;
    scrollbar-color: #00C851 #556271;
}

.scrollbar-success::-webkit-scrollbar {
    width: 10px;
    scrollbar-width: 10px;
    background-color: #556271;
    scrollbar-color: #00C851 #556271;
    border-radius: 5px;
}

.scrollbar-success::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00C851;
    scrollbar-color: #00C851 #556271;
}

.scrollbar-success {
    scrollbar-color: #00C851 #556271;
}

.scrollbar-holder-s {
    background: #2E3B4A;
    padding: 8px;
    width: 370px;
    max-width: 97vw;
    max-height: 280px;
    position: absolute;
    right: 0;
    top: 130%;
    z-index: 9999;
    border-radius: 5px;
    display: none;
}

.scrollbar-holder-s.showNav {
    display: block;
}

.scrollbar-holder-s .tra {
    position: absolute;
    top: -8px;
    right: 40px;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2E3B4A;
}

.scrollbar-holder-s ul.nav {
    height: 250px;
    padding-right: 3px;
    overflow-y: scroll;
    background: #2E3B4A;
    -webkit-transition: visibility 0s, visible 0.5s linear;
    transition: visibility 0s, visible 0.5s linear;
    padding-top: 36px;
    display: block;
}

.scrollbar-holder-s ul.nav li {
    width: 100%;
    padding: 3px 0;
}

.scrollbar-holder-s ul.nav li a {
    font-family: "Avenir", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    background: #424F5E;
    border-radius: 2px;
    display: block;
    position: relative;
}

.scrollbar-holder-s ul.nav li a.active, .scrollbar-holder-s ul.nav li a:hover {
    background: #4A9A51 !important;
}

.scrollbar-holder-s ul.nav li a .badge {
    border-radius: 3px;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
}

.scrollbar-holder-s ul.nav li.right-danger a {
    background: linear-gradient(268.8deg, #FF6565 -2.31%, rgba(255, 100, 100, 0) 43.51%), #424F5E;
}

.scrollbar-holder-s ul.nav li.right-danger a .badge-tooltip {
    background: #EB5757;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.scrollbar-holder-s ul.nav li.right-warning a {
    background: linear-gradient(268.8deg, #FFA552 -2.31%, rgba(255, 174, 100, 0) 43.51%), #424F5E;
}

.scrollbar-holder-s ul.nav li.right-warning a .badge-tooltip {
    background: #F2994A;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.scrollbar-holder-s ul.nav li.right-info a {
    background: linear-gradient(268.8deg, #52ACFF -2.31%, rgba(100, 171, 255, 0) 43.51%), #424F5E;
}

.scrollbar-holder-s ul.nav li.right-info a .badge-tooltip {
    background: #2F80ED;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.scrollbar-holder-s ul.nav .full-input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 34px !important;
    padding: 3px 10px;
    background: #556271 url(/assets/fontawesome/svgs/regular/search.svg) no-repeat 97% center !important;
    background-size: 14px !important;
    border-radius: 2px;
    border: none;
    color: #ffffff;
}

.scrollbar-holder-s ul.nav .full-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder-s ul.nav .full-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder-s ul.nav .full-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder-s ul.nav .full-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder-s ul.nav .full-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.scrollbar-holder-s ul.nav .full-input:focus, .scrollbar-holder-s ul.nav .full-input:active {
    outline: none;
    border: none;
}

.scrollbar-holder-s.ModalMobile {
    background: #2E3B4A;
    width: 100%;
    max-width: unset;
    max-height: unset;
    position: absolute;
    top: 0;
    z-index: 9999;
    display: block;
}

.scrollbar-holder-s.ModalMobile.showNav {
    display: block;
}

.scrollbar-holder-s.ModalMobile ul.nav {
    height: 100%;
    padding-right: unset;
    overflow-y: scroll;
    background: #2E3B4A;
    -webkit-transition: visibility 0s, visible 0.5s linear;
    transition: visibility 0s, visible 0.5s linear;
    padding-top: 50px;
    display: block;
}

.scrollbar-holder-s.ModalMobile ul.nav li {
    padding: 3px;
    display: inline-block;
}

.scrollbar-holder-s.ModalMobile ul.nav li a {
    padding: 10px;
}

.scrollbar-holder-s.ModalMobile ul.nav .full-input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 45px !important;
    padding: 3px 10px;
    background: #556271 url(/assets/fontawesome/svgs/regular/search.svg) no-repeat 97% center !important;
    background-size: 14px !important;
    border-radius: 2px;
    border: none;
    color: #ffffff;
}

.slotMenu .item, .slotMenu .btn-item, .slotMenu button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.swiper-wrapper {
    min-height: 35px;
}

.slots-filter {
    background: #fdb92c;
    padding: 18px;
}

.slots-filter .container {
    min-height: 35px;
}

.isMobile .slot-games {
    background-color: #e0e5e5;
}

.slot-games .slot-game a {
    display: block;
    border-radius: 5px;
}

.slot-games .slot-game a img.w-100 {
    border-radius: 5px;
}

.slot-games .slot-game a .slot-fav {
    top: 10px;
    right: 10px;
    display: inline !important;
    width: auto;
    background: none;
}

.slot-games .slot-game a .slot-fav .fa {
    font-weight: normal;
}

.slot-games .slot-game a .slot-fav.active .fa {
    font-weight: 900;
}

.casino-radius {
    border-radius: 10px !important;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.slotSearcher {
    float: right;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 34px !important;
    background: #fff url(/assets/fontawesome/svgs/regular/search.svg) no-repeat 95% center !important;
    background-size: 14px !important;
}

.slotSearcher::-webkit-input-placeholder {
    color: #9c92b1;
}

.slotSearcher::-moz-placeholder {
    color: #9c92b1;
}

.slotSearcher:-ms-input-placeholder {
    color: #9c92b1;
}

.slotSearcher::-ms-input-placeholder {
    color: #9c92b1;
}

.slotSearcher::placeholder {
    color: #9c92b1;
}

.isMobile .slotSearcher {
    margin-top: 0px;
    float: none;
}

.featured-slots {
    background: #e5e7f4;
}

.loadMoreButton {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))), #E5E7F4;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #E5E7F4;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    border: none;
    padding: 10px;
    display: block;
    line-height: normal;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #000;
}

.loadMoreButton:hover, .loadMoreButton.active {
    background: #2B3B4B;
    color: #fff;
    text-decoration: none;
}

.featured-slots, .slot-games {
    font-family: 'Roboto', sans-serif;
    min-height: 250px;
}

.featured-slots .slot-game, .slot-games .slot-game {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}

.featured-slots .slot-game a, .slot-games .slot-game a {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.featured-slots .slot-game a span, .slot-games .slot-game a span {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.53);
    padding: 5px;
    color: #fdfdfe;
    text-align: center;
}

.featured-slots .slot-game a:hover span, .slot-games .slot-game a:hover span {
    display: block;
}

.btn-cat {
    font-size: 14px;
    margin: 3px;
    opacity: 1;
    padding: 7px 15px;
    background-color: #2B3B4B;
    border: 1px solid #2D2D2D;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    vertical-align: sub;
    max-height: 35px;
    color: #E3E3E3;
}

.btn-cat > * {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #E3E3E3;
    display: inline-block;
}

.btn-cat a {
    color: inherit;
}

.btn-cat:hover, .btn-cat.active, .btn-cat.router-link-active {
    background-color: #DC1A02;
    border: 1px solid #DC1A02;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #E3E3E3;
}

@font-face {
    font-family: 'Poppins';
    src: url("/bs/assets/fonts/Poppins/Poppins-Regular.woff2") format("woff2"), url("/bs/assets/fonts/Poppins/Poppins-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.page-landing[data-v-3c3b4ba9] {
    background-image: url("/assets/images/landing/bg.jpg") !important;
    background-size: cover;
}

.page-landing.mobileLanding[data-v-3c3b4ba9] {
    background-color: #ffffff;
    background-image: url("/assets/images/landing/mobile_bg@2x.png?s") !important;
    background-position: 0px 70px;
    background-attachment: unset !important;
}

.page-landing .isMobile[data-v-3c3b4ba9] {
    background: none !important;
}

.page-landing .landing-body[data-v-3c3b4ba9] {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
}

.page-landing .landing-body .big-text[data-v-3c3b4ba9] {
    font-size: 40px;
    line-height: 60px;
}

.page-landing .landing-body a[data-v-3c3b4ba9] {
    color: #fff;
}

.page-landing .isMobile .landing-body[data-v-3c3b4ba9] {
    padding-top: 350px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
}

.page-landing .isMobile .landing-body img.jp-i[data-v-3c3b4ba9] {
    max-width: 280px;
}

.page-landing .isMobile .landing-body img.r-b[data-v-3c3b4ba9] {
    max-width: 260px;
}

.page-landing .isMobile .landing-body img.psn[data-v-3c3b4ba9] {
    max-width: 144px;
}

.page-landing .isMobile .landing-body .big-text[data-v-3c3b4ba9] {
    font-size: 25px;
    line-height: 40px;
}

.page-landing .isMobile .landing-body a[data-v-3c3b4ba9] {
    color: #fff;
}

.page-landing .landing-top[data-v-3c3b4ba9] {
    height: 70px;
    background: #333333;
    -webkit-box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
}

.page-landing .landing-top .btn[data-v-3c3b4ba9] {
    border-radius: 5px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 10px;
}

.page-landing .landing-top .btn-reg[data-v-3c3b4ba9] {
    background: #129D48;
    border: 1px solid #129D48;
    color: #FFFFFF;
}

.page-landing .landing-top .btn-log[data-v-3c3b4ba9] {
    background: #333333;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

@charset "UTF-8";
@font-face {
    font-family: 'Axiforma';
    src: url("/landingp/assets/css/fonts/Axiforma/Axiforma-Book.woff2") format("woff2"), url("/landingp/assets/css/fonts/Axiforma/Axiforma-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url("/landingp/assets/css/fonts/Axiforma/Axiforma-Bold.woff2") format("woff2"), url("/landingp/assets/css/fonts/Axiforma/Axiforma-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url("/landingp/assets/css/fonts/Axiforma/Axiforma-Medium.woff2") format("woff2"), url("/landingp/assets/css/fonts/Axiforma/Axiforma-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url("/landingp/assets/css/fonts/Axiforma/Axiforma-SemiBold.woff2") format("woff2"), url("/landingp/assets/css/fonts/Axiforma/Axiforma-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url("/landingp/assets/css/fonts/Axiforma/Axiforma-Regular.woff2") format("woff2"), url("/landingp/assets/css/fonts/Axiforma/Axiforma-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rajdhani';
    src: url("/landingp/assets/css/fonts/Rajdhani/Rajdhani-Bold.woff2") format("woff2"), url("/landingp/assets/css/fonts/Rajdhani/Rajdhani-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rajdhani';
    src: url("/landingp/assets/css/fonts/Rajdhani/Rajdhani-Medium.woff2") format("woff2"), url("/landingp/assets/css/fonts/Rajdhani/Rajdhani-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rajdhani';
    src: url("/landingp/assets/css/fonts/Rajdhani/Rajdhani-Regular.woff2") format("woff2"), url("/landingp/assets/css/fonts/Rajdhani/Rajdhani-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body.page-landingNew {
    background: #e8f1fb !important;
    font-family: 'Axiforma', sans-serif;
    font-weight: normal;
    overflow-x: hidden;
}

body.page-landingNew .btn-bb {
    font-weight: bold;
    font-family: 'Axiforma', sans-serif;
    font-size: 16px;
    border: 1px solid #0f853d;
    border-radius: 5px;
    background-color: rgba(15, 133, 61, 0.8);
    padding: 13px;
    line-height: 1;
    color: #fff;
}

body.page-landingNew .btn-bb_ {
    color: #fff;
    font-weight: bold;
    font-family: 'Axiforma', sans-serif;
    font-size: 16px;
    border: 1px solid #0f853d;
    border-radius: 5px;
    background-color: #0f853d;
    padding: 13px;
    line-height: 1;
}

body.page-landingNew header {
    background: url("/landingp/assets/images/header_bg.jpg") top center no-repeat;
    min-height: 700px;
}

body.page-landingNew header .headerSlide {
    font-family: 'Rajdhani', sans-serif;
}

body.page-landingNew header .headerSlide .sliderText {
    font-size: 81px;
    color: #2b3a4a;
    line-height: 1;
}

body.page-landingNew header .headerSlide .sliderText .r1 {
    font-weight: bold;
}

body.page-landingNew header .headerSlide .sliderText .r2 {
    font-weight: 500;
}

body.page-landingNew header .headerSlide .sliderSmallText {
    font-size: 22px;
    color: #7a8794;
    line-height: 1.7;
    font-weight: 500;
}

body.page-landingNew header .header-top {
    background-image: -ms-linear-gradient(90deg, rgba(231, 236, 242, 0) 0%, #e7ecf2 100%);
    height: 100px;
    vertical-align: center;
    border-bottom: solid 2px #e0e0dc;
}

body.page-landingNew header .header-top .header-height {
    min-height: 100px;
}

body.page-landingNew header .header-top .header-height .social-icons {
    display: table;
}

body.page-landingNew header .header-top .header-height .social-icons li {
    display: table-cell;
    text-align: center;
    padding: 5px;
}

body.page-landingNew header .header-top .header-height .social-icons li a {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    text-decoration: none;
}

body.page-landingNew header .header-top .btn {
    border-radius: 5px;
    height: 50px;
    font-size: 16px;
    font-family: 'Axiforma', sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.75;
    padding: 10px 25px;
}

body.page-landingNew header .header-top .btn.btn-success {
    background-color: #0f853d;
}

body.page-landingNew header .header-top .btn.btn-danger {
    background-color: #dc1a02;
}

body.page-landingNew main {
    font-family: 'Axiforma', sans-serif;
}

body.page-landingNew main section {
    display: block;
    position: relative;
}

body.page-landingNew main section .backLine {
    background: #1b2631;
    position: absolute;
    height: 60px;
    width: 100%;
}

body.page-landingNew main section .boxes {
    padding-top: 30px;
}

body.page-landingNew main section .boxes .col {
    padding: 5px 5px;
}

body.page-landingNew main section .boxes .col a {
    padding: 20px 10px;
    text-align: center;
    display: block;
    background: #ffffff;
    border-radius: 5px;
    color: #2b3a4a;
    position: relative;
    z-index: 999;
    font-family: 'Axiforma', sans-serif;
    font-weight: 500;
    font-size: 16px;
}

body.page-landingNew main section .boxes .col a::after {
    content: " ";
    height: 4px;
    width: 76%;
    bottom: -4px;
    left: 12%;
    background: #dee8f4;
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 4px 4px;
}

body.page-landingNew main section .boxes .col a span {
    display: block;
}

body.page-landingNew main section .boxes .col a span.f-r {
    font-weight: normal;
    font-size: 19px;
}

body.page-landingNew main section .boxes .col a span.t1 {
    font-weight: 500;
    font-size: 13px;
}

body.page-landingNew main section .boxes .col a .bcontent {
    padding-top: 5px;
}

body.page-landingNew main section .boxes .col a .bcontent div {
    font-size: 11px;
    font-weight: 500;
    color: #838e9a;
    line-height: 2.4;
}

body.page-landingNew main section .boxes .col a .bcontent div span {
    display: inline-block;
    width: 50%;
}

body.page-landingNew main section .boxes .col a .bcontent div span.c1 {
    text-align: left;
}

body.page-landingNew main section .boxes .col a .bcontent div span.c2 {
    text-align: right;
}

body.page-landingNew main section.dp-methods {
    background: url("/landingp/assets/images/deps-bg.png") no-repeat center center;
    border-top: 1px solid #dee8f2;
    padding-top: 30px;
    margin-top: 50px;
}

body.page-landingNew main section.dp-methods .boxes a {
    padding: 15px 10px 7px 10px;
}

body.page-landingNew main section.dp-methods .boxes a .t1 {
    padding-top: 6px;
}

body.page-landingNew main section .section-header {
    font-size: 35px;
    color: #2b3a4a;
    font-family: 'Axiforma', sans-serif;
}

body.page-landingNew main section .section-header .s1 {
    font-weight: 800;
}

body.page-landingNew main section .section-header .s2 {
    font-weight: 300;
}

body.page-landingNew main section.sectionContent {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Axiforma', sans-serif;
    color: #838e9a;
    border-top: 1px solid #dee8f2;
    padding-top: 30px;
    margin-top: 50px;
}

body.page-landingNew main section.sectionContent .slot-switch {
    width: 100%;
    display: table;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    background-color: white;
    height: 40px;
    padding: 2px;
}

body.page-landingNew main section.sectionContent .slot-switch li {
    padding: 2px;
    display: table-cell;
    border-radius: 5px;
    height: 32px;
    list-style: none;
}

body.page-landingNew main section.sectionContent .slot-switch li a {
    text-decoration: none;
    line-height: 1;
    padding: 9.5px 2px;
    text-align: center;
    color: #a6b1bd;
    display: block;
    border-radius: 5px;
}

body.page-landingNew main section.sectionContent .slot-switch li a.active, body.page-landingNew main section.sectionContent .slot-switch li a:hover {
    background-color: #0f853d;
    color: #fff;
}

body.page-landingNew footer {
    color: #a7b2be;
    font-size: 12px;
}

body.page-landingNew footer .logo-bar {
    background: #2B3B4B;
    padding: 20px 0px;
}

@media (min-width: 989px) {
    body.page-landingNew main section .boxes .col {
        min-width: 160px;
    }
}

body.page-landingNew.landing_mobile .slick-list {
    overflow: hidden;
}

/* Arrows */
.landing-slick .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.landing-slick .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.landing-slick .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.landing-slick .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-clip-path: inset(-100vw -100vw -100vw 0);
    clip-path: inset(-100vw -100vw -100vw 0);
}

.landing-slick .slick-list:focus {
    outline: none;
}

.landing-slick .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.landing-slick .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.landing-slick .slick-track::before {
    display: table;
    content: '';
}

.landing-slick .slick-track:after {
    display: table;
    content: '';
    clear: both;
}

.landing-slick .slick-loading .slick-track {
    visibility: hidden;
}

.landing-slick .slick-loading .slick-slide {
    visibility: hidden;
}

.landing-slick .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0px 10px 0px 0px;
}

.landing-slick .slick-slide .slickContent {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#172029), to(rgba(23, 32, 41, 0))) !important;
    background-image: linear-gradient(0deg, #172029 0%, rgba(23, 32, 41, 0) 100%) !important;
    background-image: -ms-linear-gradient(90deg, #172029 0%, rgba(23, 32, 41, 0) 100%) !important;
}

.landing-slick .slick-slide .slickContent img.playgame {
    position: absolute;
    top: 30px;
    left: 30px;
}

.landing-slick .slick-slide .slickContent .provider {
    font-size: 13px;
    font-family: "Axiforma", sans-serif;
    font-weight: 500;
    color: #9dff66;
    display: block;
    width: 90%;
    height: 15px;
    left: 5%;
    bottom: 40px;
    position: absolute;
}

.landing-slick .slick-slide .slickContent .gameName {
    font-size: 13px;
    font-family: "Axiforma", sans-serif;
    font-weight: 500;
    color: #fff;
    display: block;
    width: 90%;
    height: 15px;
    left: 5%;
    bottom: 20px;
    position: absolute;
}

.landing-slick .slick-slide img.thmb {
    display: block;
}

.landing-slick .slick-slide.slick-loading img {
    display: none;
}

.landing-slick .slick-slide.dragging img {
    pointer-events: none;
}

.landing-slick .slick-initialized .slick-slide {
    display: block;
}

.landing-slick .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.landing-slick .slick-arrow.slick-hidden {
    display: none;
}

.landing-slick .slick-prev {
    z-index: 999;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% + 35px);
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    left: -30px;
}

.landing-slick .slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

.landing-slick .slick-prev:hover::before {
    opacity: 1;
}

.landing-slick .slick-prev:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.landing-slick .slick-prev:focus::before {
    opacity: 1;
}

.landing-slick .slick-prev::before {
    font-family: unset;
    font-size: 20px;
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 60px;
    line-height: 60px;
    opacity: .95;
    color: #0f853d;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\2190";
}

.landing-slick .slick-next {
    z-index: 999;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 35px);
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    left: -30px;
}

.landing-slick .slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

.landing-slick .slick-next:hover::before {
    opacity: 1;
}

.landing-slick .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.landing-slick .slick-next:focus::before {
    opacity: 1;
}

.landing-slick .slick-next::before {
    font-family: unset;
    display: block;
    font-size: 20px;
    height: 60px;
    width: 60px;
    border-radius: 60px;
    line-height: 60px;
    opacity: .95;
    color: #0f853d;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\2192" !important;
}

.landing-slick .slick-prev.slick-disabled::before {
    opacity: .75;
}

.landing-slick .slick-next.slick-disabled::before {
    opacity: .75;
}

body.page-landingNew.isMobile .isMobile {
    background-image: none;
    background-color: #e8f1fb;
}

body.page-landingNew.isMobile .btn-bb {
    font-size: 14px;
    padding: 7px 10px;
}

body.page-landingNew.isMobile header {
    min-height: unset;
}

body.page-landingNew.isMobile header .headerSlide .sliderText {
    font-size: 42px;
}

body.page-landingNew.isMobile header .headerSlide .sliderSmallText {
    font-size: 12px;
}

body.page-landingNew.isMobile header .headerSlide .sliderSmallText div {
    padding: 3px 0px;
}

body.page-landingNew.isMobile header .headerSlide .sliderSmallText div .r1 {
    background-color: rgba(255, 255, 255, 0.878);
    display: inline-block;
    padding: 0px 5px;
}

body.page-landingNew.isMobile header .header-top {
    height: 70px;
}

body.page-landingNew.isMobile header .header-top .header-height {
    min-height: 70px;
}

body.page-landingNew.isMobile header .header-top .btn {
    height: 40px;
    font-size: 14px;
    line-height: 2;
    padding: 5px 10px;
}

body.page-landingNew.isMobile header .header-top .btn.btn-success {
    background-color: #0f853d;
}

body.page-landingNew.isMobile header .header-top .btn.btn-danger {
    background-color: #dc1a02;
}

body.page-landingNew.isMobile main {
    font-family: 'Axiforma', sans-serif;
}

body.page-landingNew.isMobile main section {
    display: block;
    position: relative;
}

body.page-landingNew.isMobile main section .MobileSocial {
    background: #1b2631;
    padding: 20px 0px;
    border-bottom: solid 2px #2a3642;
}

body.page-landingNew.isMobile main section .MobileSocial .social-icons {
    padding-left: 0;
    display: table;
}

body.page-landingNew.isMobile main section .MobileSocial .social-icons li {
    display: table-cell;
    text-align: center;
    padding: 5px 10px;
}

body.page-landingNew.isMobile main section .MobileSocial .social-icons li a {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    text-decoration: none;
}

body.page-landingNew.isMobile main section .backLine {
    background: #1b2631;
    position: absolute;
    height: 60px;
    width: 100%;
}

body.page-landingNew.isMobile main section .boxes {
    padding-top: 10px;
}

body.page-landingNew.isMobile main section .boxes .col {
    padding: 5px 5px;
}

body.page-landingNew.isMobile main section .boxes .col a {
    padding: 10px 5px 5px 5px;
    font-size: 13px;
}

body.page-landingNew.isMobile main section .boxes .col a img {
    max-height: 60px;
}

body.page-landingNew.isMobile main section .boxes .col a::after {
    content: " ";
    height: 4px;
    width: 76%;
    bottom: -4px;
    left: 12%;
    background: #dee8f4;
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 4px 4px;
}

body.page-landingNew.isMobile main section .boxes .col a span {
    display: block;
}

body.page-landingNew.isMobile main section .boxes .col a span.f-r {
    font-weight: normal;
    font-size: 19px;
}

body.page-landingNew.isMobile main section .boxes .col a span.t1 {
    font-weight: 500;
    font-size: 13px;
}

body.page-landingNew.isMobile main section .boxes .col a .bcontent {
    padding-top: 5px;
}

body.page-landingNew.isMobile main section .boxes .col a .bcontent div {
    font-size: 11px;
    font-weight: 500;
    color: #838e9a;
    line-height: 1.8;
}

body.page-landingNew.isMobile main section .boxes .col a .bcontent div span {
    display: inline-block;
    width: 50%;
}

body.page-landingNew.isMobile main section .boxes .col a .bcontent div span.c1 {
    text-align: left;
}

body.page-landingNew.isMobile main section .boxes .col a .bcontent div span.c2 {
    text-align: right;
}

body.page-landingNew.isMobile main section.dp-methods {
    padding-top: 10px;
    margin-top: 20px;
}

body.page-landingNew.isMobile main section.dp-methods .boxes a {
    padding: 15px 10px 7px 10px;
}

body.page-landingNew.isMobile main section.dp-methods .boxes a .t1 {
    padding-top: 6px;
}

body.page-landingNew.isMobile main section .section-header {
    font-size: 24px;
}

body.page-landingNew.isMobile main section .section-header .s1 {
    font-weight: 800;
}

body.page-landingNew.isMobile main section .section-header .s2 {
    font-weight: 300;
}

body.page-landingNew.isMobile main section.sectionContent {
    font-size: 13px;
    padding-top: 25px;
    margin-top: 25px;
}

body.page-landingNew.isMobile .landing-slick .slick-slide {
    margin: 3px;
}

body.page-landingNew.isMobile .landing-slick .slick-slide .slickContent img.playgame {
    top: 10px;
    left: 10px;
}

body.page-landingNew.isMobile .landing-slick .slick-slide .slickContent .provider {
    font-size: 12px;
}

body.page-landingNew.isMobile .landing-slick .slick-slide .slickContent .gameName {
    font-size: 12px;
}

body.page-landingNew.isMobile .landing-slick .slick-prev {
    top: -50px;
    width: 30px;
    height: 30px;
    left: 10px;
}

body.page-landingNew.isMobile .landing-slick .slick-prev:before {
    font-size: 18px;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    line-height: 30px;
    content: '\2190';
}

body.page-landingNew.isMobile .landing-slick .slick-next {
    top: -50px;
    width: 30px;
    height: 30px;
    right: 10px;
    left: unset;
}

body.page-landingNew.isMobile .landing-slick .slick-next:before {
    display: block;
    font-size: 18px;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    line-height: 30px;
}

.container-helio {
    background: #000;
    max-width: 1280px;
}

.container-helio iframe {
    height: 768px;
}

.isMobile .container-helio iframe {
    height: calc(100vh - 140px);
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

.sgtv {
    min-width: 100vw;
    width: 100vw;
    height: calc(100vh - var(--host-header-height));
}

.container-game {
    background: #000;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

.isDesktop .widenAccountPage {
    margin: 0 -50px;
}

.open-conv {
    color: black;
    border-radius: 10px;
    padding: 30px;
}

.open-conv .op30 {
    opacity: 0.3;
}

.open-conv .f-s-12 {
    font-size: 12px;
}

.open-conv .oc-messagebox textarea {
    background: #FAFDFF;
    border-radius: 10px;
    padding: 12px 20px 18px 13px;
    font-size: 12px;
    line-height: 20px;
    color: #262D33;
    width: 100%;
    min-height: 90px;
    border: 0;
    overflow: auto;
    resize: none;
}

.error404 .container {
    max-width: none !important;
    margin: 0 !important;
    width: 100% !important;
    padding: 100px;
    color: #ffffffcc;
    background-color: #1d233a;
}

.error404 .container .box {
    background-color: #1f2841;
    height: 500px;
    border-radius: 30px;
    text-align: center;
    padding: 100px 0;
    overflow: hidden;
}

.error404 .container .box .context {
    z-index: 5;
    position: relative;
}

.error404 .container .box .context .t1 {
    margin: 10px;
    font-size: xx-large;
}

.error404 .container .box .context .t2 {
    margin: 10px;
    font-size: x-large;
}

.error404 .container .box .context .t3 {
    margin: 10px;
    font-size: large;
    color: #ffffff33;
}

.error404 .container .box .context .getout {
    width: 300px;
    margin: 50px;
    padding: 20px;
    font-size: large;
    border-radius: 50px;
    background-color: #f06191;
    color: #e0d6e8;
    border: 0;
}

.error404 .container .box .t404 {
    white-space: nowrap;
    font-family: initial;
    position: relative;
    top: -400px;
    font-size: 400px;
    text-shadow: -10px 50px 100px #00000090;
    color: #1f2841;
}

.error404 .container {
    max-width: none !important;
    margin: 0 !important;
    width: 100% !important;
    padding: 100px;
    color: #ffffffcc;
    background-color: #1d233a;
}

.error404 .container .box {
    background-color: #1f2841;
    height: 500px;
    border-radius: 30px;
    text-align: center;
    padding: 100px 0;
    overflow: hidden;
}

.error404 .container .box .context {
    z-index: 5;
    position: relative;
}

.error404 .container .box .context .t1 {
    margin: 10px;
    font-size: xx-large;
}

.error404 .container .box .context .t2 {
    margin: 10px;
    font-size: x-large;
}

.error404 .container .box .context .t3 {
    margin: 10px;
    font-size: large;
    color: #ffffff33;
}

.error404 .container .box .context .getout {
    width: 300px;
    margin: 50px;
    padding: 20px;
    font-size: large;
    border-radius: 50px;
    background-color: #f06191;
    color: #e0d6e8;
    border: 0;
}

.error404 .container .box .t404 {
    white-space: nowrap;
    font-family: initial;
    position: relative;
    top: -400px;
    font-size: 400px;
    text-shadow: -10px 50px 100px #00000090;
    color: #1f2841;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url(/images/vendor/slick-carousel/slick/ajax-loader.gif?c5cd7f5300576ab4c88202b42f6ded62) center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475);
    src: url(/fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475?#iefix) format('embedded-opentype'), url(/fonts/vendor/slick-carousel/slick/slick.woff?b7c9e1e479de3b53f1e4e30ebac2403a) format('woff'), url(/fonts/vendor/slick-carousel/slick/slick.ttf?d41f55a78e6f49a5512878df1737e58a) format('truetype'), url(/fonts/vendor/slick-carousel/slick/slick.svg?f97e3bbf73254b0112091d0192f17aec#slick) format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '\2190';
}

[dir='rtl'] .slick-prev:before {
    content: '\2192';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '\2192';
}

[dir='rtl'] .slick-next:before {
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

#carousel-1 .carousel-inner .carousel-item-right.active,
#carousel-1 .carousel-inner .carousel-item-next {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

#carousel-1 .carousel-inner .carousel-item-left.active,
#carousel-1 .carousel-inner .carousel-item-prev {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#carousel-1 .carousel-inner .carousel-item-right,
#carousel-1 .carousel-inner .carousel-item-left {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.container-sb {
    min-width: 1240px !important;
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 9px;
}

.daterangepicker.opensleft:after {
    right: 10px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 9px;
}

.daterangepicker.opensright:after {
    left: 10px;
}

.daterangepicker.drop-up {
    margin-top: -7px;
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
}

.daterangepicker.single .drp-selected {
    display: none;
}

.daterangepicker.show-calendar .drp-calendar {
    display: block;
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
    padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.daterangepicker .ranges li:hover {
    background-color: #eee;
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges ul {
        width: 140px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
        float: left;
    }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }

    .daterangepicker .ranges, .daterangepicker .drp-calendar {
        float: left;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.screenshot {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.screenshot .overlay,
.screenshot .crosshairs,
.screenshot .tooltip,
.screenshot .borderedBox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.screenshot .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.screenshot .overlay.highlighting {
    background: none;
    border-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
}

.screenshot .crosshairs {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2147483645;
}

.screenshot .crosshairs.hidden {
    display: none;
}

.screenshot .crosshairs::before,
.screenshot .crosshairs::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    border: none !important;
}

.screenshot .crosshairs::before {
    left: -100%;
    top: -100%;
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.screenshot .crosshairs::after {
    left: 0px;
    top: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.screenshot .borderedBox {
    border: 1px solid #fff;
    position: absolute;
}

.screenshot .borderedBox.hidden {
    display: none;
}

.screenshot .tooltip {
    display: inline-block;
    position: absolute;
    background-color: grey;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-family: monospace;
    padding: 6px;
    margin: 6px;
    white-space: nowrap;
}

.screenshot .tooltip.hidden {
    display: none;
}

.screenshot .Flash {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2147483646;
    opacity: 1;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.screenshot .screenshot-enter-active, .screenshot .screenshot-leave-active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.screenshot .screenshot-enter, .screenshot .screenshot-leave-to {
    opacity: 0;
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.feedback {
    position: fixed;
    left: 0;
    top: 50%;
}

.feedback .fb-fb {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -30px;
    font-size: 10px;
    opacity: 0.8;
}

.feedback .fb-thanks {
    border-radius: 5px;
    background: white;
    border: 1px solid #dddfe2;
}

.feedback .fb-box {
    max-width: 95vw;
    border-radius: 5px;
    background: white;
    border: 1px solid #dddfe2;
    width: 330px;
}

.feedback .fb-box textarea {
    border-radius: 0;
    border-right: none;
    border-left: none;
}

.feedback .fb-box .fb-top {
    padding: 40px 0 20px;
}

.feedback .fb-box .fb-points {
    padding: 0 30px;
}

.feedback .fb-box .fb-points i {
    cursor: pointer;
}

.feedback .fb-box .fb-x {
    position: absolute;
    top: -16px;
    right: 10px;
    border-radius: 22px;
    border: 1px solid #dddfe2;
}

.claimmodal .modal-content {
    background: #28292C;
    color: white;
}

.claimmodal .modal-content {
    background: #28292C;
    color: white;
}

.claimmodal .modal-content {
    background: #28292C;
    color: white;
}

html, body {
    scroll-behavior: smooth;
}

body {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.isDesktop {
    min-width: 1200px;
}

.isDesktop .container {
    min-width: 1200px;
}

.container-main {
    min-height: 500px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.modal-backdrop {
    background-color: transparent;
}

header {
    background: white;
}

header .form-group .f-i {
    position: absolute;
    top: 12px;
    left: 12px;
    line-height: 0;
}

.header-social {
    height: 29px;
    background: #E4ECF7;
    background: -webkit-gradient(linear, left top, right top, from(#E4ECF7), color-stop(60%, #E4ECF7), color-stop(60%, #06892F));
    background: linear-gradient(90deg, #E4ECF7 0%, #E4ECF7 60%, #06892F 60%);
}

.header-social .hs-r {
    float: right;
    background: #06892F;
    border-radius: 5px 0 0 0;
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
    padding-left: 40px;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}

.header-social .hs-r svg {
    padding-right: 5px;
}

.header-social .hs-r a {
    padding-right: 20px;
    color: white;
}

.tvlogo {
    margin: 0px 0 0 35px;
    cursor: pointer;
}

.top-reg-btn {
    background-color: #DC1A02 !important;
}

.balance-holder * {
    vertical-align: middle;
}

header .mainmenu menu > ul > li > a {
    white-space: nowrap;
    padding: 17.5px 16.5px !important;
}

header .mainmenu menu .dropdown-item:last-child {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

header .mainmenu menu .dropdown-item:first-child {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #0F843D;
    color: #fff;
}

.yilbasicekilisi-santa {
    width: 134px;
    height: 40px;
    position: relative;
    background-image: url("/assets/images/yilbasi2021/yilbasiheader.png");
    background-size: 100%;
    margin-left: 20px;
    cursor: pointer;
}

.yilbasicekilisi-santa .ticket-count {
    position: absolute;
    right: 6px;
    top: 11px;
    color: white;
    font-size: 16px;
}

.isDesktop .mainmenu menu {
    display: block !important;
}

.vip365 {
    background: #000 url(/bs/assets/images/bg-vip.jpg) center 130px no-repeat;
    background-size: 1921px;
}

.vip365 > header {
    background: #2B3B4B;
}

.vip365 > header .mainmenu {
    background: -webkit-gradient(linear, left top, left bottom, from(#E68F2D), to(#f79F3e));
    background: linear-gradient(#E68F2D, #f79F3e);
}

.vip365 > header .lang-menu {
    font-size: 9px;
    line-height: 9px;
    font-family: 'Avenir', sans-serif;
    font-weight: 600;
    position: relative;
}

.vip365 > header .lang-menu a.curr-lang {
    color: #fff;
}

.vip365 > header .v-white {
    color: #fff !important;
}

.vip365 > header .user-top-panel {
    font-size: 13px;
    padding-top: 4px;
}

.vip365 > header .user-top-panel .balance-holder {
    color: #fff;
}

.vip365 > header .user-top-panel .balance-holder .balance_total {
    color: #129D48;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2c3e50;
    z-index: 999999 !important;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.slide-up-fade-out {
    -webkit-animation: slide-up-fade-out ease 1s;
    animation: slide-up-fade-out ease 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 1;
}

@-webkit-keyframes slide-up-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    25% {
        -webkit-transform: translate(0px, 30px) scale(1);
        transform: translate(0px, 30px) scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-80px, -200px) scale(0.7);
        transform: translate(-80px, -200px) scale(0.7);
    }
}

@keyframes slide-up-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    25% {
        -webkit-transform: translate(0px, 30px) scale(1);
        transform: translate(0px, 30px) scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-80px, -200px) scale(0.7);
        transform: translate(-80px, -200px) scale(0.7);
    }
}

.vip365 header[data-v-87923308] {
    background: #2B3B4B;
}

.vip365 header .bg-t-darken[data-v-87923308] {
    background: #34495e;
}

svg[data-v-87923308] {
    cursor: pointer;
}

svg path[data-v-87923308] {
    stroke-width: 20;
    stroke-linecap: round;
    stroke: #fff;
    fill: none;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.top_bar[data-v-87923308],
.bottom_bar[data-v-87923308] {
    stroke-dasharray: 140px 910px;
}

.middle_bar[data-v-87923308] {
    stroke-dasharray: 240px 240px;
}

.open .top_bar[data-v-87923308],
.open .bottom_bar[data-v-87923308] {
    stroke-dasharray: 240px 910px;
    stroke-dashoffset: -650px;
}

.open .middle_bar[data-v-87923308] {
    stroke-dasharray: 0px 220px;
    stroke-dashoffset: -120px;
}

.balance-holder *[data-v-87923308] {
    vertical-align: middle;
}

.bg-t-darken[data-v-87923308] {
    background: #0000001a;
}

.isDesktop .mainmenu menu[data-v-87923308] {
    display: block !important;
}

.mobile-main-menu-trigger[data-v-87923308] {
    width: 60px;
    text-align: center;
    /*padding: 24px 10px;*/
}

.mobile-main-menu-trigger img[data-v-87923308] {
    height: 20px;
    vertical-align: top;
}

.isMobile {
    background-image: -webkit-gradient(linear, right top, left top, from(#212529), to(#01310D));
    background-image: linear-gradient(-90deg, #212529 0%, #01310D 100%);
}

.isMobile.vip365 {
    background-image: -webkit-gradient(linear, right top, left top, from(#01060A), to(#041322));
    background-image: linear-gradient(-90deg, #01060A 0%, #041322 100%);
}

@media (max-width: 349px) {
    .d-none-350 {
        display: none !important;
    }
}

@media (min-width: 350px) {
    .d-block-350 {
        display: none !important;
    }
}

@media (max-width: 369px) {
    .d-none-370 {
        display: none !important;
    }
}

@media (min-width: 370px) {
    .d-block-370 {
        display: none !important;
    }
}

.balance-holder * {
    vertical-align: middle;
}

.bg-t-green {
    background: #009D34;
}

.mobileHeader {
    position: fixed;
    width: 100%;
    height: 60px;
}

.mobileHeader nav {
    -webkit-box-shadow: inset 0px -2px 0px #00000026;
    box-shadow: inset 0px -2px 0px #00000026;
}

.mobileHeader .header-top-m {
    padding-top: 10px;
    padding-right: 10px;
}

.mobileHeader .header-top-m a.attm {
    height: 38px;
    width: 38px;
    display: inline-block;
    text-align: center;
    background: #1F8D3A;
    -webkit-box-shadow: inset 0 -4px 0 0 #1A7631;
    box-shadow: inset 0 -4px 0 0 #1A7631;
    margin-left: 3px;
    border-radius: 6px;
    padding-top: 5px;
}

.mobileHeader .header-top-m .lang-btn {
    background: #1F8D3A;
    border-radius: 6px;
    height: 38px;
    width: 48px;
    border: none !important;
    padding-top: 0.16rem;
    padding-bottom: 0.34rem;
    -webkit-box-shadow: inset 0 -4px 0 0 #1A7631;
    box-shadow: inset 0 -4px 0 0 #1A7631;
}

.vip365 header {
    background: #2B3B4B;
}

.vip365 header .bg-t-green {
    background: #2B3B4B;
}

.vip365 header .header-top-m {
    padding-top: 10px;
    padding-right: 10px;
}

.vip365 header .header-top-m a.attm {
    display: inline-block;
    text-align: center;
    background: #34495e;
    -webkit-box-shadow: inset 0 -4px 0 0 #2c3e50;
    box-shadow: inset 0 -4px 0 0 #2c3e50;
    margin-left: 3px;
    border-radius: 6px;
    padding-top: 10px;
}

.vip365 header .header-top-m .lang-btn {
    background: #34495e;
    -webkit-box-shadow: inset 0 -4px 0 0 #2c3e50;
    box-shadow: inset 0 -4px 0 0 #2c3e50;
}

.vip365 header .mainmenu {
    background: -webkit-gradient(linear, left top, left bottom, from(#E68F2D), to(#f79F3e));
    background: linear-gradient(#E68F2D, #f79F3e);
}

.vip365 header .lang-menu {
    font-size: 9px;
    line-height: 9px;
    font-family: 'Avenir', sans-serif;
    font-weight: 600;
    position: relative;
}

.vip365 header .lang-menu a.curr-lang {
    color: #fff;
}

.vip365 header .v-white {
    color: #fff !important;
}

.vip365 header .user-top-panel {
    font-size: 13px;
    padding-top: 4px;
}

.vip365 header .user-top-panel .balance-holder {
    color: #fff;
}

.vip365 header .user-top-panel .balance-holder .balance_total {
    color: #129D48;
}

.popup-mask-bg {
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 999;
}

.popup-mask-i {
    margin: 0 auto;
    width: 725px;
}

.bet-cash-block .closer {
    display: inline-block;
    position: absolute;
    top: -30px;
    right: -30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(/assets/images/popup/closer-w.png) no-repeat;
}

.bet-cash-block, .bet-cash-img-block {
    width: 100%;
    float: left;
    position: relative;
}

.bet-cash-block {
    margin-top: 65px;
    font-size: 16px;
    margin-bottom: 30px;
}

.bet-cash-title {
    font-size: 20px;
    font-family: Oswald, Arial, sans-serif;
    color: #fff;
    padding: 0 35px;
    height: 65px;
    line-height: 62px;
    background: #4d4746;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d4746), to(#444041));
    background: linear-gradient(to bottom, #4d4746 0, #444041 100%);
    border-radius: 5px 5px 0 0;
}

.bet-cash-content-i, .bet-cash-content-step-1 p, .bet-cash-content-step-2 p, .bet-cash-content-step-button, .bet-cash-content-step-title, .bet-cash-img-button, .bet-cash-img-text, .bet-cash-img-title, .bet-cash-tabs li {
    font-family: Roboto, sans-serif;
}

.bet-cash-img-block {
    height: 458px;
    background: url(/assets/images/popup/cashout-popup-bg.png) no-repeat;
}

.bet-cash-img-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    padding: 30px 20px 20px 40px;
}

.bet-cash-img-bg {
    width: 517px;
    height: 412px;
    background: url(/assets/images/popup/cashout-popup-img-bg.png) no-repeat;
    position: absolute;
    left: -100px;
    top: 0;
}

.bet-cash-img-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 5px;
}

.bet-cash-img-text {
    line-height: 22px;
    font-weight: 100;
}

.bet-cash-img-button {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    right: 20px;
    top: 50px;
    width: 238px;
    height: 66px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: 500;
    background: url(/assets/images/popup/cashout-popup-button-g.png) no-repeat;
    color: #fff;
}

.bet-cash-img-button:hover {
    color: #fff;
}

.bet-cash-tabs, .bet-cash-tabs li {
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
}

.bet-cash-tabs {
    width: 100%;
    background: #4d4746;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d4746), to(#444041));
    background: linear-gradient(to bottom, #4d4746 0, #444041 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

.bet-cash-tabs li {
    list-style: none;
    line-height: 47px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.bet-cash-tabs li.active {
    background: #108113;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #108113), to(#0a690d));
    background: linear-gradient(to bottom, #108113 0, #0a690d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#108113', endColorstr='#0a690d', GradientType=0);
    border-bottom: 3px solid #074d09;
}

.bet-cash-content-i {
    padding: 30px 35px;
    background: #fff;
    color: #000;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: none;
    border-radius: 0 0 5px 5px;
}

#nav li, #nav li a, #nav ul a, .bet-cash-content-i.visible {
    display: block;
}

.bet-cash-content-i .bet-cash-content-info p {
    margin-bottom: 25px;
}

.bet-cash-content-i .bet-cash-content-info .text-title {
    font-size: 18px;
}

.bet-cash-content-i .bet-cash-content-info .text-p {
    font-size: 16px;
}

.bet-cash-content-step-title {
    font-size: 34px;
    font-weight: 900;
    color: #313233;
    line-height: 55px;
    /*background: url(/assets/images/popup/bet-cash-content-step-title_bg.png) left bottom no-repeat;*/
    margin-bottom: 35px;
}

.bet-cash-content-step-title .green {
    color: #1f9b22;
    font-weight: 500;
}

.bet-cash-content-step-1, .bet-cash-content-step-2 {
    padding-left: 80px;
    padding-top: 35px;
    margin-bottom: 20px;
}

.bet-cash-content-step-1 {
    /*background: url(/assets/images/popup/bet-cash-content-step-1_bg.png) left top no-repeat*/
}

.bet-cash-content-step-2 {
    /*background: url(/assets/images/popup/bet-cash-content-step-2.png) left top no-repeat*/
}

.bet-cash-content-step-1 p, .bet-cash-content-step-2 p {
    font-size: 26px;
    color: #313233;
    font-weight: 500;
}

.bet-cash-content-step-1 span, .bet-cash-content-step-2 span {
    font-size: 18px;
    color: #acacad;
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.bet-cash-content-step-1 img, .bet-cash-content-step-2 img {
    margin-top: 15px;
    margin-left: -80px;
}

.bet-cash-content-step-button {
    display: block;
    margin: 30px auto 0;
    cursor: pointer;
    width: 388px;
    height: 78px;
    text-align: center;
    line-height: 62px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    background: url(/assets/images/popup/cashout-popup-button-y.png) no-repeat;
}

.isMobile #tipchat-chat-widget-container iframe img.open {
    display: none !important;
}

.page-turnuva .isDesktop header {
    background: #ffffff;
}

.footerBottomLogos {
    text-align: center;
}

.footerBottomLogos img {
    margin: 5px;
}

.t-bottom {
    background-color: rgba(0, 114, 0, 0.8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    z-index: 99;
    color: #fff;
    font-weight: 600;
    border-top: 1px solid #aaaaab;
    -webkit-animation: bgFadeColor 2s ease-in-out infinite alternate;
    animation: bgFadeColor 2s ease-in-out infinite alternate;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
}

@-webkit-keyframes bgFadeColor {
    to {
        background-color: #fdb92c;
    }
}

@keyframes bgFadeColor {
    to {
        background-color: #fdb92c;
    }
}

.vip365 footer.footer-bg {
    background: #3C4c5c;
}

.vip365 footer .footer ul li.h {
    color: #f79F3e;
}

.vip365 footer .footer ul li a {
    color: #ddd;
}

.vip365 footer .fc-vip {
    color: #ddd;
}

.modalfitcontent {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.box {
    z-index: -1;
    margin-top: -60px;
    height: 300px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 30px rgba(black, .2);
    box-shadow: 0 2px 30px rgba(black, .2);
    background: lighten(#f0f4c3, 10%);
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wave {
    opacity: .4;
    position: absolute;
    top: 111%;
    left: 50%;
    background: #0af;
    width: 1000px;
    height: 1000px;
    margin-left: -500px;
    margin-top: -200px;
    -webkit-transform-origin: 50% 48%;
    transform-origin: 50% 48%;
    border-radius: 43%;
    -webkit-animation: drift 3000ms infinite linear;
    animation: drift 3000ms infinite linear;
}

.wave.-three {
    -webkit-animation: drift 5000ms infinite linear;
    animation: drift 5000ms infinite linear;
}

.wave.-two {
    -webkit-animation: drift 7000ms infinite linear;
    animation: drift 7000ms infinite linear;
    opacity: .1;
    background: yellow;
}

.box:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(#e8a, 1)), color-stop(80%, rgba(#def, 0)), to(rgba(white, .5)));
    background: linear-gradient(to bottom, rgba(#e8a, 1), rgba(#def, 0) 80%, rgba(white, .5));
    z-index: 11;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    line-height: 300px;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: white;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    letter-spacing: .4em;
    font-size: 24px;
    text-shadow: 0 1px 0 rgba(black, .1);
    text-indent: .3em;
}

@-webkit-keyframes drift {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes drift {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.vip365 .footer-tabs {
    background: #2c3e50;
    -webkit-box-shadow: 0 0 20px #00000020;
    box-shadow: 0 0 20px #00000020;
}

.vip365 .footer-tabs .arrow-holder {
    background: #2c3e50;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer-tabs {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #1F8D3A;
    padding: 5px 0 5px 0;
    -webkit-box-shadow: 0 0 20px #00000020;
    box-shadow: 0 0 20px #00000020;
    -webkit-transition: height .5s ease-in-out, -webkit-transform 300ms;
    transition: height .5s ease-in-out, -webkit-transform 300ms;
    transition: transform 300ms, height .5s ease-in-out;
    transition: transform 300ms, height .5s ease-in-out, -webkit-transform 300ms;
}

.footer-tabs .row {
    margin: 0;
}

.footer-tabs > .row {
    margin: 0;
    padding-top: 0;
}

.footer-tabs > .row > .col > .row > .col {
    padding-top: 35px;
}

.footer-tabs > .row:not(.first) {
    padding-top: 20px;
    padding-bottom: 10px;
}

.footer-tabs .col {
    padding: 0;
    text-align: center;
}

.footer-tabs .f-left {
    padding: 0 17px 0 0;
}

.footer-tabs .f-right {
    padding: 0 0 0 17px;
}

.footer-tabs .label {
    display: block;
    font-size: 11px;
    color: #FFFFFF;
    white-space: nowrap;
    line-height: 15px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.footer-tabs .footer-svg {
    left: 50%;
    margin-left: -12px;
    margin-top: -29px;
    position: absolute;
    height: 25px;
    font-size: x-large;
    color: white;
    text-shadow: 0px 1px 1px #00000059;
}

.footer-tabs .arrow-holder {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -20px;
    margin-top: -20px;
    padding: 20px;
    background: #1F8D3A;
    border-radius: 100px;
    -webkit-box-shadow: 0px -3px 3px 0px #00000021;
    box-shadow: 0px -3px 3px 0px #00000021;
}

.footer-tabs .arrow {
    cursor: pointer;
    position: absolute;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.footer-tabs .arrow span {
    top: 0.5rem;
    position: absolute;
    width: 0.75rem;
    height: 0.1rem;
    background-color: #efefef;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.footer-tabs .arrow span:first-of-type {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer-tabs .arrow span:last-of-type {
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.footer-tabs .arrow.active span:first-of-type {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.footer-tabs .arrow.active span:last-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer-tabs .arrow--l-r {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    position: relative;
    margin: 0 1rem;
}

.footer-tabs .arrow--l-r.left span:nth-child(4) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.footer-tabs .arrow--l-r.left span:nth-child(5) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer-tabs .arrow--l-r.right span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.footer-tabs .arrow--l-r.right span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer-tabs .arrow--l-r span {
    position: absolute;
    height: 0.1rem;
    background-color: #efefef;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.footer-tabs .arrow--l-r span:nth-child(1), .footer-tabs .arrow--l-r span:nth-child(2), .footer-tabs .arrow--l-r span:nth-child(4), .footer-tabs .arrow--l-r span:nth-child(5) {
    width: 0.625rem;
    top: 0.625rem;
}

.footer-tabs .arrow--l-r span:nth-child(1) {
    right: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.footer-tabs .arrow--l-r span:nth-child(2) {
    right: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.footer-tabs .arrow--l-r span:nth-child(3) {
    width: 1.25rem;
    top: 0.625rem;
}

.footer-tabs .arrow--l-r span:nth-child(4) {
    left: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.footer-tabs .arrow--l-r span:nth-child(5) {
    left: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.sideMenu {
    padding-top: 70px;
    z-index: 1000;
}

.sideMenu .border-bottom {
    border-bottom-color: #757979 !important;
}

.sidebarMenu .nav {
    font-size: 14px;
}

.sidebarMenu .nav .nav-item .nav-link {
    color: #CCC;
    border-bottom: 1px solid #555;
    padding: 10px 10px 10px 20px;
}

.sidebarMenu .nav .collapse .nav-link {
    padding-left: 40px;
}

.sideMenu {
    padding-top: 70px;
    z-index: 1000;
}

.sideMenu .border-bottom {
    border-bottom-color: #757979 !important;
}

.modal-content {
    overflow: hidden;
}

.modal-content .modal-body {
    padding: 0 !important;
}

.modalfitcontent {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.btn-panel-d-sm {
    font-size: 11px !important;
    padding: 3px 5px !important;
}

.pt-title-mobile {
    font-size: 20px !important;
}

.user-panel.user-panel-mobile .panel-content .panel-top-menu ul li a, .user-panel.user-panel-mobile .panel-content .panel-top-submenu ul li a {
    padding: 8px !important;
    font-size: 12px !important;
}

.user-panel.user-panel-mobile {
    padding: 0 !important;
}

.user-panel.user-panel-mobile .panel-content {
    border: none !important;
}

.user-panel.user-panel-mobile .panel-top {
    padding-top: 10px;
    padding-bottom: 10px;
}

.user-panel.user-panel-mobile .panel-top .btn {
    margin-left: 10px;
}

.user-panel.user-panel-mobile .panel-top .panel-top-balance {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.user-panel.user-panel-mobile .panel-top .panel-top-balance .dw-buttons .btn {
    padding: 7px 7px !important;
    line-height: 1 !important;
    font-size: 13px;
}

.user-panel.user-panel-mobile .panel-top .panel-top-balance .balance-title {
    font-weight: 600;
    font-size: 12px;
    padding-top: 2px !important;
}

.user-panel.user-panel-mobile .panel-top .panel-top-balance .total-balance {
    font-size: 22px;
}

.user-panel.user-panel-mobile .panel-top .panel-top-balance .curr-balance {
    font-size: 18px !important;
    padding-top: 2px !important;
    line-height: 1;
    margin-left: 5px;
}

.user-panel.user-panel-mobile .panel-top .panel-top-buttons {
    padding-right: 30px;
}

.casinoMenu li:nth-child(odd) a {
    background: #4C5262;
}

.casinoMenu li:first-child a {
    border-radius: 4px 0 0 4px;
}

.casinoMenu li:last-child a {
    border-radius: 0 4px 4px 0;
}

.casinoMenu li a {
    padding: 18px 10px;
    background: #424757;
    display: block;
    color: #fff;
}

.casinoMenu li a img {
    vertical-align: middle;
    margin-top: -3px;
}

.casinoMenu li a:hover, .casinoMenu li a.active, .casinoMenu li a.router-link-active {
    background: #129D48;
}