@font-face {
    font-family: 'Inter';
    src: url("/themes/genfiles/cms/1/desktop/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/themes/genfiles/cms/1/desktop/fonts/inter/Inter-Regular.woff") format("woff");
    font-weight: normal;
    font-display: swap
}

.apm-security-checkbox__input {
    position: absolute;
    padding: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

.phone-modal-control,
.phone-modal-btn,
.apm-security-more,
.apm-security-sessions-btn,
.apm-security-close,
.apm-security-item__toggle,
.apm-security-input__input,
.apm-security-submit {
    cursor: pointer;
    padding: 0;
    width: auto;
    margin: 0;
    overflow: visible;
    outline: none;
    border: none;
    background: transparent;
    text-align: inherit;
    font: inherit;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    line-height: normal;
    color: inherit;
    -webkit-appearance: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .apm-form__head::before,
    .bm__heading::before,
    .s-apm-multiselect .multiselect__tags::before {
        content: '';
        display: block;
        min-height: inherit;
        font-size: 0
    }
}

.user-field-input__field,
.user-field-select__field,
.user-field-date__input {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #779ab8;
    background-color: #fff;
    outline: none;
    font-size: .875em;
    color: #1d4369
}

.user-field-input__field::-moz-placeholder,
.user-field-select__field::-moz-placeholder,
.user-field-date__input::-moz-placeholder {
    color: inherit
}

.user-field-input__field::placeholder,
.user-field-select__field::placeholder,
.user-field-date__input::placeholder {
    color: inherit
}

.user-field-input__field:focus,
.user-field-select__field:focus,
.user-field-date__input:focus {
    border-color: #286ba6
}

.statistic-modal-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 6.375em;
    bottom: 1.875em;
    grid-gap: .625em;
    padding: .625em .9375em .9375em;
    border-radius: 6px;
    box-shadow: 0 0 0 6px rgba(153, 153, 153, 0.3);
    background: #fff;
    font-size: 16px
}

body:not(.righttoleft) .statistic-modal-container {
    right: 16.875em;
    left: 3.75em
}

body:not(.righttoleft).fixedLeft .statistic-modal-container {
    left: 16.875em
}

@media (max-width: 1366px) {
    body:not(.righttoleft).fixedLeft .statistic-modal-container {
        left: 13.75em
    }
}

body:not(.righttoleft).biggerRight.fixedRight .statistic-modal-container {
    right: 26.25em
}

body:not(.righttoleft).biggestRight.fixedRight .statistic-modal-container {
    right: 31.25em
}

@media (max-width: 1366px) {
    body:not(.righttoleft).biggerRight.fixedRight .statistic-modal-container,
    body:not(.righttoleft).biggestRight.fixedRight .statistic-modal-container {
        right: 13.75em
    }
}

.righttoleft .statistic-modal-container {
    right: 3.75em;
    left: 16.875em
}

.righttoleft.fixedLeft .statistic-modal-container {
    right: 16.875em
}

@media (max-width: 1366px) {
    .righttoleft.fixedLeft .statistic-modal-container {
        right: 13.75em
    }
}

.righttoleft.biggerRight.fixedRight .statistic-modal-container {
    left: 26.25em
}

.righttoleft.biggestRight.fixedRight .statistic-modal-container {
    left: 31.25em
}

@media (max-width: 1366px) {
    .righttoleft.biggerRight.fixedRight .statistic-modal-container,
    .righttoleft.biggestRight.fixedRight .statistic-modal-container {
        left: 13.75em
    }
}

.statistic-modal-container__head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    background: #fff
}

.statistic-modal-container__close {
    cursor: pointer;
    font-size: .75em;
    font-weight: 700;
    color: #999;
    transition: color 0.2s linear
}

.statistic-modal-container__close:hover {
    color: #666
}

.statistic-modal-container__preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50, -50%)
}

.statistic-modal-container__preloader img {
    width: 15%;
    margin: 0
}

.am__btn--reset-pass {
    opacity: 0.5;
    padding: 0;
    width: auto;
    height: auto;
    border: 0;
    border-bottom: 2px dashed;
    background-color: transparent;
    text-transform: unset;
    color: #fff;
    transition: opacity 0.3s ease-in-out
}

.am__btn--reset-pass:focus {
    outline: 0
}

.am__btn--reset-pass:hover {
    opacity: 1;
    background-color: transparent
}

.v--modal-overlay .v--modal-background-click .v--modal-box.v--modal__reset-password {
    position: absolute;
    top: 50% !important;
    right: unset !important;
    left: 50% !important;
    width: 38.75em !important;
    height: unset !important;
    background-color: transparent;
    font-size: 16px;
    transform: translate(-50%, -50%);
    overflow: visible
}

@media (max-width: 1024px) {
    .v--modal-overlay .v--modal-background-click .v--modal-box.v--modal__reset-password {
        max-width: 23.375em;
        height: 100% !important
    }
}

@media (max-width: 767px) {
    .v--modal-overlay .v--modal-background-click .v--modal-box.v--modal__reset-password {
        width: 94% !important
    }
}

.v--modal-overlay .v--modal-background-click .v--modal-box.v--modal__reset-password .multiselect--disabled {
    background-color: unset !important
}

.reset-password {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 2.1875em;
    padding-bottom: 2.1875em;
    max-width: 33.75em;
    min-height: 16.9375em;
    margin-top: 1.25em;
    margin-right: auto;
    margin-left: auto;
    border-radius: .1875em;
    background-color: #fff
}

@media (max-width: 1024px) {
    .reset-password {
        top: 50%;
        padding: 1.25em;
        margin-top: 0;
        transform: translateY(-50%)
    }
}

.reset-password * {
    box-sizing: border-box
}

.reset-password--kz {
    max-width: 27.875em;
    border-radius: 0;
    padding-top: 2.5em
}

@media (max-width: 1024px) {
    .reset-password--kz {
        position: absolute
    }
}

.reset-password--kz .reset-password__close {
    top: .9375em;
    right: .9375em;
    width: 1.125em;
    height: 1.125em;
    transition: scale 0.2s linear
}

@media (max-width: 1024px) {
    .reset-password--kz .reset-password__close {
        top: .9375em;
        right: .9375em
    }
}

.reset-password--kz .reset-password__close::after,
.reset-password--kz .reset-password__close::before {
    content: '';
    position: absolute;
    top: calc(50% - 2px / 2);
    left: 0;
    width: 100%;
    height: 2px;
    font-size: initial;
    background-color: #24507d
}

.reset-password--kz .reset-password__close::after {
    rotate: 45deg
}

.reset-password--kz .reset-password__close::before {
    rotate: -45deg
}

@media (hover: hover) {
    .reset-password--kz .reset-password__close:hover {
        scale: 1.1
    }
}

.reset-password--kz .reset-password__left {
    max-width: 100%
}

.reset-password--kz .reset-password__title {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: .78261em;
    text-align: center;
    font-size: 1.4375em;
    color: #24507d
}

@media (max-width: 1024px) {
    .reset-password--kz .reset-password__title {
        padding-right: 0;
        font-size: 1.125em;
        color: #24507d
    }
}

.reset-password--kz .reset-password__announce {
    max-width: 100%;
    margin-bottom: 1.25em;
    text-align: center;
    font-size: 1em;
    color: #24507d
}

@media (max-width: 1024px) {
    .reset-password--kz .reset-password__announce {
        margin-top: 1.66667em;
        font-size: .75em
    }
}

.reset-password--kz.reset-password .form-field__area {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0em .9375em;
    min-height: 2.5em;
    max-width: 100%;
    border-color: #d3d9d7;
    font-size: 1em
}

.reset-password--kz.reset-password .reset-password-form__field {
    min-inline-size: auto
}

.reset-password--kz.reset-password .reset-password-form__submit {
    width: 100%;
    position: relative;
    min-height: 2.5em
}

.reset-password--kz.reset-password .reset-password-form__submit::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    background-color: #526e1f
}

.reset-password--kz.reset-password .activate-phone-step {
    flex-direction: row;
    position: relative
}

.reset-password--kz.reset-password .notify {
    margin-top: 0
}

.reset-password--kz.reset-password .notify__text,
.reset-password--kz.reset-password .notify__icon,
.reset-password--kz.reset-password .notify__time {
    display: none
}

.reset-password--kz.reset-password .notify__request {
    padding: 1.16667em .83333em;
    font-size: .75em;
    background-color: #377bbb;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out
}

@media (hover: hover) {
    .reset-password--kz.reset-password .notify__request:hover {
        background-color: #4388c8
    }
}

.reset-password--kz .form-field__error {
    position: absolute;
    bottom: -1.45455em
}

.reset-password__close {
    position: absolute;
    top: -1.5em;
    cursor: pointer;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    right: -1.375em
}

@media (max-width: 1024px) {
    .reset-password__close {
        top: .1875em;
        right: .625em
    }
}

.reset-password__close::before {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 1.25em;
    color: rgba(255, 255, 255, 0.5);
    transition: color 0.3s ease-in-out
}

@media (max-width: 1024px) {
    .reset-password__close::before {
        color: #1c5a89
    }
}

.reset-password__close:hover::before {
    color: #fff
}

.reset-password__close:focus {
    outline: 0
}

.reset-password__left {
    box-sizing: content-box;
    padding-right: 1.3125em;
    padding-left: 1.3125em;
    max-width: 20.625em
}

@media (max-width: 1024px) {
    .reset-password__left {
        padding-right: 0;
        padding-left: 0;
        max-width: none
    }
}

.reset-password__title {
    max-width: 14.65em;
    margin-top: 0;
    margin-bottom: 1em;
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1;
    color: #1c5a89
}

@media (max-width: 1024px) {
    .reset-password__title {
        padding-right: .875em;
        max-width: none;
        font-size: 1em;
        color: #255281
    }
}

.reset-password__announce {
    max-width: 22.92857em;
    margin-bottom: 1.07143em;
    font-size: .875em;
    color: #1c5a89
}

.reset-password__right {
    flex: 1 1 auto
}

@media (max-width: 1024px) {
    .reset-password__right {
        display: none
    }
}

.reset-password__pic {
    position: absolute;
    top: 50%;
    transform: translateY(-44%);
    right: -1.875em
}

.reset-password__steps:not(:last-child) {
    margin-bottom: 1.25em
}

.reset-password__recaptcha {
    margin-top: 1.66667em;
    padding: 1.25em 0em 0em;
    border-top: 1px solid #d9d9d9;
    font-size: .75em;
    color: #24507d;
    text-align: center
}

.reset-password .form-field:last-of-type {
    margin-bottom: 0
}

.reset-password .form-field__area {
    padding: .5em 1.42857em;
    max-width: 20.57143em;
    border: 1px solid #d5dadd;
    background-color: transparent;
    font-size: .875em;
    color: #000
}

@media (max-width: 1024px) {
    .reset-password .form-field__area {
        max-width: unset
    }
}

.reset-password .form-field__area::-moz-placeholder {
    opacity: 0.8;
    color: #a3a7b2
}

.reset-password .form-field__area::placeholder {
    opacity: 0.8;
    color: #a3a7b2
}

.reset-password .form-field__area:focus {
    outline: 0
}

.reset-password .form-field__area--failed {
    border-color: #ff575a
}

.reset-password .form-field__error {
    margin-left: 0;
    margin-top: .54545em;
    font-size: .6875em;
    color: #ff575a
}

.reset-password .form-field__grecaptcha {
    margin-top: 1em
}

.reset-password .form-field__notify {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.reset-password .form-field .country-template__text {
    font-size: inherit;
    font-weight: 500;
    color: #24507d;
    font-family: 'Roboto Condensed', 'Roboto'
}

.reset-password .phone-input__select {
    min-width: unset;
    min-height: unset
}

.reset-password .multiselect__tags {
    min-height: unset
}

.reset-password .multiselect__single {
    margin-bottom: 0;
    background-color: transparent
}

.reset-password .phone-codes__text {
    font-size: .875em;
    line-height: initial
}

.reset-password-info {
    display: flex;
    align-items: center;
    padding: .625em .9375em;
    background-color: #f3f8fc
}

.reset-password-info::before {
    content: '\f05a';
    margin-right: .58824em;
    font-family: 'FontAwesome';
    font-size: 1.0625em;
    color: #377bbb;
    width: .94118em;
    height: .94118em;
    flex-shrink: 0;
    line-height: initial
}

.reset-password-info__text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .75em;
    color: #24507d
}

.reset-password-info__link {
    text-decoration: underline;
    color: #377bbb;
    transition: 0.2s all ease-in-out
}

.reset-password-info__link:hover {
    color: #759d2d
}

.activate-phone-step,
.fill-phone-step {
    display: flex;
    flex-direction: column;
    position: relative
}

.activate-phone-step .checker-boxer {
    position: relative;
    font-size: .875em;
    color: #1c5a89;
    padding-top: .35714em;
    padding-bottom: .35714em
}

.activate-phone-step .checker-boxer .checker-boxer__label {
    position: relative;
    padding-left: 1.78571em
}

.activate-phone-step .checker-boxer .checker-boxer__label:before {
    content: '';
    display: inline-block;
    position: absolute;
    transform: none;
    left: 0;
    width: 1.14286em;
    height: 1.14286em;
    border: 1px solid #1c5a89
}

.activate-phone-step .checker-boxer .checker-boxer__label:after {
    content: '';
    display: inline-block;
    position: absolute;
    font-size: 16px;
    top: .25em;
    left: .25em;
    width: .625em;
    height: .625em;
    background-color: #1c5a89;
    opacity: 0;
    transition: opacity 0.2s
}

.activate-phone-step .checker-boxer .checker-boxer__checkbox {
    display: none
}

.activate-phone-step .checker-boxer .checker-boxer__checkbox:checked+label:after {
    opacity: 1
}

.reset-password-form__field {
    padding: 0;
    margin-bottom: 1.25em;
    border: 0
}

@media (max-width: 1024px) {
    .reset-password-form__field {
        width: 100%;
        margin-left: 0
    }
}

.reset-password-form__submit {
    cursor: pointer;
    padding: .92857em 2.28571em;
    margin-top: 1.28571em;
    border: 0;
    background-color: #759d2d;
    text-transform: uppercase;
    font-size: .875em;
    color: #fff;
    transition: background-color 0.3s ease-in-out
}

@media (max-width: 1024px) {
    .reset-password-form__submit {
        width: 100%;
        min-height: 2.85714em
    }
}

.reset-password-form__submit:hover {
    background-color: #84b033;
    color: #fff
}

.reset-password-form__submit--disabled {
    background-color: #587522;
    color: #fff
}

.reset-password-form__submit--disabled:hover {
    background-color: #587522;
    color: #fff
}

.reset-password-form__submit:focus {
    outline: 0
}

.reset-password-form * {
    box-sizing: border-box
}

.reset-password-form .g-recaptcha {
    display: inline
}

.reset-password-form .grecaptcha-badge {
    margin: initial
}

.notify {
    margin-top: .9375em;
    color: #a3a7b2
}

.notify__text {
    font-size: .875em
}

.notify__time {
    margin-inline-end: 5px
}

.notify__request {
    font-size: .875em;
    border: none;
    background-color: transparent;
    color: #1c5a89;
    cursor: pointer;
    text-decoration: underline
}

.notify__icon {
    width: 1.25em;
    height: 1.25em;
    margin-inline-end: 5px
}

.reset-password-form-submit {
    font-size: inherit;
    padding: .375em 1.25em
}

@media (max-width: 767px) {
    .reset-password-form-submit {
        padding: .375em .625em
    }
}

.reset-password-form-submit__label {
    text-transform: uppercase;
    line-height: inherit
}

@media (max-width: 767px) {
    .reset-password-form-submit__label {
        font-size: .875em
    }
}

.js-ph-hide-overflow {
    overflow-y: hidden
}

.v--modal-overlay .v--modal-box.v--modal-box--history {
    max-width: 39.4375em;
    overflow: unset;
    border-radius: 1.25em;
    background-color: transparent;
    font-size: 16px
}

.v--modal-overlay .v--modal-box.v--modal-box--history * {
    box-sizing: border-box
}

.ph-nocalls {
    display: flex;
    align-items: center;
    justify-content: center
}

.ph-nocalls {
    flex-direction: column;
    border-radius: .375em;
    background-color: #f0f2f4
}

.ph-nocalls__icon {
    width: 7.5625em;
    height: 7.5625em;
    color: #fff
}

.ph-nocalls__desc {
    margin-top: 1.875em
}

.ph-nocalls-desc__text {
    font-size: .8125em;
    line-height: 1.53846em;
    color: #1c5a89
}

.ph__nocalls {
    height: 100%
}

.ph__nocalls {
    margin-top: .9375em
}

.ph__container {
    display: flex;
    position: relative;
    padding: .9375em 1.875em;
    min-height: 18.75em;
    border-radius: .375em;
    background-color: #fff
}

.ph__title {
    margin: 0
}

.ph__col {
    display: flex;
    flex: 100%;
    flex-direction: column
}

.ph__col:first-child {
    max-width: 20.75em
}

.ph__list {
    width: 100%;
    max-height: 14.375em;
    margin-top: 1.1875em;
    margin-bottom: 0
}

.ph__pic {
    position: absolute;
    bottom: 0;
    line-height: 0;
    left: 50%;
    transform: translateX(35%)
}

.ph__img {
    width: 100%;
    height: auto
}

.ph__close {
    position: absolute;
    top: -1.5625em;
    right: -1.5625em
}

.ph-close {
    border: unset;
    background-color: transparent
}

.ph-close::before {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 1.25em;
    color: #fff;
    transition: opacity 0.3s ease-in-out
}

.ph-close:hover {
    cursor: pointer
}

.ph-close:hover::before {
    opacity: 0.6
}

.ph-title {
    font-size: inherit
}

.ph-title__text {
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1;
    color: #1c5a89
}

.ph-list {
    display: flex;
    flex-direction: column;
    padding: 0
}

.ph-list__item {
    min-height: 3.3125em;
    overflow: hidden
}

.ph-list__item:not(:last-child) {
    margin-bottom: .375em
}

.ph-list__call {
    width: 100%
}

.ph-list.scrollbar::-webkit-scrollbar-thumb {
    background-color: #e6e9ea
}

.ph-list.scrollbar::-webkit-scrollbar-track {
    background-color: transparent
}

.ph-list-call {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .4375em .875em;
    border-radius: .375em;
    background-color: #f1f3f5
}

.ph-list-call__container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.ph-list-call__info {
    margin-left: .75em
}

.ph-list-call__icon {
    width: 1.625em;
    height: 1.625em;
    border-radius: 50%;
    background-color: #fff
}

.ph-list-call__icon--is-missed {
    color: #fd853f
}

.ph-list-call__icon--is-cancelled {
    color: #e8d421
}

.ph-list-call__icon--is-called {
    color: #8abe37
}

.ph-list-call__btn {
    width: 100%;
    max-width: 5.8125em;
    height: 100%;
    margin-left: auto
}

.ph-list-call-info {
    display: flex;
    flex-direction: column
}

.ph-list-call-info__datetime,
.ph-list-call-info__result,
.ph-list-call-info__phone {
    font-size: .8125em;
    line-height: 1.1;
    color: #1c5a89
}

.ph-list-call-btn {
    padding: .375em .9375em;
    border: unset;
    background-color: #d2dbe2;
    font-size: inherit;
    transition: opacity 0.3s ease-in-out
}

.ph-list-call-btn:hover {
    opacity: 0.6;
    cursor: pointer
}

.ph-list-call-btn__text {
    font-size: .8125em;
    line-height: 1;
    color: #1c5a89
}

.ap-left {
    flex: 0 0 315px;
    height: 100%;
    min-width: 0;
    margin-right: 5px;
    background: #113455;
    color: #fff
}

.ap-left__welcome {
    color: #5fb0f2
}

.ap-left__user {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 15px 0 6px;
    background: linear-gradient(to bottom, rgba(16, 54, 86, 0.5), rgba(0, 0, 0, 0), rgba(16, 54, 86, 0.5)), url("/themes/genfiles/cms/1/desktop/office/user-info-bg.png");
    background-position: 0% 0%, 70% 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 315px auto;
    filter: grayscale(70%)
}

.ap-left__user p {
    margin-top: 0;
    margin-bottom: 0
}

.ap-left__flag {
    position: absolute;
    top: 18px;
    right: 15px;
    filter: saturate(228%)
}

.ap-left__welcome {
    margin: 0 17px;
    text-transform: uppercase;
    font-size: 13px
}

.ap-left__name {
    margin: 0 15px 0 17px;
    font-size: 15px
}

.ap-left__extra {
    padding: 6px 25px 6px 15px;
    margin: 7px 0 5px;
    background-color: rgba(14, 49, 78, 0.5)
}

.ap-left__extra-item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.2
}

.ap-left__extra-item+.ap-left__extra-item {
    margin-top: 6px
}

.ap-left__extra-item p {
    color: #fff
}

.ap-left__dropdown {
    padding-top: 12px
}

.ap-left__dropdown--is-open .ap-left__dropdown-trigger::after {
    transform: rotate(180deg)
}

.ap-left__dropdown-trigger {
    position: relative;
    cursor: pointer;
    padding: 0 12px 6px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ap-left__dropdown-trigger::after {
    content: '\f107';
    position: absolute;
    top: 1px;
    right: 0;
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #fff;
    transition: transform 0.2s ease-in-out
}

.ap-left__dropdown-inner {
    display: none;
    margin-bottom: 6px
}

.ap-left__dropdown .ap-left__extra-item {
    margin-top: 10px;
    font-size: 12px
}

.ap-left__newyear {
    position: relative;
    min-height: 2.6875em;
    height: auto;
    width: 100%
}

.ap-left__balance-title {
    display: block;
    margin: auto 17px 0;
    font-size: 14px;
    color: #fff
}

.ap-left__balance-amount {
    margin: 0 17px;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.ap-left [class*="ap-left-nav__item"] {
    display: flex;
    position: relative;
    cursor: pointer;
    align-content: center;
    align-items: center;
    padding-right: 15px;
    padding-left: 42px;
    height: 42px;
    border-left: 4px solid #113455;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    color: #fcfcfc
}

.ap-left [class*="ap-left-nav__item"]:hover,
.ap-left [class*="ap-left-nav__item"].active {
    border-left: 4px solid #51a3e6;
    background-color: #183e5d;
    color: #fcfcfc
}

.ap-left [class*="ap-left-nav__item"]::before {
    display: flex;
    position: absolute;
    top: 50%;
    left: 10px;
    justify-content: center;
    width: 25px;
    font-family: FontAwesome;
    font-size: 18px;
    transform: translateY(-50%)
}

.ap-left-nav__item_recharge:before {
    content: '\f019'
}

.ap-left-nav__item_deduce:before {
    content: '\f093'
}

.ap-left-nav__item_slots::before {
    content: '';
    height: 24px;
    background: url("/themes/genfiles/cms/1/desktop/office/reward_system_lk.svg") no-repeat center center;
    image-rendering: optimize-contrast
}

.ap-left-nav__item_account:before {
    content: '\f234'
}

.ap-left-nav__item_account-security::before {
    content: '\f132'
}

.ap-left-nav__item_withdraw::before {
    content: '\f15c'
}

.ap-left-nav__item_support:before {
    content: '\f2b7'
}

.ap-left-nav__item_history:before {
    content: '\f017'
}

.ap-left-nav__item_transfer:before {
    content: '\f2a3'
}

.ap-left-nav__item_transactions:before {
    content: '\f0ec'
}

.ap-left-nav__item_account-verification:before {
    content: "\f058"
}

.ap-left-nav__item_newsfeed:before {
    content: '\f09e'
}

.ap-left-nav__item_settings:before {
    content: '\f085'
}

.ap-left-nav__item_paycheck:before {
    content: '\f145'
}

.ap-left-nav__item_admin:before {
    content: '\f0e0'
}

.ap-left-nav__item_partner:before {
    content: '\f2b5'
}

.ap-left-nav__item_steam:before {
    content: '\f1b6'
}

.ap-left-nav__item_achievements:before {
    content: '\f091'
}

.ap-left-nav__item_steam:before {
    content: '\f1b6'
}

.ap-left-nav__item_verify:before {
    content: '\f046'
}

.ap-left-nav__item_changepartner:before {
    content: '\f14e';
    font-size: 22px;
    animation: showoff 3s ease-in-out infinite
}

@keyframes showoff {
    0% {
        transform: translateY(-50%) rotate(0deg)
    }
    50% {
        transform: translateY(-50%) rotate(-45deg)
    }
    100% {
        transform: translateY(-50%) rotate(0deg)
    }
}

.ap-left-nav__item_vip:before {
    content: '\f2c1';
    font-size: 20px
}

.ap-left-nav__item_exit:before {
    content: '\f08b'
}

.ap-left-nav__item_howrefill.active::after {
    transform: translateY(-50%) rotate(180deg)
}

.ap-left-nav__item_howrefill::before {
    content: '\f05a';
    font-size: 22px
}

.ap-left-nav__item_howrefill::after {
    content: '\f107';
    display: flex;
    position: absolute;
    top: 50%;
    right: 10px;
    justify-content: center;
    width: 25px;
    font-family: FontAwesome;
    font-size: 18px;
    transform: translateY(-50%);
    transition: all 0.2s ease-in-out
}

.ap-left-nav__item_casino::before {
    content: '';
    height: 25px;
    background: url("/themes/genfiles/cms/1/desktop/office/casino.svg");
    background-size: contain
}

.ap-left-nav__item_casino-sub::before {
    content: '\f111';
    font-size: 8px !important
}

.ap-left-nav__item_casino-sub.active {
    border-left: 4px solid #51a3e6;
    background-color: #112b41
}

.ap-left-nav__item_bonuses::before {
    content: '';
    height: 21px;
    background: url("/themes/genfiles/cms/1/desktop/office/casino_bonuses_lk.png") no-repeat center center;
    image-rendering: -webkit-optimize-contrast
}

.ap-left-nav__item_presents::before {
    content: '\f06b'
}

.ap-left-nav__item--disabled {
    opacity: 0.7;
    pointer-events: none
}

.ap-left-nav-item-warning {
    flex: auto 0 0;
    font-weight: 900;
    font-size: 14px;
    line-height: 18px;
    min-width: 18px;
    background: currentColor;
    border-radius: 50%;
    margin-right: 5%;
    margin-left: auto;
    text-align: center;
    font-style: normal
}

.ap-left-nav-item-warning::after {
    content: '!';
    color: #113455;
    margin-left: -1px
}

.ap-left-nav-item-warning--bad {
    color: #ff5c60
}

.ap-left-nav-item-warning--normal {
    color: #fd8640
}

.ap-left-nav-item-success {
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 18px;
    line-height: 18px;
    background: transparent;
    margin-right: 5%;
    margin-left: auto;
    text-align: center;
    font-style: normal
}

.ap-left-nav-item-success::after {
    content: '\f058';
    color: #769e2e;
    margin-left: -1px
}

.ap-left-nav__drop {
    display: none;
    margin: 0;
    background: #183e5d;
    list-style: none;
    font-size: 13px;
    color: #fcfcfc
}

.ap-left-nav__drop-item_link {
    display: block;
    position: relative;
    padding: 5px 5px 5px 45px;
    text-transform: uppercase;
    font-size: 13px;
    color: #fcfcfc
}

.ap-left-nav__drop-item_link:active,
.ap-left-nav__drop-item_link:hover {
    background: #51a3e6
}

.ap-left-nav__drop-item_link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 23px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fcfcfc;
    transform: translateY(-50%)
}

@media (max-width: 1366px) {
    .ap-left {
        flex: 0 0 220px;
        width: 220px
    }
    .ap-left__extra-item {
        flex-wrap: wrap
    }
    .ap-left__extra-item>* {
        flex: 1 1 100%
    }
}

#sports_page.account-page,
.account-page {
    display: flex;
    z-index: 1;
    padding: 7px 5px;
    background: #0c2f4b;
    font-family: Roboto, 'Roboto Local', Helvetica, sans-serif;
    color: #0c2f4b !important
}

#sports_page.account-page:lang(fa) #sports_page.account-page,
.account-page:lang(fa) #sports_page.account-page,
#sports_page.account-page:lang(fa) .account-page,
.account-page:lang(fa) .account-page {
    font-family: yekan, Roboto, Roboto Local, Helvetica, sans-serif
}

#sports_page.account-page *,
.account-page * {
    box-sizing: border-box
}

#sports_page.account-page .ap__center p:not([class]),
.account-page .ap__center p:not([class]) {
    color: #0c2f4b
}

#sports_page.account-page .ap__center .apm-block--bonus p:not([class]),
.account-page .ap__center .apm-block--bonus p:not([class]) {
    color: #fff
}

#sports_page.account-page .lottery-account-img-right,
.account-page .lottery-account-img-right {
    z-index: -1
}

@media (max-width: 1599px) {
    .ap__center {
        flex-wrap: wrap-reverse;
        align-content: flex-end;
        align-items: flex-end
    }
}

.ap__notification {
    margin-bottom: 5px
}

.ap__content,
.ap__center {
    display: flex;
    position: relative;
    flex: 1 1 auto;
    align-items: flex-start;
    min-width: 0;
    min-height: 0
}

.ap__maincontent {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 12.5em
}

.ap__maincontent .tabfilter:not(.clDate) {
    display: none
}

.ap__switch,
.ap-banners__switch,
.apm-tabs__switch {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    padding-right: 75px;
    margin-left: auto;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ap__switch::before,
.ap-banners__switch::before,
.apm-tabs__switch::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 3px;
    box-sizing: border-box;
    width: 64px;
    height: 26px;
    border: 4px solid #4b88b9;
    border-radius: 12px;
    background-color: #969696;
    transform: translateY(-50%);
    transition: background-color 0.3s;
    will-change: background-color
}

.ap__switch::after,
.ap-banners__switch::after,
.apm-tabs__switch::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    cursor: pointer;
    width: 33px;
    height: 18px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-image: url("/themes/genfiles/cms/desktop/all-types-images/switch.png");
    transform: translateY(-50%);
    transition: right 0.3s;
    will-change: right
}

.ap__switch.active::before,
.active.ap-banners__switch::before,
.active.apm-tabs__switch::before {
    background-color: #89c02a
}

.ap__switch.active::after,
.active.ap-banners__switch::after,
.active.apm-tabs__switch::after {
    right: 7px
}

.ap-banners-item .ap__switch,
.ap-banners-item .ap-banners__switch,
.ap-banners-item .apm-tabs__switch {
    position: absolute;
    bottom: 17px;
    left: 20px;
    padding-right: 64px;
    height: 26px
}

.ap-banners-item .ap__switch::before,
.ap-banners-item .ap-banners__switch::before,
.ap-banners-item .apm-tabs__switch::before {
    right: 0
}

.ap-banners-item .ap__switch::after,
.ap-banners-item .ap-banners__switch::after,
.ap-banners-item .apm-tabs__switch::after {
    right: 27px
}

.ap-banners-item .ap__switch.active::after,
.ap-banners-item .active.ap-banners__switch::after,
.ap-banners-item .active.apm-tabs__switch::after {
    right: 4px
}

.ap__miniswitch,
.apm-form__switch {
    position: relative;
    cursor: pointer;
    padding-right: 30px
}

.ap__miniswitch::before,
.apm-form__switch::before {
    content: '';
    opacity: 0.5;
    position: absolute;
    top: 50%;
    right: 1px;
    width: 24px;
    height: 11px;
    border-radius: 5.5px;
    background-color: #000;
    transform: translateY(-50%);
    transition: background-color 0.3s;
    will-change: background-color
}

.ap__miniswitch::after,
.apm-form__switch::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #000;
    transform: translateY(-50%);
    transition: right 0.3s, background-color 0.3s;
    will-change: right, background-color
}

.ap__miniswitch.active::before,
.active.apm-form__switch::before {
    background-color: #89c02a
}

.ap__miniswitch.active::after,
.active.apm-form__switch::after {
    right: 0;
    background-color: #89c02a
}

.ap__btn,
.apm-form-file__btn,
.apm-filters__btn,
[class*='apm-steam__btn'],
[class*='apm-stocks__btn'],
.apm-exchange__btn,
.apm-flow__download,
.apm-flow__prev,
.apm-flow__page,
.apm-flow__next,
.apm-give__btn,
.app-coupon__btn,
[class^='am__btn'],
.am-coupon__print,
.bm__btn,
.ap__btn_alt,
.ap-banners__btn,
.apm-form__btn,
.bet-history-casino-btn,
.apm-balance__btn,
.apm-filters__btn_alt,
.apm-user__sub,
.apm-tabs__btn,
.apm-panel-head__link,
.apm-bingo__btn,
.apm-admin__btn,
.apm-give__btn_alt,
.apm-fcpay__btn,
.am-bingo__btn {
    cursor: pointer;
    padding: 0 18px;
    height: 32px;
    outline: none;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    transition: background 0.3s;
    will-change: background
}

.ap__btn,
.apm-form-file__btn,
.apm-filters__btn,
[class*='apm-steam__btn'],
[class*='apm-stocks__btn'],
.apm-exchange__btn,
.apm-flow__download,
.apm-flow__prev,
.apm-flow__page,
.apm-flow__next,
.apm-give__btn,
.app-coupon__btn,
[class^='am__btn'],
.am-coupon__print,
.bm__btn {
    background: #1f70ad
}

.ap__btn:hover,
.apm-form-file__btn:hover,
.apm-filters__btn:hover,
:hover[class*='apm-steam__btn'],
:hover[class*='apm-stocks__btn'],
.apm-exchange__btn:hover,
.apm-flow__download:hover,
.apm-flow__prev:hover,
.apm-flow__page:hover,
.apm-flow__next:hover,
.apm-give__btn:hover,
.app-coupon__btn:hover,
:hover[class^='am__btn'],
.am-coupon__print:hover,
.bm__btn:hover {
    background: #175482
}

.ap__btn_alt,
.ap-banners__btn,
.apm-form__btn,
.bet-history-casino-btn,
.apm-balance__btn,
.apm-filters__btn_alt,
.apm-user__sub,
.apm-tabs__btn,
.apm-panel-head__link,
.apm-bingo__btn,
.apm-admin__btn,
.apm-give__btn_alt,
.apm-fcpay__btn,
.am-bingo__btn {
    background: #759e2e
}

.ap__btn_alt:hover,
.ap-banners__btn:hover,
.apm-form__btn:hover,
.bet-history-casino-btn:hover,
.apm-balance__btn:hover,
.apm-filters__btn_alt:hover,
.apm-user__sub:hover,
.apm-tabs__btn:hover,
.apm-panel-head__link:hover,
.apm-bingo__btn:hover,
.apm-admin__btn:hover,
.apm-give__btn_alt:hover,
.apm-fcpay__btn:hover,
.am-bingo__btn:hover {
    background: #5c7b24
}

.ap__preloader,
.apm__preloader_large,
.apm__preloader_small,
.bet-history-casino-btn__loader {
    position: relative
}

.ap__preloader::before,
.apm__preloader_large::before,
.apm__preloader_small::before,
.bet-history-casino-btn__loader::before {
    content: '\f013';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: FontAwesome;
    color: #1f70ad;
    transform: translate(-50%, -50%);
    animation: preload-lk 2s infinite
}

@keyframes preload-lk {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    90% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.ap__range-input,
.am-range__input {
    cursor: pointer;
    padding: 0;
    width: 100%;
    margin: 0;
    outline: none;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.ap__range-input::-webkit-slider-thumb,
.am-range__input::-webkit-slider-thumb {
    width: 7px;
    height: 14px;
    outline: none;
    border: none;
    box-shadow: inset 0 0 0 3px #fff, -10000px 0 0 10000px #1f70ad;
    background: #c0d3e3;
    -webkit-appearance: none
}

.ap__range-input::-moz-range-thumb,
.am-range__input::-moz-range-thumb {
    width: 7px;
    height: 20px;
    outline: none;
    border: none;
    border-radius: 0;
    box-shadow: inset 0 0 0 3px #fff;
    background: #c0d3e3
}

.ap__range-input::-ms-thumb,
.am-range__input::-ms-thumb {
    width: 7px;
    height: 20px;
    outline: none;
    border: none;
    border-radius: 0;
    box-shadow: inset 0 0 0 3px #fff;
    background: #c0d3e3
}

.ap__range-input::-webkit-slider-runnable-track,
.am-range__input::-webkit-slider-runnable-track {
    width: 100%;
    height: 14px;
    overflow: hidden;
    background-color: #c0d3e3
}

.ap__range-input::-moz-range-track,
.am-range__input::-moz-range-track {
    width: 100%;
    height: 14px;
    background-color: #c0d3e3
}

.ap__range-input::-ms-track,
.am-range__input::-ms-track {
    width: 100%;
    height: 14px;
    border-color: transparent;
    background: #c0d3e3;
    color: transparent
}

.ap__range-input::-moz-range-progress,
.am-range__input::-moz-range-progress {
    height: 14px;
    background-color: #1f70ad
}

.ap__range-input::-ms-fill-lower,
.am-range__input::-ms-fill-lower {
    height: 14px;
    background-color: #1f70ad
}

.ap__input,
.ap-banners__input,
.apm-steam__token,
.apm-give__input,
.apm-fcpay__input,
.am__input,
.am-list__input {
    box-sizing: border-box;
    padding: 0 11px;
    width: 100%;
    height: 42px;
    outline: none;
    border: 1px solid #99a7b2;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    font-size: 15px;
    color: #1f70ad
}

.ap__input.error,
.error.ap-banners__input,
.error.apm-steam__token,
.error.apm-give__input,
.error.apm-fcpay__input,
.error.am__input,
.error.am-list__input {
    box-shadow: inset 0 0 3px 1px #f59494
}

.ap__input::-moz-placeholder,
.ap-banners__input::-moz-placeholder,
.apm-steam__token::-moz-placeholder,
.apm-give__input::-moz-placeholder,
.apm-fcpay__input::-moz-placeholder,
.am__input::-moz-placeholder,
.am-list__input::-moz-placeholder {
    color: #c0d3e3
}

.ap__input::-moz-placeholder,
.ap-banners__input::-moz-placeholder,
.apm-steam__token::-moz-placeholder,
.apm-give__input::-moz-placeholder,
.apm-fcpay__input::-moz-placeholder,
.am__input::-moz-placeholder,
.am-list__input::-moz-placeholder {
    color: #c0d3e3
}

.ap__input::placeholder,
.ap-banners__input::placeholder,
.apm-steam__token::placeholder,
.apm-give__input::placeholder,
.apm-fcpay__input::placeholder,
.am__input::placeholder,
.am-list__input::placeholder {
    color: #c0d3e3
}

.ap__wrap {
    display: flex
}

.ap__banner {
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden
}

.ap-banners {
    flex: 0 0 315px;
    margin-left: 15px
}

@media (max-width: 1599px) {
    .ap-banners__container {
        display: inline-block;
        position: relative;
        padding-top: 21.1%;
        width: 33%;
        margin-bottom: 0.5%
    }
}

.ap-banners__item {
    position: relative;
    padding-top: 64%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(70%)
}

.ap-banners__item+.ap-banners__item {
    margin-top: 5px
}

.ap-banners__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(12, 47, 75, 0.35), transparent);
    pointer-events: none
}

.ap-banners__item_frame {
    position: relative;
    overflow: hidden;
    border: 2px solid #e41503
}

.ap-banners__item_frame::before {
    content: '';
    position: absolute;
    right: -45px;
    bottom: 20px;
    width: 140px;
    height: 30px;
    box-shadow: 0 1px 1px black;
    background-color: #e41503;
    transform: rotate(-45deg)
}

.ap-banners__item_frame::after {
    content: '\f06a';
    position: absolute;
    top: auto;
    right: 18px;
    bottom: 21px;
    left: auto;
    width: 22px;
    height: 22px;
    background: transparent;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #fff
}

.ap-banners__item_frame .ap-banners__wrap {
    left: 14px
}

.ap-banners__item_frame .ap-banners__btn {
    bottom: 10px
}

.ap-banners__item--callback {
    background-image: url("/themes/themes/genfiles/cms/1/desktop/office/banner-callback-new.png")
}

.ap-banners__item--callback .multiselect__content-wrapper {
    background-color: white
}

.ap-banners__item--callback .ap-banners__time {
    display: flex
}

.ap-banners__item--callback .ap-banners__btn img {
    width: 30px
}

@media (max-width: 1599px) {
    .ap-banners__container .ap-banners__item--callback {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 0;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

.ap-banners__wrap {
    position: absolute;
    top: 17px;
    right: 18px;
    left: 18px;
    z-index: 1
}

.ap-banners__title {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.ap-banners__text {
    margin: 0;
    font-size: 15px;
    color: #fff
}

.ap-banners__switch {
    position: absolute;
    bottom: 17px;
    left: 18px;
    width: 0;
    height: 26px;
    margin-left: 0
}

.ap-banners__form {
    position: absolute;
    bottom: 25%;
    left: 18px;
    width: 80%
}

@media screen and (max-width: 1170px) {
    .ap-banners__form {
        bottom: 4.16667em
    }
}

.ap-banners__input {
    height: 30px;
    background-color: #183e5d;
    font-size: 14px;
    line-height: 30px;
    color: #fff
}

.ap-banners__btn {
    display: grid;
    position: absolute;
    bottom: 10px;
    left: 18px;
    align-items: center;
    padding: 0;
    padding: 2px;
    min-width: 117px;
    height: auto;
    min-height: 36px;
    background-color: #fff;
    font-size: 12px;
    line-height: 12px;
    color: #000
}

.ap-banners__btn:hover {
    background-color: #e6e6e6
}

.ap-banners__btn--history {
    left: 12.08333em;
    background-color: #4783b5;
    color: #fff
}

.ap-banners__btn--history:hover {
    background-color: #4076a3
}

.ap-banners__btn a {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    text-align: center;
    color: #000
}

.ap-banners__btn .c-preloader {
    padding: 0
}

.ap-banners__time {
    display: none;
    position: absolute;
    right: 17px;
    bottom: 17px;
    left: 17px;
    flex-wrap: wrap
}

.ap-banners__phone {
    padding-left: 84px;
    width: 193px;
    min-height: 41px;
    margin: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #80c6ff;
    background-color: rgba(12, 47, 75, 0.6);
    font-size: 12px;
    line-height: 36px;
    color: #fff
}

.ap-banners__phone::-moz-placeholder {
    font-size: 12px;
    color: #fff
}

.ap-banners__phone::placeholder {
    font-size: 12px;
    color: #fff
}

.ap-banners__phone:-webkit-autofill {
    box-shadow: 0em 0em 0em 6.25em rgba(71, 131, 181, 0.75) inset
}

.ap-banners__phoneinput {
    position: absolute;
    top: 7.0625em;
    right: 1.4375em;
    left: 1.4375em;
    z-index: 1
}

.ap-banners__phoneinput .multiselect {
    direction: ltr;
    unicode-bidi: embed
}

@media screen and (max-width: 1100px) {
    .ap-banners__phoneinput {
        top: auto;
        bottom: 4.16667em
    }
}

.ap-banners__hint {
    width: 100%;
    font-size: 15px;
    color: #fff
}

.ap-banners__counter {
    display: flex;
    margin-right: 7px
}

.ap-banners__numbers {
    display: flex
}

.ap-banners__numbers--seconds {
    position: relative;
    margin-right: 8px
}

.ap-banners__numbers--seconds::before,
.ap-banners__numbers--seconds::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fcfcfc
}

.ap-banners__numbers--seconds::before {
    transform: translateY(-4px)
}

.ap-banners__numbers--seconds::after {
    transform: translateY(2px)
}

.ap-banners__number {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
    width: 21px;
    height: 21px;
    margin: 0 2px;
    border-radius: 50%;
    background-color: #fcfcfc;
    font-weight: 700;
    color: #0c2f4b
}

.ap-banners__cancel {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 1px 12px 0;
    min-width: 90px;
    min-height: 22px;
    outline: none;
    border: none;
    border-radius: 10px;
    background-color: #1b76c0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    transition: background-color 0.3s
}

.ap-banners__cancel:hover {
    background-color: #51a3e6
}

.ap-banners__cancel .c-preloader {
    padding: 0;
    height: 21px
}

.ap-banners__cancel .c-preloader img {
    height: 20px !important
}

.ap-banners .multiselect {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 4.625em;
    min-height: 2.375em;
    outline: none
}

.ap-banners .multiselect .activeCountry {
    position: relative;
    top: unset;
    left: unset;
    width: .8125em;
    height: .8125em
}

.ap-banners .multiselect .activeCountry .flag-icon {
    width: inherit;
    height: inherit;
    filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.3))
}

.ap-banners .multiselect__select::before {
    display: none
}

.ap-banners .multiselect__content-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 12.0625em;
    min-height: 12.5em;
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
    border-radius: 0;
    background-color: #0c2f4b
}

.ap-banners .multiselect__content-wrapper::-webkit-scrollbar-thumb {
    border-radius: .375em;
    background-color: rgba(61, 61, 61, 0.5)
}

.ap-banners .multiselect__content-wrapper::-webkit-scrollbar-track {
    background-color: rgba(61, 61, 61, 0.1)
}

.ap-banners .multiselect__content-wrapper::-webkit-scrollbar-thumb {
    border-radius: .375em;
    background-color: #dbdbdb;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ap-banners .multiselect__content-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #b3b7b7
}

.ap-banners .multiselect__content {
    padding: 0;
    width: 100%;
    list-style: none
}

.ap-banners .multiselect__option {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    padding: .35714em .57143em;
    min-height: 2.85714em;
    vertical-align: middle;
    text-transform: none;
    text-decoration: none;
    font-size: .875em;
    line-height: 1.14286em;
    white-space: normal
}

.ap-banners .multiselect__option--highlight {
    background-color: #153d5b;
    color: #fff
}

.ap-banners .multiselect__tags {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-height: 2.5em;
    border: none;
    background: transparent
}

.ap-banners .multiselect__single {
    display: flex;
    align-items: center;
    padding: 0 5px 0 0;
    height: 2.5em;
    margin: 0;
    background: transparent
}

.ap-banners .multiselect__single .activeCountry {
    position: relative;
    margin-right: 1.25em;
    margin-left: .9375em
}

.ap-banners .multiselect__single .activeCountry::before {
    content: '\f107';
    position: absolute;
    top: 0;
    left: calc(100% + 5px);
    cursor: pointer;
    font-family: FontAwesome;
    font-size: .875em;
    line-height: 1;
    color: #fff;
    transition: transform 0.3s ease
}

.ap-banners .multiselect__element .activeCountry {
    width: .9375em;
    height: .9375em;
    margin-right: .625em
}

.ap-banners .multiselect__element .option__desc {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    color: #0c2f4b
}

.ap-banners .multiselect__element .option__title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ap-banners .multiselect__element .option__title~.option__title {
    padding-left: .625em;
    overflow: visible;
    direction: ltr
}

.ap-banners .multiselect .option__desc {
    font-size: .75em;
    line-height: 1;
    color: #fff
}

.ap-banners .multiselect--active .activeCountry::before {
    transform: rotate(180deg)
}

.ap-banners .multiselect--disabled {
    background: inherit
}

.ap-banners .multiselect--disabled .multiselect__select {
    background: inherit
}

@media (max-width: 1170px) {
    .ap-banners__title {
        font-size: 15px
    }
    .ap-banners__text {
        font-size: 12px
    }
    .ap-banners__btn {
        height: 30px;
        font-size: 11px
    }
}

@media (max-width: 1599px) {
    .ap-banners {
        flex: 1 1 100%;
        margin-left: 0
    }
    .ap-banners__item {
        display: inline-block;
        padding-top: 21.1%;
        width: 33%;
        margin-bottom: 0.5%;
        vertical-align: top
    }
    .ap-banners__item+.ap-banners__item {
        margin-top: 0
    }
}

.ap-tops {
    flex: 0 1 340px;
    padding: 15px 20px;
    margin-left: 5px;
    background-color: #fff
}

.ap-tops__item {
    width: 100%
}

.ap-tops__item+.ap-tops__item {
    margin-top: 20px
}

.ap-tops__head {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    background-color: #1f70ad;
    color: #fff
}

.ap-tops__title {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700
}

.ap-tops__expand {
    display: flex;
    cursor: pointer;
    align-items: center;
    transition: transform 0.3s;
    will-change: transform
}

.ap-tops__expand::before {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 24px
}

.ap-tops__item.open .ap-tops__expand {
    transform: rotate(180deg)
}

.ap-tops__list {
    display: none
}

.ap-tops__list table {
    width: 100%;
    border-collapse: collapse
}

.ap-tops__list tr:nth-child(2n) {
    background-color: #c0d3e3
}

.ap-tops__list th,
.ap-tops__list td {
    padding: 0 6px;
    height: 42px;
    font-size: 14px
}

.ap-tops__list th:first-child,
.ap-tops__list td:first-child {
    padding-left: 16px
}

.ap-tops__list th:last-child,
.ap-tops__list td:last-child {
    padding-right: 16px
}

.ap-tops__list th {
    text-align: left;
    font-weight: 400;
    color: #103656
}

.ap-tops__list td:first-child {
    font-weight: 500
}

.ap-tops__tabs {
    display: flex;
    margin-top: 1px
}

.ap-tops__tab {
    cursor: pointer;
    flex: 1 1 30%;
    padding: 0;
    min-width: 0;
    height: 30px;
    margin-left: 1px;
    outline: none;
    border: 1px solid #4b88b9;
    box-shadow: none;
    background: transparent;
    color: #1f70ad;
    transition: background-color 0.3s, border-color 0.3s;
    will-change: background-color, border-color
}

.ap-tops__tab:first-child {
    margin-left: 0;
    border-left-width: 1px
}

.ap-tops__tab:hover,
.ap-tops__tab.active {
    border-color: #c0d3e3;
    background-color: #c0d3e3
}

.ap-tops__user {
    display: flex;
    align-content: center;
    align-items: center
}

.ap-tops__ico {
    flex: 0 0 34px;
    height: 34px;
    margin-right: 8px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center center;
    background-size: cover
}

.ap-tops__name {
    display: flex;
    flex: 1 1 auto;
    align-content: center;
    align-items: center;
    height: 100%
}

@media (max-width: 1366px) {
    .ap-tops {
        display: none
    }
}

.apm__head,
.apm-stocks__head,
.apm-exchange__head {
    display: flex
}

.apm__head-wrap,
.apm-stocks__wrap,
.apm-exchange__wrap {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0
}

.apm__heading,
.apm-admin__heading,
.apm-flow__heading,
.apm-give__heading {
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #0c2f4b
}

@media screen and (max-width: 1470px) {
    .apm__heading,
    .apm-admin__heading,
    .apm-flow__heading,
    .apm-give__heading {
        font-size: 18px
    }
}

.apm-price_refresh.apm-stocks__btn_refresh {
    padding: 8px 10px
}

.apm__subheading,
.apm-admin__subheading,
.apm-flow__subheading,
.apm-give__subheading {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 22px;
    color: #0c2f4b
}

@media screen and (max-width: 1470px) {
    .apm__subheading,
    .apm-admin__subheading,
    .apm-flow__subheading,
    .apm-give__subheading {
        font-size: 14px
    }
}

.apm__lil-heading,
.apm-stocks__heading,
.apm-exchange__heading {
    margin: 0 0 6px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #0c2f4b
}

@media screen and (max-width: 1470px) {
    .apm__lil-heading,
    .apm-stocks__heading,
    .apm-exchange__heading {
        font-size: 16px
    }
}

.apm__lil-subheading,
.apm-stocks__subheading,
.apm-exchange__subheading {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    color: #0c2f4b
}

@media screen and (max-width: 1470px) {
    .apm__lil-subheading,
    .apm-stocks__subheading,
    .apm-exchange__subheading {
        font-size: 13px
    }
}

.apm__conditions {
    width: 500px;
    margin: 30px 0 22px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px
}

@media screen and (max-width: 1470px) {
    .apm__conditions {
        font-size: 11px
    }
}

.apm__breadcrumbs {
    display: flex;
    padding: 0;
    margin: 0 0 15px;
    list-style: none
}

.apm__breadcrumbs li {
    position: relative;
    font-size: 12px
}

.apm__breadcrumbs li+li::before {
    content: '/';
    margin: 0 5px;
    color: #1f70ad
}

.apm__breadcrumbs li a {
    text-decoration: underline;
    color: #1f70ad
}

.apm__breadcrumbs li a:hover {
    text-decoration: none
}

.apm__miniwrap {
    display: flex;
    margin-top: 25px
}

.apm__panels {
    margin-top: 10px
}

.apm__preloader_large {
    width: 100%;
    min-height: 200px
}

.apm__preloader_large::before {
    font-size: 100px
}

.apm__preloader_small,
.bet-history-casino-btn__loader {
    color: transparent;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.apm__preloader_small:hover,
.bet-history-casino-btn__loader:hover {
    color: transparent
}

.apm__preloader_small::before,
.bet-history-casino-btn__loader::before {
    font-size: 20px
}

.apm__button {
    padding: 0;
    border: none;
    border-radius: 0;
    color: #4783b5;
    background-color: transparent;
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.2s
}

.apm__button:hover {
    color: #235a87
}

.apm-form__responsible {
    max-width: calc(50% - .625em);
    margin-left: auto;
    padding: .625em;
    width: 100%
}

.apm-form__wrap {
    display: flex;
    font-size: 16px !important
}

.apm-form__wrap:nth-child(2) {
    display: block;
    margin-top: .75em;
    border: 1px solid #d4dee8
}

.apm-form__fields {
    display: flex
}

.apm-form__fields_block {
    display: block
}

.apm-form__fields+.apm-form__fields {
    margin-top: 20px
}

.apm-form__fields~.g-recaptcha {
    margin: 15px 0
}

.apm-form__head+.apm-form__fields,
.bm__heading+.apm-form__fields {
    margin-top: 20px
}

.apm-form__fields#user-balance_settings .apm-form__col {
    display: flex;
    max-width: calc(50% - 10px)
}

@media screen and (max-width: 1366px) {
    .apm-form__fields#user-balance_settings .apm-form__col {
        max-width: none
    }
}

.apm-form__fields#user-balance_settings .apm-form__group {
    flex: 1 1 50%
}

.apm-form__fields#user-balance_settings .apm-form__group:not(:first-child) {
    margin-top: 0;
    border-left: 1px solid #fff
}

.apm-form__fields#user-balance_settings .apm-form-radio {
    margin-top: 10px
}

.apm-form__fields#user-balance_settings .apm-form__btn,
.apm-form__fields#user-balance_settings .bet-history-casino-btn {
    margin-top: 5px
}

@media screen and (max-width: 1365px) {
    .apm-form__wrap:not(.apm-form__wrap_solid),
    .apm-form__fields {
        display: block
    }
}

@media screen and (min-width: 1366px) {
    .apm-form__col {
        flex: 1 1 10%
    }
    .apm-form__col:not(:only-child):not(:first-child):not(:last-child) {
        max-width: calc(50% - 20px);
        margin: 0 10px
    }
    .apm-form__col:not(:only-child):first-child {
        max-width: calc(50% - 10px);
        margin-left: 0;
        margin-right: 10px
    }
    .apm-form__col:not(:only-child):last-child {
        max-width: calc(50% - 10px);
        margin-left: 10px;
        margin-right: 0
    }
}

@media screen and (max-width: 1365px) {
    .apm-form__col+.apm-form__col {
        margin-top: 42px
    }
}

.apm-form__col--fixed {
    max-width: calc(50% - 10px)
}

@media screen and (max-width: 1366px) {
    .apm-form__col--fixed {
        max-width: 100%
    }
}

.apm-form__group:not(:first-child) {
    margin-top: 42px
}

.apm-form__head,
.bm__heading {
    display: flex;
    flex-grow: 1;
    align-content: center;
    align-items: center;
    padding: 0 17px;
    min-height: 42px;
    margin-bottom: 1px;
    background-color: #4682b4;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #fff
}

.apm-form__head+.apm-form__head,
.bm__heading+.apm-form__head,
.apm-form__head+.bm__heading,
.bm__heading+.bm__heading {
    flex-grow: 0;
    width: 235px;
    margin-left: 10px
}

.apm-form__head--multiaccount {
    cursor: pointer
}

.apm-form__head-toggle {
    display: flex;
    cursor: pointer;
    justify-content: center;
    width: 12px;
    margin-left: auto;
    transition: transform linear 0.2s
}

.apm-form__head-toggle::before {
    content: '\f107';
    font-family: FontAwesome, sans-serif
}

.apm-form__head-toggle--opened {
    transform: rotate(180deg)
}

.apm-form__head-sum {
    flex: 0 0 auto;
    padding-left: 5px;
    margin-left: auto
}

.apm-form__body {
    display: none;
    position: relative
}

.apm-form__body.blocked {
    pointer-events: none !important
}

.apm-form__reference {
    opacity: 0.8;
    cursor: pointer;
    flex: 0 0 auto;
    outline: none;
    border: none;
    background: transparent;
    transition: opacity 0.3s;
    will-change: opacity
}

.apm-form__reference::before {
    content: '\f29c';
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff
}

.apm-form__reference:focus {
    opacity: 0.9
}

.apm-form__reference:hover {
    opacity: 1
}

.apm-form__rows {
    width: 100%
}

.apm-form__switch {
    width: 100%;
    text-transform: none;
    font-size: 14px;
    font-weight: 400
}

.apm-form__field,
.bm__wrap {
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 0 17px
}

.apm-form__field--telegram {
    flex-direction: column;
    padding: 8px 17px;
    height: auto
}

.apm-form__field--tlg-link {
    display: none;
    padding: 8px 0;
    height: auto
}

.apm-form__field--tlg-link.active {
    display: block
}

.apm-form__field--sms {
    display: block;
    height: auto;
    background-color: #d0dae1
}

.apm-form__field_step {
    padding-right: 0
}

.apm-form__field:nth-child(2n-1),
.bm__wrap:nth-child(2n-1) {
    background-color: #d0dae1
}

form:nth-child(2n) .apm-form__field:nth-child(2n-1),
form:nth-child(2n) .bm__wrap:nth-child(2n-1) {
    background-color: transparent
}

form:nth-child(2n) .apm-form__field:nth-child(2n),
form:nth-child(2n) .bm__wrap:nth-child(2n) {
    background-color: #d0dae1
}

.apm-form__field.error,
.error.bm__wrap {
    box-shadow: inset 0 0 3px 1px #f59494
}

.apm-form__field .keyboardInputInitiator,
.bm__wrap .keyboardInputInitiator {
    z-index: 1
}

.apm-form__field_with-info .apm-form__info {
    opacity: 0;
    left: -9999px
}

.apm-form__field_with-info:hover .apm-form__info {
    opacity: 1;
    left: 10%
}

.apm-form__field_with-infoblock {
    flex-wrap: wrap
}

.apm-form__field_with-infoblock .apm-block,
.apm-form__field_with-infoblock .apm-block_top,
.apm-form__field_with-infoblock .apm-stocks__item,
.apm-form__field_with-infoblock .apm-admin,
.apm-form__field_with-infoblock .apm-flow,
.apm-form__field_with-infoblock .apm-give,
.apm-form__field_with-infoblock .bet-managing {
    width: 100%
}

.apm-form__field_with-infoblock .apm-form__caption,
.apm-form__field_with-infoblock .apm-form__switch {
    flex: 1 1 40%
}

.apm-form__field_with-infoblock .apm-form__con {
    flex: 1 1 60%;
    max-width: 60%
}

.apm-form__field_logout {
    padding-right: 0
}

.apm-form__field_logout .apm-form__btn,
.apm-form__field_logout .bet-history-casino-btn {
    flex: 0 0 auto;
    width: auto;
    margin: 0 0 0 auto
}

.apm-form__field--multiaccount {
    flex-direction: column;
    padding: 10px;
    height: auto;
    max-height: 210px;
    overflow: auto;
    background: #d0dae1
}

.apm-form__field--addaccount {
    flex-direction: column;
    padding: 0;
    height: auto;
    background: #fff
}

.apm-form__account {
    display: flex;
    position: relative;
    cursor: pointer;
    flex: 1 0 auto;
    align-items: center;
    padding-left: 35px;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    background: #fff;
    font-size: 14px;
    color: #4682b4;
    transition: all 0.2s linear
}

.apm-form__account::before {
    content: '\f2bd';
    position: absolute;
    top: 50%;
    left: 15px;
    font-family: FontAwesome, sans-serif;
    transform: translateY(-50%)
}

.apm-form__account::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: transparent;
    transition: background 0.2s linear
}

.apm-form__account:hover,
.apm-form__account--active {
    color: #0c304b
}

.apm-form__account:hover::after,
.apm-form__account--active::after {
    background: #759e2e
}

.apm-form__cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2)
}

.apm-form__body--multiselect.blocked .apm-form__cover {
    display: flex
}

.apm-form__addbutton {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    background: #759e2e;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    transition: background 0.2s linear
}

.apm-form__addbutton-toggle {
    display: flex;
    position: absolute;
    top: 16px;
    right: 17px;
    cursor: pointer;
    justify-content: center;
    width: 12px;
    transition: transform linear 0.2s
}

.apm-form__addbutton-toggle::before {
    content: '\f107';
    font-family: FontAwesome, sans-serif
}

.apm-form__addbutton-toggle--opened {
    transform: rotate(180deg)
}

.apm-form__addbutton:hover {
    background: #84b234
}

.apm-form__addblock {
    display: none;
    position: relative;
    padding: 15px 0 30px;
    background: #fff
}

@media (max-width: 2500px) and (min-width: 1367px) {
    .apm-form__addblock .apm-form-bysms {
        flex-basis: 50%;
        align-items: flex-end;
        order: 2
    }
    .apm-form__addblock .apm-form-byform {
        flex-basis: 50%;
        order: 1
    }
    .apm-form__addblock .apm-form-bysocial {
        position: absolute;
        top: 15px;
        right: calc((50% - 180px) / 2);
        width: 180px
    }
}

.apm-form__info {
    display: block;
    position: absolute;
    top: 80%;
    left: 10%;
    z-index: 5;
    padding: 7px 10px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
    background: #51a3e6;
    color: #fff;
    transition: opacity 0.25s ease-in-out
}

.apm-form__info::after {
    content: ' ';
    position: absolute;
    bottom: 100%;
    left: 10%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: solid transparent;
    border-width: 7px;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #51a3e6;
    pointer-events: none
}

.apm-form-radio__item_with-info .apm-form__info {
    opacity: 0;
    left: -9999px
}

.apm-form-radio__item_with-info:not(.active):hover .apm-form__info {
    opacity: 1;
    left: 10%
}

.apm-form__subfield {
    align-self: center;
    margin: 0;
    font-size: 14px;
    color: #103656
}

.apm-form__subfield span {
    color: #1f70ad
}

.apm-form__error {
    display: none;
    position: absolute;
    top: -.58333em;
    z-index: 1;
    padding: 0em .41667em;
    height: 1.66667em;
    margin: 0;
    background-color: #f59494;
    line-height: 1.66667em;
    left: .83333em
}

.apm-form__warning {
    position: absolute;
    top: -.58333em;
    z-index: 1;
    padding: 0em .41667em;
    height: 1.66667em;
    margin: 0;
    background-color: #f7bd40;
    line-height: 1.66667em;
    left: .83333em
}

.apm-form__caption,
.apm-form__switch {
    display: block;
    flex: 1 1 50%;
    align-self: center;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 42px;
    margin: 0;
    font-size: 14px;
    color: #103656;
    padding-right: 35px
}

.apm-form__caption.widecaption,
.widecaption.apm-form__switch {
    padding-right: 5px
}

.apm-form__caption.required::after,
.required.apm-form__switch::after {
    content: '\00a0*';
    color: #f59494;
    margin-left: 3px
}

.apm-form__caption a,
.apm-form__switch a {
    text-decoration: underline;
    color: #103656
}

.apm-form__caption a:hover,
.apm-form__switch a:hover {
    text-decoration: none
}

.apm-form__con {
    display: flex;
    position: relative;
    flex: 1 1 50%;
    align-items: center;
    align-self: stretch;
    max-width: 50%;
    padding-left: 5px
}

.apm-form__con_step {
    padding: 0 5px;
    max-width: 100px;
    height: 80%;
    margin-right: 0;
    margin-left: auto;
    border: 1px solid #4682b4;
    background-color: white;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    color: #4682b4
}

.apm-form__value {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    margin: 0;
    text-align: right;
    font-size: 1.16667em;
    color: #1f70ad
}

.apm-form__value a {
    text-decoration: underline;
    color: #1f70ad
}

.apm-form__value a:hover {
    text-decoration: none
}

.apm-form__value--ltr {
    direction: ltr !important
}

.apm-form__value+[class*='apm-form__icon'] {
    margin-left: .83333em
}

.apm-form__input {
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: default;
    padding: 0;
    width: 0;
    max-width: calc(100% + 17px);
    height: 100%;
    outline: none;
    border: 1px solid #1f70ad;
    box-shadow: none;
    background-color: #fff;
    color: #1f70ad;
    transition: opacity 0.3s, padding 0.3s, width 0.3s;
    will-change: opacity, padding, width;
    right: -17px
}

.ap-form-group-field:nth-child(2n-1) .apm-form__input {
    background-color: #d0dae1
}

.apm-form__input.open {
    opacity: 1;
    cursor: auto;
    width: calc(100% + 17px);
    transition: opacity 0.1s, padding 0.3s, width 0.3s;
    padding-right: 54px;
    padding-left: 11px
}

.apm-form__select,
.apm-form-file {
    align-self: center;
    width: 100% !important
}

.apm-form__icon_refresh {
    transition: transform 0.3s;
    will-change: transform
}

.apm-form__icon_refresh:active {
    transform: rotate(180deg)
}

.apm-form__icon_refresh::before {
    content: '\f021';
    font-size: 18px
}

.apm-form__icon_locked {
    cursor: default
}

.apm-form__icon_locked::before {
    content: '\f023'
}

.apm-form__icon_edit::before {
    content: '\f040'
}

.apm-form__icon_upload {
    font-size: inherit
}

.apm-form__icon_upload::before {
    content: '\f0ee'
}

.apm-form__icon_confirm::before {
    content: '\f058';
    font-size: 19px
}

.apm-form__icon_forfeit::before {
    content: '\f00d'
}

.apm-form__switch {
    flex: 1 1 auto
}

.apm-form__head .apm-form__switch,
.bm__heading .apm-form__switch {
    color: #fff
}

.apm-form__notify {
    display: block;
    font-size: 11px
}

.apm-form__switch.active+.apm-form__notify {
    display: none
}

.apm-form__btn,
.bet-history-casino-btn {
    width: 100%;
    height: 46px;
    margin-top: 15px;
    font-size: 14px
}

.apm-form__btn_activate {
    padding: .35714em .71429em !important;
    max-width: 10em !important;
    height: auto;
    margin-top: 0;
    overflow: hidden !important;
    background-color: #4783b5 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: .71429em !important
}

.apm-form__btn_activate:hover {
    background-color: #396990 !important
}

.apm-form__btn_promo {
    height: 42px;
    margin-top: 0
}

.apm-form__btn_disabled {
    opacity: 0.5
}

.apm-form__btn--is-disabled {
    opacity: 0.5;
    pointer-events: none
}

.apm-form .multiselect__content-wrapper {
    border-radius: 0;
    box-shadow: .16667em .16667em .83333em rgba(0, 0, 0, 0.5);
    background-color: #d0dae1;
    font-size: 12px;
    overflow: auto
}

.apm-form .multiselect__content-wrapper .ps__scrollbar-x-rail {
    display: none !important
}

.apm-form .multiselect__content {
    max-height: 100%
}

.apm-form .multiselect__input,
.apm-form .multiselect__single,
.apm-form .multiselect__tags {
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
    background: transparent
}

.apm-form .multiselect__tags {
    padding: 0
}

.apm-form .multiselect__input,
.apm-form .multiselect__single {
    padding: 0em .85714em;
    margin: 0;
    font-size: 1.16667em;
    line-height: 1.2
}

.apm-form .multiselect__input::-moz-placeholder {
    color: #fff
}

.apm-form .multiselect__input::placeholder {
    color: #fff
}

.apm-form .multiselect__option {
    display: flex;
    align-items: center;
    padding: 0em .85714em;
    min-height: 2.14286em;
    font-size: 1em;
    line-height: 1;
    color: #103656
}

.apm-form .multiselect__option .option__desc {
    display: flex;
    align-items: center
}

.apm-form .multiselect__option .option__title {
    padding: 0em .35714em
}

.apm-form .multiselect__option--highlight {
    background: #759e2e
}

.apm-form .multiselect__option--highlight .option__desc {
    color: #fff
}

.apm-form .multiselect__option--highlight .icon {
    fill: #fff
}

.apm-form .multiselect__select {
    z-index: 2
}

.apm-form .multiselect__select::before {
    content: '\f107';
    display: flex;
    top: 0;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
    border: none;
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: 600;
    color: #0c2e4b
}

.apm-form .multiselect__single .apm-form-sports__sport {
    margin-bottom: 3px
}

.apm-form .multiselect__single .option__desc {
    display: flex;
    align-items: center
}

.apm-form .multiselect__single .option__title {
    padding: 0 5px
}

.apm-form .multiselect__spinner {
    top: 0;
    right: 0;
    z-index: 2;
    height: 100%;
    background-color: #13466c
}

.apm-form .multiselect__spinner::after,
.apm-form .multiselect__spinner::before {
    border-color: #d0dae1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.apm-form .multiselect--active {
    z-index: 2
}

.apm-form .multiselect--blue {
    background-color: #13466c;
    color: #fff
}

.apm-form .multiselect--blue .multiselect__input,
.apm-form .multiselect--blue .multiselect__single {
    color: #fff
}

.apm-form .multiselect--blue .multiselect__single .apm-form-sports__ico {
    fill: #fff
}

.apm-form .multiselect--blue .multiselect__select::before {
    color: #fff
}

.apm-form .multiselect--blue.multiselect--disabled {
    opacity: 1;
    background-color: #d0dae1
}

.apm-form .multiselect--blue.multiselect--disabled .multiselect__input,
.apm-form .multiselect--blue.multiselect--disabled .multiselect__single {
    color: #103656
}

.apm-form .multiselect--blue.multiselect--disabled .multiselect__single .apm-form-sports__ico {
    fill: #4682b4
}

.apm-form .multiselect--blue.multiselect--disabled .multiselect__select {
    background-color: transparent
}

.apm-form .multiselect--blue.multiselect--disabled .multiselect__select::before {
    color: #103656
}

.apm-form .multiselect--white {
    background-color: #fff;
    color: #13466c
}

.apm-form .multiselect--white .multiselect__input,
.apm-form .multiselect--white .multiselect__single {
    color: currentColor
}

.apm-form .multiselect--white .multiselect__single .apm-form-sports__ico {
    fill: currentColor
}

.apm-form .multiselect--white .multiselect__select {
    background-color: transparent
}

.apm-form .multiselect--white .multiselect__select::before {
    color: currentColor
}

.apm-form .multiselect--white.multiselect--disabled {
    opacity: 1;
    background-color: #d0dae1
}

.apm-form .multiselect--white.multiselect--disabled .multiselect__input,
.apm-form .multiselect--white.multiselect--disabled .multiselect__single {
    color: #103656
}

.apm-form .multiselect--white.multiselect--disabled .multiselect__single .apm-form-sports__ico {
    fill: #4682b4
}

.apm-form .multiselect--white.multiselect--disabled .multiselect__select {
    background-color: transparent
}

.apm-form .multiselect--white.multiselect--disabled .multiselect__select::before {
    color: #103656
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .apm-form .multiselect__input,
    .apm-form .multiselect__single,
    .apm-form .multiselect__option {
        height: 20px
    }
    .apm-form .multiselect__input,
    .apm-form .multiselect__single {
        min-height: 40px
    }
}

.apm-form__rows,
.apm-form__row {
    margin-top: 1.66667em
}

[class*='apm-form__icon'] {
    display: flex;
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
    width: 18px;
    outline: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    margin-left: 10px
}

[class*='apm-form__icon']::before {
    font-family: FontAwesome;
    font-size: 17px;
    color: #103656
}

.apm-form-value__icon {
    width: 1.25em;
    min-width: 1.25em;
    height: 1.25em;
    font-size: 1.33333em;
    fill: #103656;
    margin-left: .625em
}

.apm-form-value__ico {
    width: 100%;
    height: 100%
}

.apm-form-value__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.apm-form-search-box {
    padding: .3125em;
    border-bottom: 1px solid #d4dee8
}

.apm-form-search-box__inner {
    display: flex;
    align-items: center;
    min-height: 1.5em;
    background-color: #f3f8fc
}

.apm-form-search-box__input {
    flex: auto;
    padding: .41667em .83333em;
    min-width: 0;
    outline: none;
    border: 0;
    background-color: transparent;
    font-size: .75em;
    line-height: 1.16667em;
    transition: opacity 0.25s, transform 0.25s
}

.apm-form-search-box__input::-moz-placeholder {
    color: #0c2e4b
}

.apm-form-search-box__input::placeholder {
    color: #0c2e4b
}

.apm-form-search-box__input::-webkit-search-decoration,
.apm-form-search-box__input ::-webkit-search-cancel-button,
.apm-form-search-box__input ::-webkit-search-results-button,
.apm-form-search-box__input ::-webkit-search-results-decoration,
.apm-form-search-box__input ::-ms-reveal,
.apm-form-search-box__input ::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.apm-form-search-box__ico {
    display: inline-block;
    min-width: 1.625em;
    max-width: 1.625em;
    font-size: 1em;
    color: #0c2e4b
}

.apm-form-search-box-ico {
    display: flex;
    align-items: center;
    justify-content: center
}

.apm-form-search-box-ico__inner {
    width: auto;
    max-width: 100%;
    height: .8125em;
    fill: currentColor
}

.apm-form-sports {
    width: 100%;
    max-height: 20em;
    overflow: auto
}

.apm-form-sports::-webkit-scrollbar {
    width: .3125em;
    background-color: #fff
}

.apm-form-sports::-webkit-scrollbar-thumb {
    background-color: #e8e8e8
}

.apm-form-sports__item {
    display: flex;
    align-content: center;
    align-items: center;
    padding: .3125em 1.25em .3125em .625em;
    min-height: 2em;
    background-color: transparent;
    font-size: 1em;
    transition: all 0.3s ease-in-out;
    will-change: box-shadow, background-color
}

.apm-form-sports__item:nth-child(n+2) {
    border-top: 1px solid #d4dee8
}

.apm-form-sports__item:hover {
    background-color: #f3f8fc
}

.apm-form-sports .sport_icons,
.apm-form-sports .icon {
    width: .875em;
    height: .875em
}

.apm-form-sports .icon {
    fill: #4682b4
}

.apm-form-sports-item__name {
    display: inline-block;
    flex: auto;
    align-self: center;
    min-width: 0;
    white-space: nowrap;
    margin-left: .5625em
}

.apm-form-sports-item__control {
    display: flex;
    position: relative;
    align-items: center;
    padding: .3125em 0;
    margin-left: .9375em
}

.selection {
    cursor: pointer
}

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

.selection__icon {
    display: inline-block;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: .875em;
    height: .875em;
    margin-right: .3125em
}

.selection__icon::before {
    content: '';
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #7599b8
}

.selection__icon::after {
    content: '';
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 1px #7599b8
}

.selection-icon.active .selection-icon__check {
    opacity: 1
}

.selection-icon__check {
    opacity: 0;
    position: relative;
    transition: 0.2s all ease
}

.ico-checked {
    display: block;
    width: auto;
    max-width: 100%;
    height: .625em;
    fill: currentColor
}

.selection-caption__label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .75em;
    line-height: 1.16667em
}

.apm-form-sports-item-name__label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .75em;
    line-height: 1.16667em
}

.apm-form-scale {
    position: relative;
    width: 100%;
    margin: 0 5px 11px
}

.apm-form-scale__start,
.apm-form-scale__end {
    position: absolute;
    top: 100%;
    font-size: 9px;
    color: #103656
}

.apm-form-scale__start {
    left: 0
}

.apm-form-scale__end {
    right: 0
}

.apm-form-scale__progress {
    width: 100%;
    height: 4px;
    border-right: 1px solid #103656;
    border-left: 1px solid #103656;
    border-radius: 0;
    background: #ccc !important
}

.apm-form-scale__progress .ui-progressbar-value {
    margin: 5px;
    border-right: 1px solid #103656;
    background-color: #57c214;
    height: 100%
}

.apm-form-scale__label {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 9px;
    color: #103656
}

.apm-form-scale-new .apm-form-scale__progress {
    height: 10px;
    border-radius: 0
}

.apm-form-scale-new .ui-progressbar .ui-progressbar-value {
    margin: 0;
    border-radius: 0
}

.apm-form-search {
    display: flex;
    position: relative;
    height: 33px;
    margin-right: 0;
    margin-left: auto
}

.apm-form-search::before {
    content: '\f002';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 100%;
    background-color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    color: #094977
}

.apm-form-search__input {
    padding: 2px 5px 0 0;
    height: 100%;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.2;
    color: #094977
}

.apm-form-search__input::-moz-placeholder {
    color: #094977
}

.apm-form-search__input::placeholder {
    color: #094977
}

.apm-form-substrate {
    display: flex;
    align-items: center;
    padding: 0 7px;
    background-color: #d0dae1
}

.apm-form-substrate__caption {
    display: flex;
    align-items: center;
    padding-right: 20px;
    max-width: 245px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    color: #094977
}

.apm-form-substrate__input {
    flex-grow: 1;
    padding: 2px 10px;
    height: 33px;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.2;
    color: #094977
}

.apm-form-substrate__input::-moz-placeholder {
    color: #094977
}

.apm-form-substrate__input::placeholder {
    color: #094977
}

.apm-form-substrate .apm-form__select {
    background: #094977
}

.apm-form-substrate .apm-form__btn,
.apm-form-substrate .bet-history-casino-btn {
    max-width: 145px;
    height: 33px;
    margin-top: 0;
    margin-left: 7px;
    font-size: 13px
}

.apm-form-substrate .apm-form__btn--blue {
    background-color: #094977
}

.apm-form-substrate .apm-form__btn--blue:hover {
    background-color: #0e72b9
}

.apm-form-market {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px
}

.apm-form-market__wrap {
    padding: 15px 0 0;
    margin-top: 20px
}

.apm-form-market__wrap .apm-form__head,
.apm-form-market__wrap .bm__heading {
    padding-right: 5px;
    margin: 0 5px
}

.apm-form-market__item {
    display: flex;
    cursor: pointer;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
    padding: 4px 15px 0;
    height: 34px;
    margin: 10px 5px 0;
    border-bottom: 3px solid #d0dae1;
    background-color: #edf0f2;
    font-size: 14px;
    line-height: 1;
    color: #094977
}

.apm-form-market__item.active {
    border-bottom-color: #89c02a
}

.apm-form-market__more {
    cursor: pointer;
    flex-basis: 220px;
    max-width: 220px;
    border-bottom-color: #094977;
    background-color: #094977;
    color: #fff;
    transition: background-color 0.3s ease, border-bottom-color 0.3s ease
}

.apm-form-market__more:hover {
    border-bottom-color: #0e72b9;
    background-color: #0e72b9
}

.apm-form-bonus {
    display: flex;
    justify-content: flex-start
}

.apm-form-bonus__item {
    display: flex;
    position: relative;
    z-index: 0;
    cursor: pointer;
    flex-basis: calc(100% / 3 - 1px);
    flex-direction: column;
    justify-content: flex-end;
    padding: 4px;
    height: 130px;
    background-color: #d0dae1;
    text-align: center;
    transition: background-color 0.3s ease
}

.apm-form-bonus__item:not(:first-child) {
    margin-left: 2px
}

.apm-form-bonus__item::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: -1;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.apm-form-bonus__item.active,
.apm-form-bonus__item:hover {
    background-color: #93c738
}

.apm-form-bonus__item.active .apm-form-bonus__title,
.apm-form-bonus__item:hover .apm-form-bonus__title {
    background-color: rgba(147, 199, 56, 0.75)
}

.apm-form-bonus__item--casino::before {
    background-image: url("/themes/genfiles/cms/1/desktop/office/setting/bonus_casino.jpg")
}

.apm-form-bonus__item--false::before {
    background-image: url("/themes/genfiles/cms/1/desktop/office/setting/bonus_false.jpg")
}

.apm-form-bonus__item--sport::before {
    background-image: url("/themes/genfiles/cms/1/desktop/office/setting/bonus_sport.jpg")
}

.apm-form-bonus__item--no-risk::before {
    background-image: url("/themes/genfiles/cms/1-285/desktop/bonusSelect/officeModalSettings/bonus_no-risk.png")
}

.apm-form-bonus__item--freebet::before {
    background-image: url("/themes/genfiles/cms/1/desktop/office/setting/bonus_freebet.jpg")
}

.apm-form-bonus__title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 5px 3px;
    background-color: rgba(16, 54, 86, 0.75);
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    transition: background-color 0.3s ease
}

.apm-form-promo {
    display: flex;
    padding: 4px 3px;
    height: 42px;
    background-color: #d0dae1
}

.apm-form-promo__field {
    padding: 0 10px;
    width: 100%;
    margin: 0 3px;
    outline: none;
    border: none;
    font-size: 14px;
    line-height: 1.2;
    color: #175482
}

.apm-form-promo__field::-moz-placeholder {
    color: #175482
}

.apm-form-promo__field::placeholder {
    color: #175482
}

.apm-form-promo__control {
    display: flex
}

.apm-form-promo__control .apm-form__btn,
.apm-form-promo__control .bet-history-casino-btn {
    height: auto;
    margin: 0 3px;
    white-space: nowrap
}

@media (max-width: 1365px) {
    .apm-form-promo__control .apm-form__btn,
    .apm-form-promo__control .bet-history-casino-btn {
        min-width: 140px
    }
}

@media (min-width: 1831px) {
    .apm-form-promo__control .apm-form__btn,
    .apm-form-promo__control .bet-history-casino-btn {
        min-width: 140px
    }
}

.apm-form-promo__btn {
    background-color: #13466c
}

.apm-form-promo__btn:hover {
    background-color: #1b6298
}

.apm-form-sms {
    display: none;
    padding: 4px 3px;
    height: 42px;
    background-color: #d0dae1
}

.apm-form-sms.active {
    display: flex
}

.apm-form-sms__field {
    flex-grow: 1;
    padding: 0 10px;
    margin: 0 3px;
    outline: none;
    border: none;
    font-size: 14px;
    line-height: 1.2;
    color: #175482
}

.apm-form-sms__field::-moz-placeholder {
    color: #175482
}

.apm-form-sms__field::placeholder {
    color: #175482
}

.apm-form-currency__wrap {
    display: flex;
    flex-wrap: wrap
}

.apm-form-currency__control,
.apm-form-currency__item {
    display: flex;
    background-color: #d0dae1
}

.apm-form-currency__item {
    flex-basis: calc(50% - 1px);
    flex-grow: 1;
    align-items: center;
    padding: 4px;
    height: 42px;
    margin-bottom: 1px
}

.apm-form-currency__item:nth-child(2n) {
    margin-left: 1px
}

.apm-form-currency__control {
    padding: .33333em .25em .33333em .5em
}

.apm-form-currency__control .chosen-container {
    margin: 0 3px;
    background-color: #fff
}

.apm-form-currency__control .chosen-container .chosen-single {
    padding: 0 10px;
    font-size: 14px;
    color: #103656
}

.apm-form-currency__control .chosen-container .chosen-drop .chosen-search {
    background-color: #fff;
    color: #103656
}

.apm-form-currency__control .chosen-container .chosen-drop .chosen-search input[type=text] {
    border: none;
    color: #103656
}

.apm-form-currency__control .chosen-container .chosen-drop .chosen-search::before {
    color: #103656
}

.apm-form-currency__control .chosen-container .chosen-drop .chosen-results .active-result {
    color: #103656
}

.apm-form-currency__control .chosen-container .chosen-drop .chosen-results .active-result.result-selected,
.apm-form-currency__control .chosen-container .chosen-drop .chosen-results .active-result.highlighted {
    background: #759e2e;
    color: #fff
}

.apm-form-currency__control .chosen-container.chosen-with-drop {
    box-shadow: 0 0 0 5px #d0dae1, 1px 2px 5px 5px rgba(0, 0, 0, 0.5)
}

.apm-form-currency__control .chosen-container.chosen-with-drop .chosen-drop {
    box-shadow: 0 0 0 5px #d0dae1, 1px 2px 5px 5px rgba(0, 0, 0, 0.5);
    background-color: #d0dae1
}

.apm-form-currency__control .multiselect {
    min-height: auto
}

.apm-form-currency__control .multiselect__content {
    max-width: 100%
}

.apm-form-currency__control .multiselect__tags {
    min-height: 2.42857em
}

.apm-form-currency__control .multiselect__select {
    height: 2em
}

.apm-form-currency__control .multiselect__input,
.apm-form-currency__control .multiselect__single {
    padding: 0em .35714em;
    font-size: inherit
}

.apm-form-currency__control .multiselect__option--selected {
    background: inherit
}

.apm-form-currency__control .option__desc {
    max-width: 100%
}

.apm-form-currency__control .option__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.apm-form-currency__close,
.apm-form-currency__text {
    height: 100%;
    margin: 0 2px;
    background-color: #fff
}

.apm-form-currency__text {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    color: #103656
}

.apm-form-currency__close {
    position: relative;
    cursor: pointer;
    flex-basis: 35px
}

.apm-form-currency__close:hover::after,
.apm-form-currency__close:hover::before {
    background-color: #216dab
}

.apm-form-currency__close::after,
.apm-form-currency__close::before {
    content: '';
    display: flex;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 15px / 2);
    align-items: center;
    width: 15px;
    height: 2px;
    background-color: #103656;
    transition: background-color 0.3s ease
}

.apm-form-currency__close::after {
    transform: rotate(-45deg)
}

.apm-form-currency__close::before {
    transform: rotate(45deg)
}

.apm-form-currency__btn {
    max-width: 225px;
    height: auto;
    margin: 0 3px 0 6px;
    background-color: #759e2e
}

.apm-form-fin {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
    text-align: right;
    font-size: 14px;
    color: #3d3d3d
}

.apm-form-fin__img {
    margin-right: 10px
}

.apm-form-radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.apm-form-radio__item {
    position: relative;
    cursor: pointer;
    flex: 1 0 10%;
    padding-right: 10px;
    padding-left: 37px;
    height: 42px;
    overflow: hidden;
    background-color: #d0dae1;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 42px;
    white-space: nowrap;
    color: #1f70ad;
    transition: color 0.3s;
    will-change: color
}

.apm-form-radio__item_with-info {
    overflow: visible
}

.apm-form-radio__item+.apm-form-radio__item {
    margin-left: 1px
}

.apm-form-radio__item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #1f70ad;
    background-color: #fff;
    transform: translateY(-50%);
    transition: background-color 0.3s, box-shadow 0.3s;
    will-change: background-color, box-shadow
}

.apm-form-radio__item.active {
    color: #103656
}

.apm-form-radio__item.active::before {
    box-shadow: 0 0 0 1px #89c02a;
    background-color: #89c02a
}

.apm-form-file {
    display: flex;
    justify-content: flex-end
}

.apm-form-file__btn {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    text-align: center
}

.apm-form-file__text {
    align-self: center;
    margin-left: .76923em
}

.apm-form-file__input {
    display: none
}

.apm-form-bysms {
    display: none;
    flex: 1 0 31%;
    align-items: center;
    justify-content: center
}

.apm-form-bysms__btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 90%;
    max-width: 250px;
    height: 35px;
    background: #13466c;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    transition: background 0.2s linear
}

.apm-form-bysms__btn:hover {
    background: #175482
}

.apm-form-bysms__btn .fa-envelope {
    margin-right: 6px
}

.apm-form-byform {
    display: flex;
    flex: 1 0 38%;
    flex-direction: column;
    align-items: center
}

.apm-form-byform.multiaccount-popup__fields {
    flex-basis: auto
}

.apm-form-byform__inputs {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.apm-form-byform__field {
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.apm-form-byform__field:first-of-type {
    margin-bottom: 20px
}

.apm-form-byform__field:first-of-type label::before {
    content: attr(data-label)
}

.apm-form-byform__field:nth-of-type(2) label::before {
    content: attr(data-label)
}

.apm-form-byform__field:nth-of-type(3) label::before {
    content: attr(data-label)
}

.apm-form-byform__field .error {
    position: absolute;
    top: -6px;
    right: 10px;
    z-index: 1;
    padding: 0 5px;
    background: #f26464;
    font-size: 10px;
    color: #fff
}

.apm-form-byform__field .g-recaptcha>div {
    margin: 0 auto
}

.apm-form-byform__input {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 0 10px;
    width: 100%;
    height: 32px;
    outline: none;
    border: 1px solid #d0dae1;
    background: none;
    font-size: 14px;
    font-weight: 500;
    color: #0c2f4b
}

.apm-form-byform__input:focus,
.apm-form-byform__input.filled {
    padding-top: 10px
}

.apm-form-byform__input:focus+label,
.apm-form-byform__input.filled+label {
    top: 0;
    font-size: 10px;
    color: #0c304b;
    transform: none
}

.apm-form-byform__input--error {
    border: 2px solid #f26464
}

.apm-form-byform__input+label {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 0;
    font-size: 14px;
    color: #0c304b;
    transform: translateY(-50%)
}

.apm-form-byform__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 10px
}

.apm-form-byform__remember,
.apm-form-byform__forgot {
    display: none;
    cursor: pointer;
    flex: 1 0 50%;
    margin-bottom: 5px;
    font-size: 14px;
    color: #224f7c
}

.apm-form-byform__remember {
    position: relative;
    overflow: hidden
}

.apm-form-byform__remember label {
    position: relative;
    cursor: pointer;
    padding-left: 18px
}

.apm-form-byform__remember label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #224f7c;
    border-radius: 50%;
    transform: translateY(-50%)
}

.apm-form-byform__remember label::after {
    content: '\f00c';
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 2px;
    font-family: FontAwesome, sans-serif;
    font-size: 9px;
    color: #224f7c
}

.apm-form-byform__checkbox {
    position: absolute;
    left: -100px
}

.apm-form-byform__checkbox:checked+label::after {
    opacity: 1
}

.apm-form-byform__forgot {
    text-align: right;
    text-decoration: underline;
    transition: -webkit-text-decoration 0.2s linear;
    transition: text-decoration 0.2s linear;
    transition: text-decoration 0.2s linear, -webkit-text-decoration 0.2s linear
}

.apm-form-byform__forgot:hover {
    text-decoration: none
}

.apm-form-byform__enter {
    display: flex;
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex: 1 0 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    overflow: hidden;
    background: #759e2e;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    transition: background 0.2s linear
}

.multiaccount-popup__fields .apm-form-byform__enter {
    flex-basis: auto
}

.apm-form-byform__enter::before {
    content: '';
    position: absolute;
    top: calc(100% - .28571em);
    left: 0;
    z-index: -1;
    width: 100%;
    height: 150%;
    background: #49631d;
    transform: translateZ(0);
    transition: transform 0.2s ease-in-out
}

.apm-form-byform__enter:hover::before {
    transform: translateY(-90%)
}

.apm-form-bysocial {
    display: none;
    flex: 1 0 31%;
    flex-direction: column;
    justify-content: center;
    font-size: 14px
}

.apm-form-bysocial__title {
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

.apm-form-bysocial__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.apm-form-bysocial__item {
    opacity: 1;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url("/themes/genfiles/cms/1/desktop/office/socialIconsSprite.png");
    background-size: 500% 100%;
    transition: opacity 0.2s linear
}

.apm-form-bysocial__item:hover {
    opacity: 0.8
}

.apm-form-bysocial__item:not(:last-of-type) {
    margin-right: 6px
}

.apm-form-bysocial__item--ok {
    background-position-x: -100%
}

.apm-form-bysocial__item--google {
    background-position-x: -200%
}

.apm-form-bysocial__item--ya {
    background-position-x: -300%
}

.apm-form-bysocial__item--mail {
    background-position-x: -400%
}

.apm-block,
.apm-block_top,
.apm-stocks__item,
.apm-admin,
.apm-flow,
.apm-give,
.bet-managing {
    padding: 15px 20px;
    background-color: #fff
}

.apm-block__banner {
    margin-top: 1.25em
}

.apm-block__banner:first-child {
    margin-top: 0
}

.apm-block--bonus {
    height: 100%;
    background-color: #17394f
}

.apm-block--bonus .apm__heading,
.apm-block--bonus .apm-admin__heading,
.apm-block--bonus .apm-flow__heading,
.apm-block--bonus .apm-give__heading,
.apm-block--bonus .apm__subheading,
.apm-block--bonus .apm-admin__subheading,
.apm-block--bonus .apm-flow__subheading,
.apm-block--bonus .apm-give__subheading,
.apm-block--bonus .apm-bonuses__rules-text {
    color: #fff
}

.apm-block--bonus .apm-bonuses__rules {
    margin-top: 10px
}

.apm-block--bonus .apm-bonuses__rules-link {
    cursor: pointer;
    text-transform: uppercase;
    color: #fde5a5
}

.apm-block--bonus .apm-bonuses-wagners,
.apm-block--bonus .apm-bonuses__rules {
    width: 100%;
    margin-left: 0;
    font-size: 14px
}

.apm-block--bonus .apm-bonuses-wagners {
    margin-top: 5px;
    text-align: center
}

.apm-block--bonus .apm-bonuses-promo__text {
    color: #fff
}

.apm-block--bonus .rules-bonus .modal-main {
    position: relative;
    padding: 16px;
    width: 100%;
    max-width: 765px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 6px;
    background: #17394f;
    color: #fff
}

.apm-block--bonus .rules-bonus__close {
    position: absolute;
    top: 6px;
    cursor: pointer;
    width: 0.8em;
    height: 0.8em;
    font-size: 11px;
    line-height: 15px;
    transition: color 0.3s ease;
    right: .90909em
}

.apm-block--bonus .rules-bonus__close:hover svg polygon {
    fill: #ff6200
}

.apm-block+.apm-block,
.apm-block_top+.apm-block,
.apm-stocks__item+.apm-block,
.apm-admin+.apm-block,
.apm-flow+.apm-block,
.apm-give+.apm-block,
.bet-managing+.apm-block,
.apm-block+.apm-block_top,
.apm-block_top+.apm-block_top,
.apm-stocks__item+.apm-block_top,
.apm-admin+.apm-block_top,
.apm-flow+.apm-block_top,
.apm-give+.apm-block_top,
.bet-managing+.apm-block_top,
.apm-block+.apm-stocks__item,
.apm-block_top+.apm-stocks__item,
.apm-stocks__item+.apm-stocks__item,
.apm-admin+.apm-stocks__item,
.apm-flow+.apm-stocks__item,
.apm-give+.apm-stocks__item,
.bet-managing+.apm-stocks__item,
.apm-block+.apm-admin,
.apm-block_top+.apm-admin,
.apm-stocks__item+.apm-admin,
.apm-admin+.apm-admin,
.apm-flow+.apm-admin,
.apm-give+.apm-admin,
.bet-managing+.apm-admin,
.apm-block+.apm-flow,
.apm-block_top+.apm-flow,
.apm-stocks__item+.apm-flow,
.apm-admin+.apm-flow,
.apm-flow+.apm-flow,
.apm-give+.apm-flow,
.bet-managing+.apm-flow,
.apm-block+.apm-give,
.apm-block_top+.apm-give,
.apm-stocks__item+.apm-give,
.apm-admin+.apm-give,
.apm-flow+.apm-give,
.apm-give+.apm-give,
.bet-managing+.apm-give,
.apm-block+.bet-managing,
.apm-block_top+.bet-managing,
.apm-stocks__item+.bet-managing,
.apm-admin+.bet-managing,
.apm-flow+.bet-managing,
.apm-give+.bet-managing,
.bet-managing+.bet-managing {
    margin-top: 5px
}

.apm-block+.apm-form-market__wrap,
.apm-block_top+.apm-form-market__wrap,
.apm-stocks__item+.apm-form-market__wrap,
.apm-admin+.apm-form-market__wrap,
.apm-flow+.apm-form-market__wrap,
.apm-give+.apm-form-market__wrap,
.bet-managing+.apm-form-market__wrap {
    margin-top: 0
}

.apm-block_top {
    display: flex;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    background-size: auto 150%
}

.apm-block_top__left {
    flex: 1 1 auto;
    min-width: 0
}

.apm-block_top__right {
    flex: 0 0 156px
}

@media screen and (max-width: 1366px) {
    .apm-block_top {
        background-position: 110% 150%;
        background-size: auto 90%
    }
}

.apm-block p:not([class]),
.apm-block_top p:not([class]),
.apm-stocks__item p:not([class]),
.apm-admin p:not([class]),
.apm-flow p:not([class]),
.apm-give p:not([class]),
.bet-managing p:not([class]) {
    color: #0c2f4b
}

.apm-block--dark {
    background-color: #103656;
    color: #fff !important
}

.apm-block--dark .apm__subheading,
.apm-block--dark .apm-admin__subheading,
.apm-block--dark .apm-flow__subheading,
.apm-block--dark .apm-give__subheading,
.apm-block--dark .apm__heading,
.apm-block--dark .apm-admin__heading,
.apm-block--dark .apm-flow__heading,
.apm-block--dark .apm-give__heading {
    color: #fff
}

.apm-block--dark .apm-bonuses__promo p:not([class]) {
    color: #fff !important
}

.apm-categories {
    display: flex;
    margin: 10px 0
}

.apm-categories__item {
    display: flex;
    cursor: pointer;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 30px;
    border: 1px solid #1f70ad;
    background: transparent;
    font-size: 14px;
    color: #1f70ad;
    transition: color 0.3s, background-color 0.3s;
    will-change: color, background-color
}

.apm-categories__item~.apm-categories__item {
    margin-left: 1px
}

.apm-categories__item:first-of-type {
    border-radius: 6px 0 0 6px
}

.apm-categories__item:last-of-type {
    border-radius: 0 6px 6px 0
}

.apm-categories__item:hover {
    background-color: rgba(31, 112, 173, 0.2)
}

.apm-categories__item.active {
    background-color: #1f70ad;
    color: #fff
}

.apm-balance__main {
    padding: 12px 3px;
    background-color: #183e5d
}

.apm-balance__caption {
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #5fb0f2
}

.apm-balance__caption span {
    text-transform: uppercase
}

.apm-balance__value {
    margin: 6px 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #fff
}

.apm-balance__btn {
    padding: 0 3px;
    width: 100%;
    font-size: 12px
}

.apm-balance__rate {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 29px;
    text-align: center;
    font-size: 11px;
    color: #fff
}

.apm-filters {
    display: flex
}

.apm-filters+.apm-filters {
    margin-top: .5em;
    margin-bottom: -.3125em;
    font-size: 16px
}

.apm-filters+.apm-filters>* {
    height: 2.375em;
    margin-top: .3125em;
    margin-bottom: .3125em
}

.apm-filters+.apm-filters .apm-filters__multiselect.multiselect.multiselect--active {
    box-shadow: none
}

.apm-filters+.apm-filters .apm-filters__wrap:not(.apm-filters__wrap_multirow):not(.apm-filters__wrap_account),
.apm-filters+.apm-filters .apm-filters__wrap_multirow:not(.apm-filters__wrap_multirow):not(.apm-filters__wrap_account),
.apm-filters+.apm-filters .apm-filters__wrap_account:not(.apm-filters__wrap_multirow):not(.apm-filters__wrap_account) {
    flex-grow: 1
}

.apm-filters+.apm-filters .apm-filters__wrap .apm-filters__chosen,
.apm-filters+.apm-filters .apm-filters__wrap_multirow .apm-filters__chosen,
.apm-filters+.apm-filters .apm-filters__wrap_account .apm-filters__chosen {
    width: 100%
}

.apm-filters+.apm-filters .apm-filters__wrap--sorting {
    max-width: 12.5em;
    margin-right: 0;
    margin-left: auto
}

.apm-filters+.apm-filters .apm-filters__wrap--sorting .icon-sorting {
    font-size: 16px;
    margin-right: .3125em
}

.apm-filters+.apm-filters .apm-filters__wrap--sorting .icon-sorting__icon {
    width: .75em;
    height: .75em;
    fill: #000
}

@media (max-width: 1366px) {
    .apm-filters+.apm-filters .apm-filters__wrap--sorting {
        margin-right: auto;
        margin-left: 0
    }
}

.apm-filters+.apm-filters .apm-filters__wrap_account {
    flex-grow: 1;
    min-width: 0;
    max-width: 11.5625em
}

@media (max-width: 1366px) {
    .apm-filters+.apm-filters {
        flex-wrap: wrap
    }
}

.apm-filters__wrap,
.apm-filters__wrap_multirow,
.apm-filters__wrap_account {
    display: flex;
    align-items: center;
    padding: 6px 7px;
    background-color: #f0f3f5
}

.apm-filters__wrap:not(:last-child),
.apm-filters__wrap_multirow:not(:last-child),
.apm-filters__wrap_account:not(:last-child) {
    margin-right: 12px
}

.apm-filters__wrap--sorting {
    margin-right: 0;
    margin-left: auto
}

.apm-filters__wrap--sorting .icon-sorting {
    font-size: 16px;
    margin-right: .3125em
}

.apm-filters__wrap--sorting .icon-sorting__icon {
    width: .75em;
    height: .75em
}

.apm-filters__wrap_multirow,
.apm-filters__wrap_account {
    flex: 0 1 auto;
    flex-wrap: wrap;
    min-width: 0
}

.apm-filters__wrap_account {
    flex-wrap: nowrap;
    min-width: 30%
}

.apm-filters__item {
    display: flex;
    flex: 1 0 10%;
    flex-direction: column;
    min-width: 0
}

.apm-filters__item+.apm-filters__item {
    margin-left: 10px
}

.apm-filters__checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    margin: 6px 12px;
    font-size: 12px;
    color: #0c2f4b;
    transition: color 0.3s;
    will-change: color
}

@media (max-width: 1679px) {
    html[lang='my'] .apm-filters__checkbox {
        margin: .46154em .61538em
    }
}

.apm-filters__checkbox::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1px;
    box-sizing: border-box;
    width: 11px;
    height: 11px;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #d0dae1;
    background-color: transparent;
    transform: translateY(-50%);
    transition: background-color 0.3s;
    will-change: background-color
}

.apm-filters__checkbox.active {
    color: #0c2f4b
}

.apm-filters__checkbox.active::before {
    background-color: #84b332
}

.apm-filters__chosen {
    display: flex;
    align-items: center;
    min-width: 120px;
    max-width: 100%;
    height: 100%
}

.apm-filters__chosen~.apm-filters__chosen {
    margin-left: 9px
}

.apm-filters__chosen [class*='apm-filters__select'] {
    height: 100%
}

.apm-filters__wrap_account .apm-filters__chosen {
    width: 100%
}

.apm-filters__date,
.apm-exchange__datepicker {
    display: flex;
    position: relative
}

.apm-filters__date+.apm-filters__date::before,
.apm-exchange__datepicker+.apm-filters__date::before,
.apm-filters__date+.apm-exchange__datepicker::before,
.apm-exchange__datepicker+.apm-exchange__datepicker::before {
    content: '-';
    align-self: center;
    margin-right: 4px;
    margin-left: 4px;
    font-size: 24px;
    color: #1f70ad
}

.apm-filters__date::after,
.apm-exchange__datepicker::after {
    content: '\f073';
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    font-size: 14px;
    color: #1f70ad;
    transform: translateY(-50%);
    pointer-events: none
}

.apm-filters__input,
.apm-exchange__datepicker input {
    border: none;
    background-color: transparent;
    background-image: linear-gradient(to right, #0e72b9, #0e72b9), linear-gradient(to right, #4fc3fc, #4fc3fc), linear-gradient(to right, #0e72b9 30%, #4fc3fc), linear-gradient(to right, #0e72b9, #4fc3fc 70%);
    background-position: 0 0, 100% 0, 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px;
    padding: 0 10px;
    width: 100px;
    height: 32px;
    vertical-align: top;
    font-size: 12px;
    color: #1f70ad
}

.apm-filters__input:focus,
.apm-exchange__datepicker input:focus {
    outline: none
}

.ap-filters__date .apm-filters__input,
.ap-filters__date .apm-exchange__datepicker input,
.apm-exchange__datepicker .ap-filters__date input {
    padding: 0 30px 0 10px;
    width: 95px
}

.apm-filters__btn,
.apm-filters__btn_alt {
    padding: 0 10px;
    font-size: 11px
}

.apm-filters__btn:not(:first-child),
.apm-filters__btn_alt:not(:first-child) {
    margin-left: 9px
}

.apm-filters__item .apm-filters__btn,
.apm-filters__item .apm-filters__btn_alt {
    margin-top: auto
}

.apm-filters__caption {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 24px;
    white-space: nowrap;
    color: #0c2f4b
}

.apm-filters__range {
    display: flex;
    justify-content: space-between
}

.apm-filters__range-sep {
    margin: 0 5px;
    font-size: 24px;
    color: #1f70ad
}

.apm-filters__range-input,
.apm-filters__select_transparent {
    border: none;
    background-color: transparent;
    background-image: linear-gradient(to right, #0e72b9, #0e72b9), linear-gradient(to right, #4fc3fc, #4fc3fc), linear-gradient(to right, #0e72b9 30%, #4fc3fc), linear-gradient(to right, #0e72b9, #4fc3fc 70%);
    background-position: 0 0, 100% 0, 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px;
    padding: 0 8px;
    width: 100% !important;
    height: 32px;
    outline: none;
    border: none;
    box-shadow: none;
    font-size: 12px;
    color: #1f70ad
}

.apm-filters__range-input {
    flex: 1 1 10%
}

.apm-filters__range-input::-webkit-input-placeholder {
    color: #1f70ad
}

.apm-filters__range-input::-moz-placeholder {
    color: #1f70ad
}

.apm-filters__range-input:-ms-input-placeholder {
    color: #1f70ad
}

.apm-filters__range-input:placeholder {
    color: #1f70ad
}

.apm-filters__select_transparent {
    width: 100%
}

[class*='apm-filters__select'] {
    width: 100% !important;
    height: 32px
}

[class*='apm-filters__select']:not(.chosen-container) {
    display: block;
    padding: 0 12px;
    width: 100% !important;
    outline: none;
    border: none;
    box-shadow: none;
    background-color: #4b88b9;
    font-size: 13px;
    color: #fff
}

.apm-user {
    display: flex;
    padding: 1px;
    background-color: #183e5d
}

.apm-user__profile {
    display: flex;
    flex: 3 0 auto;
    padding: 20px;
    background-color: #0e314e
}

.apm-user__image {
    flex: 0 0 100px;
    align-self: center;
    height: 100px;
    margin-right: 20px;
    border-radius: 50%;
    background-position: center center;
    background-size: cover
}

.apm-user__main {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    min-width: 0
}

.apm-user__main-top,
.apm-user__main-bottom {
    display: flex;
    justify-content: space-between
}

.apm-user__main-top {
    margin-bottom: 10px
}

.apm-user__main-bottom {
    margin-top: auto
}

.apm-user__info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-width: 0
}

.apm-user__name {
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.apm-user__rank {
    margin: 0;
    font-size: 13px;
    color: #c0d3e3
}

.apm-user__controls {
    display: flex;
    flex: 0 0 105px;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 1921px) {
    .apm-user__controls {
        flex: 0 0 210px
    }
}

.apm-user__sub {
    padding: 0;
    width: 100%;
    height: 24px;
    margin-top: auto;
    font-size: 10px
}

.apm-user-block {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center;
    padding: 0 14px;
    height: 44px;
    border: 1px solid #1d4667
}

.apm-user-block:last-child {
    box-sizing: content-box;
    flex: 0 0 75px
}

@media (min-width: 1921px) {
    .apm-user-block:last-child {
        flex: 0 0 180px
    }
}

.apm-user-block+.apm-user-block {
    margin-left: 10px
}

.apm-user-block__title {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    color: #c0d3e3
}

.apm-user-block__value {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    color: #c0d3e3
}

.apm-user__stats {
    display: flex;
    flex: 1 0 auto;
    justify-content: space-around;
    padding: 20px 5px
}

.apm-user-stat {
    display: flex;
    flex: 0 0 140px;
    flex-direction: column;
    justify-content: center
}

.apm-user-stat+.apm-user-stat {
    margin-left: 3px
}

@media (max-width: 1599px) {
    .apm-user-stat:last-child {
        display: none
    }
}

.apm-user-stat__caption {
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    color: #c0d3e3
}

.apm-user-stat__value {
    width: 100%;
    height: 44px;
    margin: auto 0 0;
    background-color: #103656;
    text-align: center;
    font-size: 24px;
    line-height: 44px;
    color: #fff
}

.apm-tabs,
.apm-flow__tabs {
    display: flex;
    margin: 15px 0
}

.apm-tabs__item,
.apm-flow__tab {
    display: flex;
    cursor: pointer;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    height: 36px;
    margin-right: 10px;
    border: 1px solid #8f9da8;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 15px;
    color: #8f9da8;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    will-change: color, background-color, border-color
}

.apm-tabs__item:hover,
.apm-flow__tab:hover,
.apm-tabs__item.active,
.active.apm-flow__tab {
    border-color: #1f70ad;
    background-color: #1f70ad;
    color: #fff
}

.apm-tabs__btn {
    align-self: center;
    height: 28px;
    margin-left: auto;
    font-size: 10px
}

.apm-panel {
    font-size: 16px
}

.apm-panel:not(:first-child) {
    margin-top: .625em
}

.apm-panel-head {
    display: flex;
    padding: 1px;
    min-height: 54px;
    background-color: #f0f3f5;
    transition: background-color 0.3s;
    will-change: background-color
}

.apm-panel.open .apm-panel-head {
    background-color: #4b88b9
}

.apm-panel-head__type,
.apm-panel-head__type_long {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    padding: 3px 8px;
    height: 52px;
    background-color: #c0d3e3
}

.apm-panel-head__type.win,
.apm-panel-head__type.lose,
.apm-panel-head__type.neutral,
.apm-panel-head__type_long.win,
.apm-panel-head__type_long.lose,
.apm-panel-head__type_long.neutral {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 4px 100%
}

.apm-panel-head__type.win,
.apm-panel-head__type_long.win {
    background-image: linear-gradient(to right, #57c214, #57c214)
}

.apm-panel-head__type.lose,
.apm-panel-head__type_long.lose {
    background-image: linear-gradient(to right, #f59494, #f59494)
}

.apm-panel-head__type.neutral,
.apm-panel-head__type_long.neutral {
    cursor: pointer;
    background-image: linear-gradient(to right, #969696, #969696);
    transition: background-size 0.3s;
    will-change: background-size
}

.apm-panel-head__type.neutral:hover,
.apm-panel-head__type_long.neutral:hover {
    background-size: 100% 100%
}

.apm-panel-head__type.clickable,
.apm-panel-head__type_long.clickable {
    cursor: pointer
}

.apm-panel-head__type_long {
    flex: 0 0 200px
}

.apm-panel-head__image,
.apm-panel-head__logo {
    width: 46px;
    height: 46px
}

.apm-panel-head__image {
    margin-right: 8px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center center;
    background-size: cover
}

.apm-panel-head__logo {
    background-position: center center;
    background-repeat: no-repeat
}

.apm-panel-head__name {
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
    color: #103656
}

.apm-panel.open [class*='apm-panel-head__block']>.apm-panel-head__name,
.apm-panel.open .apm-panel-head__line>.apm-panel-head__name,
.apm-panel.open .apm-bingo__line>.apm-panel-head__name {
    color: #c0d3e3
}

.apm-panel-head__rank {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    color: #1f70ad
}

.apm-panel.open [class*='apm-panel-head__block']>.apm-panel-head__rank,
.apm-panel.open .apm-panel-head__line>.apm-panel-head__rank,
.apm-panel.open .apm-bingo__line>.apm-panel-head__rank {
    color: #fff
}

.apm-panel-head__bet {
    width: 100%;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500
}

.apm-panel-head__info {
    display: flex;
    position: relative;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    padding: 0em 2.1875em 0em .9375em;
    min-width: 0;
    max-width: 100%;
    min-height: 3.375em
}

.apm-panel-head__line,
.apm-bingo__line {
    display: flex;
    flex: 1 1 12%;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    min-width: 0;
    height: 100%;
    margin: 0 1%
}

.apm-panel-head__line>*:first-child,
.apm-bingo__line>*:first-child {
    margin-right: 5px
}

.apm-panel-head__link {
    cursor: pointer;
    padding-top: .1875em;
    height: 80%;
    max-height: 45px;
    outline: none;
    border: none;
    text-align: left;
    text-transform: uppercase;
    font-size: .875em;
    line-height: 1.2;
    color: #fff;
    transition: background-color 0.3s ease
}

.apm-panel-head__link--revert {
    background: #1f70ad
}

.apm-panel-head__link--revert:hover {
    background: #175482
}

.apm-panel-head__link--marathon {
    position: relative;
    padding-right: 5%;
    padding-left: 27%
}

.apm-panel-head__link--marathon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: .4375em;
    width: 1.125em;
    height: .875em;
    background: url("/themes/genfiles/cms/1/desktop/office/marathon.png") center no-repeat;
    background-size: cover;
    font-size: 16px;
    transform: translateY(-50%)
}

@media screen and (max-width: 1340px) {
    .apm-panel-head__link--marathon {
        padding-left: 5%;
        text-align: center
    }
    .apm-panel-head__link--marathon::before {
        display: none
    }
}

.apm-panel-head__block,
.apm-panel-head__block_long,
.apm-panel-head__block_name {
    display: flex;
    flex: 1 1 12%;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0;
    min-width: 0;
    height: 100%;
    margin: 0 1%
}

.apm-panel-head__block_long {
    flex: 2 1 26%
}

.apm-panel-head__block--centered {
    min-width: 34px
}

.apm-panel-head__block--link {
    flex-shrink: 0;
    max-width: 115px
}

.apm-panel-head__block .apm-panel-head__text--cashback {
    color: #008000
}

.apm-panel.open .apm-panel-head__block .apm-panel-head__text--cashback {
    color: #c0d3e3
}

.apm-panel-head__block:not(:first-child) .apm-panel-head__subtext,
.apm-panel-head__block:not(:first-child) .apm-panel-head-components__subtext,
.apm-panel-head__block:not(:first-child) .apm-bingo__subtext,
.apm-panel-head__block:not(:first-child) .app-coupon-details__title,
.apm-panel-head__block:not(:first-child) .app-coupon-details_long__title,
.apm-panel-head__block:not(:first-child) .app-coupon-details_name__title {
    font-size: .6875em;
    font-weight: 400;
    color: #1f70af
}

.apm-panel-head__block_name .apm-panel-head__subtext,
.apm-panel-head__block_name .apm-panel-head-components__subtext,
.apm-panel-head__block_name .apm-bingo__subtext,
.apm-panel-head__block_name .app-coupon-details__title,
.apm-panel-head__block_name .app-coupon-details_long__title,
.apm-panel-head__block_name .app-coupon-details_name__title {
    font-size: .6875em;
    font-weight: 400;
    color: #1f70af
}

.apm-panel-head__href--cashback {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%
}

.apm-panel.open .apm-panel-head__href--cashback .apm-panel-head__subtext,
.apm-panel.open .apm-panel-head__href--cashback .apm-panel-head-components__subtext,
.apm-panel.open .apm-panel-head__href--cashback .apm-bingo__subtext,
.apm-panel.open .apm-panel-head__href--cashback .app-coupon-details__title,
.apm-panel.open .apm-panel-head__href--cashback .app-coupon-details_long__title,
.apm-panel.open .apm-panel-head__href--cashback .app-coupon-details_name__title {
    color: #fff
}

.apm-panel-head__block_name {
    flex: 3 3 40%;
    padding-left: 27px
}

.apm-panel-head__block_name.composed {
    position: relative;
    cursor: pointer
}

.apm-panel-head__block_name.composed.showhistoryitem--is-open::before {
    transform: translateY(-50%) rotate(180deg)
}

.apm-panel-head__block_name.composed::before {
    content: '\f0d7';
    position: absolute;
    top: 50%;
    left: 5px;
    font-family: FontAwesome, sans-serif;
    font-size: 14px;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out
}

.apm-panel-head__text,
.apm-panel-head-components__text,
.apm-bingo__text,
.app-coupon-details__value,
.app-coupon-details_long__value,
.app-coupon-details_name__value {
    margin: 0;
    font-size: .75em;
    font-weight: 500;
    line-height: 120%;
    color: #103656
}

.apm-panel.open [class*='apm-panel-head__block'] .apm-panel-head__text,
.apm-panel.open [class*='apm-panel-head__block'] .apm-panel-head-components__text,
.apm-panel.open [class*='apm-panel-head__block'] .apm-bingo__text,
.apm-panel.open [class*='apm-panel-head__block'] .app-coupon-details__value,
.apm-panel.open [class*='apm-panel-head__block'] .app-coupon-details_long__value,
.apm-panel.open [class*='apm-panel-head__block'] .app-coupon-details_name__value,
.apm-panel.open .apm-panel-head__line .apm-panel-head__text,
.apm-panel.open .apm-bingo__line .apm-panel-head__text,
.apm-panel.open .apm-panel-head__line .apm-panel-head-components__text,
.apm-panel.open .apm-bingo__line .apm-panel-head-components__text,
.apm-panel.open .apm-panel-head__line .apm-bingo__text,
.apm-panel.open .apm-bingo__line .apm-bingo__text,
.apm-panel.open .apm-panel-head__line .app-coupon-details__value,
.apm-panel.open .apm-bingo__line .app-coupon-details__value,
.apm-panel.open .apm-panel-head__line .app-coupon-details_long__value,
.apm-panel.open .apm-bingo__line .app-coupon-details_long__value,
.apm-panel.open .apm-panel-head__line .app-coupon-details_name__value,
.apm-panel.open .apm-bingo__line .app-coupon-details_name__value {
    color: #c0d3e3
}

@media (max-width: 1366px) {
    .apm-panel-head__text,
    .apm-panel-head-components__text,
    .apm-bingo__text,
    .app-coupon-details__value,
    .app-coupon-details_long__value,
    .app-coupon-details_name__value {
        font-size: 11px
    }
}

@media (min-width: 1367px) and (max-width: 1599px) {
    .apm-panel-head__text,
    .apm-panel-head-components__text,
    .apm-bingo__text,
    .app-coupon-details__value,
    .app-coupon-details_long__value,
    .app-coupon-details_name__value {
        font-size: 12px
    }
}

.apm-panel-head__subtext,
.apm-panel-head-components__subtext,
.apm-bingo__subtext,
.app-coupon-details__title,
.app-coupon-details_long__title,
.app-coupon-details_name__title {
    margin: 0;
    font-size: .75em;
    font-weight: 700;
    color: #103758
}

.apm-panel.open [class*='apm-panel-head__block'] .apm-panel-head__subtext,
.apm-panel.open [class*='apm-panel-head__block'] .apm-panel-head-components__subtext,
.apm-panel.open [class*='apm-panel-head__block'] .apm-bingo__subtext,
.apm-panel.open [class*='apm-panel-head__block'] .app-coupon-details__title,
.apm-panel.open [class*='apm-panel-head__block'] .app-coupon-details_long__title,
.apm-panel.open [class*='apm-panel-head__block'] .app-coupon-details_name__title,
.apm-panel.open .apm-panel-head__line .apm-panel-head__subtext,
.apm-panel.open .apm-bingo__line .apm-panel-head__subtext,
.apm-panel.open .apm-panel-head__line .apm-panel-head-components__subtext,
.apm-panel.open .apm-bingo__line .apm-panel-head-components__subtext,
.apm-panel.open .apm-panel-head__line .apm-bingo__subtext,
.apm-panel.open .apm-bingo__line .apm-bingo__subtext,
.apm-panel.open .apm-panel-head__line .app-coupon-details__title,
.apm-panel.open .apm-bingo__line .app-coupon-details__title,
.apm-panel.open .apm-panel-head__line .app-coupon-details_long__title,
.apm-panel.open .apm-bingo__line .app-coupon-details_long__title,
.apm-panel.open .apm-panel-head__line .app-coupon-details_name__title,
.apm-panel.open .apm-bingo__line .app-coupon-details_name__title {
    color: #fff
}

.apm-panel-head__subtext.promo,
.promo.apm-panel-head-components__subtext,
.promo.apm-bingo__subtext,
.promo.app-coupon-details__title,
.promo.app-coupon-details_long__title,
.promo.app-coupon-details_name__title {
    background-image: linear-gradient(to right, #759e2e, transparent);
    color: #103656
}

.apm-panel-head__subtext--empty {
    margin-bottom: 10px
}

@media (max-width: 1599px) {
    .apm-panel-head__subtext,
    .apm-panel-head-components__subtext,
    .apm-bingo__subtext,
    .app-coupon-details__title,
    .app-coupon-details_long__title,
    .app-coupon-details_name__title {
        font-size: 11px
    }
}

.apm-panel-head__button {
    font-size: 1em;
    position: relative;
    background-color: transparent;
    border: transparent;
    color: #286ba6;
    cursor: pointer
}

.apm-panel.open [class*='apm-panel-head__block'] .apm-panel-head__button {
    color: #fff
}

.apm-panel.open [class*='apm-panel-head__block'] .apm-panel-head__button::before {
    border-bottom: 1px dashed #fff
}

.apm-panel-head__button::before {
    content: '';
    position: absolute;
    border-bottom: 1px dashed #286ba6;
    width: 86%;
    height: 1px;
    bottom: -1px
}

.apm-panel-head__button:hover {
    color: #3385ce
}

.apm-panel-head__button:hover::before {
    border-bottom: 1px dashed #3385ce
}

.apm-panel-head__controls {
    display: flex;
    float: right;
    flex-direction: column;
    width: 80px;
    margin-left: 10px
}

.apm-panel-head__controls div {
    display: flex;
    cursor: pointer;
    flex: 0 0 19px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    text-align: center;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 10px;
    transition: background-color 0.3s;
    will-change: background-color
}

.apm-panel-head-components {
    display: none;
    position: absolute;
    top: 0;
    left: 2.16667em;
    z-index: 6
}

.apm-panel-head-components__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .41667em 1.66667em .41667em 2.08333em;
    min-height: 4.5em;
    box-shadow: inset 4px 0 0 #969696;
    background-color: #fff
}

.apm-panel-head-components__item+.apm-panel-head-components__item {
    border-top: 1px solid #f0f3f5
}

.apm-panel-head-components__item.win {
    box-shadow: inset 4px 0 0 #57c214
}

.apm-panel-head-components__item.lose {
    box-shadow: inset 4px 0 0 #f59494
}

.apm-panel-head__result,
.app-coupon__result,
.apm-panel-head__coef,
.app-coupon__coef {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    padding: 2px 3px;
    min-height: 34px;
    margin-right: 10px;
    margin-left: auto;
    overflow: hidden;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    word-break: break-all
}

.apm-panel-head__result.win,
.win.app-coupon__result,
.apm-panel-head__coef.win,
.win.app-coupon__coef {
    background-color: #57c214;
    color: #fff
}

.apm-panel-head__result.lose,
.lose.app-coupon__result,
.apm-panel-head__coef.lose,
.lose.app-coupon__coef {
    background-color: #f59494;
    color: #fff
}

.apm-panel-head__result,
.app-coupon__result {
    flex: 0 0 140px;
    background-color: #c0d3e3;
    color: #103656
}

.apm-panel-head__coef,
.app-coupon__coef {
    flex: 0 0 77px;
    font-weight: 500;
    color: #fff
}

.apm-panel-head__expand {
    display: flex;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 20px;
    height: 100%;
    border: none;
    background: none;
    transition: transform 0.3s;
    will-change: transform
}

.apm-panel-head__expand:focus {
    outline: none
}

.apm-panel-head__expand::before {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 24px;
    color: #103656
}

.apm-panel.open .apm-panel-head__expand {
    transform: rotate(180deg)
}

.apm-panel__hash {
    padding: 0 calc(15px + 1%);
    border-width: 0 1px;
    border-style: solid;
    border-color: #f6f8f9;
    background-color: #f6f8f9;
    font-size: 13px;
    line-height: 2;
    color: #103656;
    transition: border-color 0.3s;
    will-change: border-color
}

.apm-panel.open .apm-panel__hash {
    border-color: #4b88b9
}

@media (max-width: 1599px) {
    .apm-panel__hash {
        font-size: 11px
    }
}

.apm-panel__body {
    display: none;
    border: 1px solid #4b88b9;
    border-width: 0 1px 1px;
    background-color: #f0f3f5
}

.apm__panels .apm-panel__body {
    display: block
}

.apm-bingo {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 54px;
    margin-top: 10px;
    background-color: #f0f3f5
}

.apm-bingo__type {
    flex: 1 2 10%;
    min-width: 0;
    margin: 0 1%;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700
}

.apm-bingo__line {
    flex: 2 1 12%
}

.apm-bingo__btn {
    flex: 0 0 auto;
    height: 30px;
    text-transform: none;
    font-size: 14px
}

.apm-pages {
    display: flex;
    padding: 0 20px
}

.apm-pages__item {
    cursor: pointer;
    height: 42px;
    box-shadow: inset 0 0 0 #a3d93f;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    line-height: 42px;
    color: #fff;
    transition: color 0.3s, box-shadow 0.3s;
    will-change: color, box-shadow
}

.apm-pages__item~.apm-pages__item {
    margin-left: 60px
}

.apm-pages__item:hover {
    box-shadow: inset 0 -3px 0 #a3d93f
}

.apm-pages__item.active {
    box-shadow: inset 0 -3px 0 #a3d93f;
    color: #a3d93f
}

.apm-steam {
    display: flex
}

.apm-steam__links {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.apm-steam__form~.apm-steam__links {
    margin-left: 25px
}

.apm-steam__link {
    flex: 0 0 auto;
    align-self: center;
    width: 500px;
    margin: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px
}

.apm-steam__link a {
    text-decoration: underline;
    color: #5fb0f2
}

.apm-steam__link a:hover {
    text-decoration: none
}

.apm-steam__token {
    flex: 0 0 auto;
    width: 500px;
    height: 40px;
    font-size: 12px
}

.apm-steam__form {
    margin-bottom: 0
}

.apm-steam__links~.apm-steam__form {
    margin-left: 25px
}

.apm-steam__row {
    display: flex
}

.apm-steam__row~.apm-steam__row {
    margin-top: 5px
}

.apm-steam__btn_history {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center
}

.apm-steam__btn_token::before {
    content: '\f079';
    font-size: 20px
}

.apm-steam__btn_account {
    display: block;
    padding: 0 10px;
    max-width: 250px;
    margin: 5px 0 0;
    text-align: center;
    line-height: 40px
}

.apm-steam__btn_account:hover {
    padding: 0 10px
}

.apm-steam__btn_login {
    background-color: #759e2e
}

.apm-steam__btn_login:hover {
    background-color: #5c7b24
}

.apm-steam__btn_login::before {
    content: '\f1b6';
    margin-right: 8px;
    font-family: 'FontAwesome';
    color: #fff
}

.apm-steam__tutorial {
    padding-left: 15px;
    margin: 0;
    font-size: 14px
}

.apm-steam__tutorial li {
    margin: 5px 0
}

.apm-steam__tutorial li~li {
    margin-top: 10px
}

.apm-steam__tutorial img {
    display: block;
    margin-top: 3px;
    border: 1px solid #fff
}

.apm-steam__tutorial ul,
.apm-steam__tutorial ol {
    padding-left: 15px
}

[class*='apm-steam__btn'] {
    position: relative;
    flex: 0 0 auto;
    padding: 0 0 0 42px;
    max-width: 42px;
    height: 40px;
    margin-left: 5px;
    overflow: hidden;
    transition: padding 0.3s, max-width 0.3s, background-color 0.3s;
    will-change: padding, max-width, background-color
}

[class*='apm-steam__btn']~[class*='apm-steam__btn'] {
    margin-left: 10px
}

[class*='apm-steam__btn']::before {
    display: flex;
    position: absolute;
    top: 0;
    left: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-right: 10px;
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #fff;
    transition: margin-right 0.3s;
    will-change: margin-right
}

[class*='apm-steam__btn']:hover,
[class*='apm-steam__btn'].active {
    padding: 0 10px 0 42px;
    max-width: 250px
}

.apm-stocks {
    display: flex;
    margin: 5px 0
}

.apm-stocks__item {
    flex: 1 1 45%
}

.apm-stocks__item:nth-child(2n) {
    margin-top: 0;
    margin-left: 5px
}

.apm-stocks__settings {
    display: flex;
    position: relative;
    margin-right: 10px
}

.apm-stocks__btn_refresh {
    padding: 0 13px
}

.apm-stocks__btn_refresh::before {
    content: '\f021';
    display: block;
    transition: transform 0.3s;
    will-change: transform
}

.apm-stocks__btn_refresh:active::before {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.apm-stocks__btn_buyback {
    padding: 0 12px
}

.apm-stocks__btn_buyback::before {
    content: '\f0e2'
}

.apm-stocks__btn_sell::before {
    content: '\f155';
    margin-right: 5px;
    font-size: 13px
}

.apm-stocks__btn_buy::before {
    content: '\f07a';
    margin-right: 5px;
    font-size: 13px
}

.apm-stocks__btn_exchange,
.apm-stocks__btn_buyout {
    background-color: #759e2e
}

.apm-stocks__btn_exchange:hover,
.apm-stocks__btn_buyout:hover {
    background-color: #5c7b24
}

.apm-stocks__btn_exchange {
    width: 156px
}

.apm-stocks__btn_exchange::before {
    content: '\f104';
    margin-right: 10px
}

.apm-stocks__btn_buyout {
    width: 156px
}

.apm-stocks__btn_buyout::after {
    content: '\f105';
    margin-left: 10px
}

.apm-stocks__filters {
    display: none;
    position: absolute;
    top: 110%;
    right: -100px;
    z-index: 11;
    box-shadow: 0 0 1px #0c2f4b;
    background-color: #f0f3f5
}

.apm-stocks__options {
    padding: 0;
    margin: 0;
    background-image: linear-gradient(to bottom, #f0f3f5, #d1dae1);
    list-style: none
}

.apm-stocks__options input[type='checkbox'] {
    display: none
}

.apm-stocks__options label {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 3px;
    outline: none;
    border-bottom: 1px solid #d0dae1;
    font-size: 12px;
    line-height: 14px;
    color: #103656;
    transition: color 0.3s;
    will-change: color
}

.apm-stocks__options label::before {
    content: '';
    display: block;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    margin-left: 3px;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #183e5d;
    background-color: transparent;
    transition: background-color 0.3s;
    will-change: background-color
}

.apm-stocks__options label:last-of-type {
    border-bottom: none
}

.apm-stocks__options label:hover,
.apm-stocks__options label:focus {
    color: #1f70ad
}

.apm-stocks__options input:checked+label::before {
    background-color: #84b332
}

.apm-stocks__list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    height: 450px;
    margin-top: 15px;
    overflow: hidden;
    background-color: #c0d3e3
}

.apm-stocks__list.scroll-wrapper {
    display: block;
    margin: 25px 10px 10px;
    box-shadow: 0 0 0 10px #c0d3e3
}

.scroll-wrapper .apm-stocks__list {
    flex: 1 1 100%;
    height: 450px !important;
    overflow-x: hidden !important
}

.apm-stocks__list.apm__preloader_large {
    width: auto
}

.apm-stocks__list-item {
    position: relative;
    cursor: pointer;
    flex: 0 0 auto;
    width: 23%;
    min-width: 0;
    margin-right: 2%;
    border: 2px solid transparent;
    background-color: #333;
    transition: border-color 0.3s, opacity 0.3s;
    will-change: border-color, opacity
}

.apm-stocks__list-item:hover,
.apm-stocks__list-item.active {
    border-color: #759e2e
}

.apm-stocks__list-item:nth-child(n+5) {
    margin-top: 10px
}

.apm-stocks__list-item.no-tradable {
    opacity: 0.4;
    cursor: pointer;
    pointer-events: auto
}

.apm-stocks__list-item.reserved,
.apm-stocks__list-item.awaiting {
    opacity: 0.7
}

.apm-stocks__item:only-of-type .apm-stocks__list-item {
    width: 11%;
    margin-right: 1.5%
}

.apm-stocks__item:only-of-type .apm-stocks__list-item:nth-child(n+4) {
    margin-top: 0
}

.apm-stocks__item:only-of-type .apm-stocks__list-item:nth-child(n+9) {
    margin-top: 10px
}

@media (min-width: 1367px) and (max-width: 1599px) {
    .apm-stocks__item:only-of-type .apm-stocks__list-item {
        width: 15%;
        margin-right: 1.66%
    }
    .apm-stocks__item:only-of-type .apm-stocks__list-item:nth-child(n+7) {
        margin-top: 10px
    }
}

@media (max-width: 1366px) {
    .apm-stocks__item:only-of-type .apm-stocks__list-item {
        width: 23%;
        margin-right: 2%
    }
    .apm-stocks__item:only-of-type .apm-stocks__list-item:nth-child(n+5) {
        margin-top: 10px
    }
}

@media (min-width: 1367px) and (max-width: 1599px) {
    .apm-stocks__list-item {
        width: 30%;
        margin-right: 3.3%
    }
    .apm-stocks__list-item:nth-child(n+4) {
        margin-top: 10px
    }
}

.apm-stocks__accepting {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.1vw;
    font-weight: 700;
    word-break: break-all
}

.awaiting .apm-stocks__accepting {
    display: flex
}

.apm-stocks__selected {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(132, 178, 52, 0.3);
    transition: opacity 0.3s;
    will-change: opacity
}

.active .apm-stocks__selected {
    opacity: 1
}

.apm-stocks__selected::before {
    content: '\f00c';
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-shadow: 1px 1px 2px #000;
    font-family: FontAwesome;
    font-size: 3.5vw;
    color: rgba(168, 209, 97, 0.9)
}

@media (min-width: 1367px) and (max-width: 1599px) {
    .apm-stocks__selected::before {
        font-size: 5vw
    }
}

@media (max-width: 1366px) {
    .apm-stocks__selected::before {
        font-size: 7vw
    }
}

.apm-stocks__info {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 1;
    padding: 5px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: #c0d3e3;
    text-align: center;
    font-size: 0.6vw;
    color: #fff;
    transform: translateY(-100%);
    transition: visibility 0.3s, transform 0.3s, opacity 0.3s;
    will-change: visibility, transform, opacity
}

.apm-stocks__info.visible {
    visibility: visible;
    opacity: 1;
    transform: none
}

.awaiting .apm-stocks__info {
    display: none
}

@media (min-width: 1367px) and (max-width: 1599px) {
    .apm-stocks__info {
        font-size: 0.8vw
    }
}

@media (max-width: 1366px) {
    .apm-stocks__info {
        font-size: 1vw
    }
}

.apm-stocks__image {
    display: block;
    position: relative;
    padding-top: 69%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.apm-stocks__cost {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    align-content: center;
    align-items: center;
    padding: 0 10px;
    width: 100%;
    height: 22px;
    background-color: rgba(70, 130, 180, 0.5)
}

.apm-stocks__date {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: #fff
}

.apm-stocks__value {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff
}

.apm-stocks__coef {
    flex: 0 0 auto;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    color: #c0d3e3
}

.apm-stocks__desc {
    padding: 0 10px;
    width: 100%;
    height: 25px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 25px;
    white-space: nowrap;
    color: #fff
}

.apm-stocks__price {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 3px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: #fff
}

.apm-stocks .scroll-element.scroll-y {
    right: 0 !important;
    width: 7px !important
}

.apm-stocks .scroll-element.scroll-x {
    display: none
}

.apm-stocks .scroll-element .scroll-element_outer {
    border-radius: 0
}

.apm-stocks .scroll-element .scroll-element_outer .scroll-element_track {
    opacity: 1;
    border-radius: 0;
    background-color: #8f9da8
}

.apm-stocks .scroll-element .scroll-element_outer .scroll-bar {
    opacity: 1;
    border-radius: 0;
    background-color: #759e2e
}

@media (max-width: 1366px) {
    .apm-stocks {
        display: block
    }
    .apm-stocks__item:nth-child(2n) {
        margin-top: 5px;
        margin-left: 0
    }
}

[class*='apm-stocks__btn'] {
    flex: 0 0 auto;
    padding: 0 7px;
    height: auto;
    font-weight: 500
}

[class*='apm-stocks__btn']~[class*='apm-stocks__btn'] {
    margin-left: 8px
}

[class*='apm-stocks__btn']::before,
[class*='apm-stocks__btn']::after {
    font-family: FontAwesome;
    font-size: 14px
}

[class*='apm-stocks__btn'].disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none
}

.apm-exchange__period {
    display: flex;
    margin-right: 7px
}

.apm-exchange__datepicker input {
    height: auto
}

.apm-exchange__btn {
    padding: 0 3px;
    width: 155px;
    height: auto;
    background-color: #183e5d
}

.apm-exchange__btn:hover {
    background-color: #175482
}

.apm-exchange__btn::after {
    content: '\f103';
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    font-family: FontAwesome;
    font-size: 16px
}

.apm-exchange__list {
    margin-top: 22px
}

.apm-exchange__entry {
    display: flex;
    position: relative;
    padding: 0 50px 0 25px;
    background-color: #183e5d
}

.apm-exchange__entry+.apm-exchange__entry {
    margin-top: 10px
}

.apm-exchange__entry::before {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 100%;
    font-family: FontAwesome;
    font-size: 24px;
    color: #fff
}

.apm-exchange__entry.Processing {
    background-image: linear-gradient(to left, #235986 50px, rgba(35, 89, 134, 0.2) 50px, transparent)
}

.apm-exchange__entry.Processing::before {
    content: '\f017'
}

.apm-exchange__entry.Failed {
    background-image: linear-gradient(to left, #f9c2c2 50px, rgba(249, 194, 194, 0.2) 50px, transparent)
}

.apm-exchange__entry.Failed::before {
    content: '\f00d'
}

.apm-exchange__entry.Done {
    background-image: linear-gradient(to left, #92c639 50px, rgba(146, 198, 57, 0.2) 50px, transparent)
}

.apm-exchange__entry.Done::before {
    content: '\f00c'
}

.apm-exchange__entry.Declined {
    background-image: linear-gradient(to left, #e0c952 50px, rgba(224, 201, 82, 0.8) 50px, transparent)
}

.apm-exchange__entry.Declined::before {
    content: '\f132'
}

.apm-exchange__date {
    display: flex;
    flex: 0 0 120px;
    align-content: center;
    align-items: center;
    align-self: center;
    height: 55px;
    font-size: 14px;
    color: #fff
}

.apm-exchange__type {
    display: flex;
    flex: 0 0 20px;
    align-content: center;
    align-items: center;
    align-self: center
}

.apm-exchange__icon path {
    fill-rule: evenodd
}

.apm-exchange__icon.buy path {
    fill: #759e2e
}

.apm-exchange__icon.sell path {
    fill: #c0d3e3
}

.apm-exchange__stocks {
    display: flex;
    flex: 1 1 auto;
    padding: 0 20px;
    min-width: 0
}

.apm-exchange__stock {
    display: flex;
    flex: 1 0 10%;
    padding: 0 20px
}

.apm-exchange__title {
    display: flex;
    flex: 0 0 auto;
    align-content: center;
    align-items: center;
    width: auto;
    margin: 0 20px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #c0d3e3
}

.apm-exchange__items {
    display: flex;
    flex: 1 0 10%;
    flex-wrap: wrap;
    align-content: center;
    align-items: center
}

.apm-exchange__item {
    flex: 0 0 auto;
    width: 60px;
    margin: 5px;
    image-rendering: -webkit-optimize-contrast
}

.apm-exchange__names,
.apm-exchange__worth {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-self: center;
    font-size: 14px;
    color: #fff
}

.apm-exchange__names {
    justify-content: flex-start;
    width: 220px
}

.apm-exchange__names span:not(:last-of-type)::after {
    content: ',';
    margin-right: 5px
}

.apm-exchange__worth {
    justify-content: flex-end;
    width: auto
}

.apm-exchange__result {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #c0d3e3
}

.apm-exchange__cancel {
    display: flex;
    cursor: pointer;
    flex: 0 0 auto;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-content: center;
    padding: 0 5px;
    height: 25px;
    margin: 5px;
    border: none;
    background: #408ece;
    font-size: 14px;
    color: #fff;
    transition: background 0.3s;
    will-change: background
}

.apm-exchange__cancel:hover {
    background: #69a6d8
}

.apm-exchange__value {
    flex: 0 0 auto;
    margin-left: 10px
}

.apm-admin__textarea {
    padding: 10px 15px;
    width: 100%;
    height: 163px;
    margin-bottom: 20px;
    resize: none;
    outline: none;
    border: 1px solid #99a7b2;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    color: #1f70ad
}

.apm-admin__textarea::-webkit-input-placeholder {
    color: #c0d3e3
}

.apm-admin__textarea::-moz-placeholder {
    color: #c0d3e3
}

.apm-admin__textarea:-ms-input-placeholder {
    color: #c0d3e3
}

.apm-admin__textarea:placeholder {
    color: #c0d3e3
}

.apm-admin__btn {
    display: block;
    width: 306px;
    height: 46px;
    margin-top: 20px;
    font-size: 14px
}

.apm-flow__download {
    width: 100%;
    height: 125px;
    margin-bottom: 12px;
    background-color: #183e5d;
    text-transform: none;
    font-size: 15px;
    color: #c0d3e3;
    transition: color 0.3s, background-color 0.3s;
    will-change: color, background-color
}

.apm-flow__download::before {
    content: '\f0ed';
    position: relative;
    top: 5px;
    margin-right: 10px;
    font-family: FontAwesome;
    font-size: 30px
}

.apm-flow__download:hover {
    background-color: #1f70ad;
    color: #fff
}

.apm-flow__field {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 13px;
    height: 55px;
    background-color: #183e5d
}

.apm-flow__field+.apm-flow__field {
    margin-top: 12px
}

.apm-flow__date {
    flex: 0 0 125px;
    padding-right: 10px;
    font-size: 14px;
    color: #c0d3e3
}

.apm-flow__desc {
    flex: 1 1 100%;
    padding: 0 10px;
    min-width: 0;
    font-size: 14px;
    color: #fff
}

.apm-flow__ico_in::before {
    content: '\f177'
}

.apm-flow__ico_out::before {
    content: '\f178'
}

.apm-flow__pages {
    display: flex;
    justify-content: center;
    height: 29px;
    margin-top: 17px
}

.apm-flow__prev,
.apm-flow__page,
.apm-flow__next {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #183e5d;
    font-size: 13px;
    color: #fff
}

.apm-flow__prev:hover,
.apm-flow__page:hover,
.apm-flow__next:hover {
    background-color: #1f70ad
}

.apm-flow__prev+.apm-flow__prev,
.apm-flow__page+.apm-flow__prev,
.apm-flow__next+.apm-flow__prev,
.apm-flow__prev+.apm-flow__page,
.apm-flow__page+.apm-flow__page,
.apm-flow__next+.apm-flow__page,
.apm-flow__prev+.apm-flow__next,
.apm-flow__page+.apm-flow__next,
.apm-flow__next+.apm-flow__next {
    margin-left: 10px
}

.apm-flow__prev::before {
    content: '\f104';
    font-family: FontAwesome;
    font-size: 13px
}

.apm-flow__next::before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 13px
}

[class*='apm-flow__ico'] {
    display: flex;
    flex: 0 0 53px;
    align-items: center;
    justify-content: center;
    height: 35px;
    background-color: #c0d3e3
}

[class*='apm-flow__ico']::before {
    font-family: FontAwesome;
    font-size: 24px;
    color: #fff
}

[class*='apm-flow__ico'].ok {
    background-color: #57c214
}

[class*='apm-flow__ico'].err {
    background-color: #f59494
}

[class*='apm-flow__ico'].noarrow::before {
    content: none !important
}

[class*='apm-flow__ico'].noarrow {
    flex-basis: 120px;
    padding: 4px;
    text-align: center;
    color: white
}

.apm-give__wrap {
    display: flex
}

@media (max-width: 1366px) {
    .apm-give__wrap {
        flex-wrap: wrap
    }
}

.apm-give__col {
    flex: 1 1 100%
}

.apm-give__col+.apm-give__col {
    margin-left: 20px
}

@media (max-width: 1366px) {
    .apm-give__col+.apm-give__col {
        margin-top: 20px;
        margin-left: 0
    }
}

.apm-give__col.disabled {
    opacity: 0.5;
    pointer-events: none
}

.apm-give__name {
    width: 100%;
    height: 42px;
    background-color: #183e5d;
    text-align: center;
    font-size: 15px;
    line-height: 42px;
    color: #fff
}

.apm-give__input {
    margin-top: 20px
}

.apm-give__btn,
.apm-give__btn_alt {
    width: 100%;
    height: 42px;
    margin-top: 20px
}

.apm-fcpay {
    margin-top: 15px
}

.apm-fcpay__content {
    display: flex
}

.apm-fcpay__label,
.apm-fcpay__submit {
    flex: 0 0 auto;
    width: 200px
}

.apm-fcpay__label {
    text-transform: uppercase;
    line-height: 160%
}

.apm-fcpay__input {
    height: 30px
}

.apm-fcpay__submit {
    margin-left: 10px
}

.apm-fcpay__btn {
    width: 100%;
    height: 100%;
    font-size: 15px
}

.apm-fcpay__footer {
    text-transform: uppercase;
    line-height: 300%
}

.apm-fcpay__footer span {
    color: #89c02a
}

.apm-bonuses {
    position: relative
}

.apm-bonuses__promo p {
    font-size: 15px
}

.apm-bonuses-promo__wrap {
    display: flex;
    align-items: center
}

.apm-bonuses-promo__input {
    box-sizing: border-box;
    padding: 0 10px;
    width: 160px;
    height: 36px;
    outline: none;
    border: 1px solid #99a7b2;
    background: none;
    text-align: center;
    font-size: 14px;
    color: #f7bd40
}

.apm-bonuses-promo__button {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    min-width: 2.76923em;
    height: 2.76923em;
    margin-left: .53846em;
    background-image: linear-gradient(to top, #d6b274 0, #fee5a5 50%, #c39d5f 100%);
    text-transform: uppercase;
    font-size: 1.08333em;
    font-weight: 500;
    color: #17324e;
    transition: background 0.2s ease-in-out
}

.apm-bonuses-promo__button:hover {
    background: linear-gradient(to top, #e2c188 0, #f1e8d1 50%, #e9be79 100%)
}

.apm-bonuses__list {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin-left: -14px
}

.apm-bonuses-single {
    position: relative;
    padding-bottom: 44px;
    width: 200px;
    height: auto;
    min-height: 475px;
    margin: 15px 14px 0;
    border: 1px solid #99a7b2;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.48);
    background: #1d3954;
    color: #fff
}

.apm-bonuses-single.closed {
    opacity: 0.5
}

.apm-bonuses-single__delete {
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
    color: #fff;
    transition: color 0.2s ease-in-out
}

.apm-bonuses-single__delete::before {
    content: '\f014';
    font-family: FontAwesome;
    font-size: 24px
}

.apm-bonuses-single__delete:hover {
    color: #fae0a0
}

.apm-bonuses-single__img {
    height: 145px
}

.bonus .apm-bonuses-single__img {
    background: url("/themes/genfiles/cms/99-61/desktop/bonuses/bonus.png") no-repeat center -20px
}

.free-spin .apm-bonuses-single__img {
    background: url("/themes/genfiles/cms/99-61/desktop/bonuses/free-spin.png") no-repeat center -20px
}

.closed .apm-bonuses-single__img {
    background: url("/themes/genfiles/cms/99-61/desktop/bonuses/bonus_close.png") no-repeat center center
}

.apm-bonuses-single--new.bonus .apm-bonuses-single__img {
    background: url("/themes/genfiles/cms/desktop/bonuses/bonus.png") no-repeat center 0
}

.apm-bonuses-single--new.free-spin .apm-bonuses-single__img {
    background: url("/themes/genfiles/cms/desktop/bonuses/free-spin.png") no-repeat center 0
}

.apm-bonuses-single--new.closed .apm-bonuses-single__img {
    background: url("/themes/genfiles/cms/desktop/bonuses/bonus_close.png") no-repeat center center
}

.apm-bonuses-single__name {
    position: relative;
    width: calc(100% + 14px);
    height: 35px;
    margin-left: -7px;
    background-image: linear-gradient(to right, #c49f61, #fce4a4, #c49f61);
    line-height: 35px
}

.apm-bonuses-single__name::before,
.apm-bonuses-single__name::after {
    content: '';
    position: absolute;
    bottom: -2px
}

.apm-bonuses-single__name::before {
    left: 0;
    border-top: 2px solid #356892;
    border-left: 7px solid transparent
}

.apm-bonuses-single__name::after {
    right: 0;
    border-top: 2px solid #356892;
    border-right: 7px solid transparent
}

.apm-bonuses-single__name-item {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    color: #312f2c
}

.apm-bonuses-single--new .apm-bonuses-single__name-item {
    color: #17324e
}

.apm-bonuses-single__timer .timer-title {
    margin: 3px 0;
    text-align: center;
    font-size: 13px
}

.apm-bonuses-single__countdown {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 24px
}

.apm-bonuses-single__countdown .countdown-section {
    display: flex;
    flex-direction: column;
    align-items: center
}

.apm-bonuses-single__countdown .countdown-section:first-child {
    margin-right: auto
}

.apm-bonuses-single__countdown .countdown-amount,
.apm-bonuses-single__countdown .countdown-sep {
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(bottom, #d6b274 0, #fee5a5 50%, #c39d5f 100%);
    font-size: 18px;
    line-height: 18px;
    color: #fee5a5;
    -webkit-text-fill-color: transparent
}

.apm-bonuses-single__countdown .countdown-period {
    font-size: 10px;
    color: #958e84
}

.apm-bonuses-single__countdown .countdown-sep {
    margin: 0 5px
}

.apm-bonuses-single__info,
.apm-bonuses-single__extra {
    position: relative;
    padding: 10px 10px 0;
    margin: 10px 0 0;
    text-align: center
}

.apm-bonuses-single__info::before,
.apm-bonuses-single__extra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 80%;
    height: 1px;
    background: #dfe9f1;
    color: #fee5a5;
    transform: translateX(-50%)
}

.apm-bonuses-single__extra .bonuses-action__text {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px
}

.apm-bonuses-single__extra .bonuses-action__count {
    display: flex;
    justify-content: center;
    margin: 9px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 16px;
    color: #f3dca0
}

.apm-bonuses-single__extra .bonuses-action__wager {
    display: flex;
    align-items: center;
    justify-content: center
}

.apm-bonuses-single__extra .bonuses-action__start {
    color: #f3dca0
}

.apm-bonuses-single__extra .bonuses-action__end {
    color: #958e84
}

.apm-bonuses-single__extra .bonuses-action__end::before {
    content: '/';
    font-size: 18px;
    color: #958e84
}

@supports (-webkit-background-clip: text) {
    .apm-bonuses-single__extra .bonuses-action__end::before {
        background: linear-gradient(to bottom, #958e84, #958e84);
        -webkit-background-clip: text
    }
}

@supports (-webkit-background-clip: text) {
    .apm-bonuses-single__extra .bonuses-action__end {
        background: linear-gradient(to bottom, #958e84, #958e84);
        -webkit-background-clip: text
    }
}

.apm-bonuses-single__link {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.apm-bonuses-single__button {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: calc(100% - 20px);
    height: 34px;
    border: 0;
    background-image: linear-gradient(to top, #d6b376 0, #fee5a4 50%, #c39d60 100%);
    font-size: 15px;
    font-weight: 500;
    color: #17324f
}

.closed .apm-bonuses-single__button {
    cursor: initial;
    border: 1px solid #fde3a3;
    background: none;
    color: #fde5a4
}

.apm-bonuses-single__top {
    margin-bottom: 10px
}

.apm-bonuses-single--new {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0;
    width: 215px
}

.apm-bonuses-single--new .apm-bonuses-single__info a {
    color: #fde6a5
}

.apm-bonuses-single--new .apm-bonuses-single__info::before,
.apm-bonuses-single--new .apm-bonuses-single__extra::before {
    background-color: rgba(255, 255, 255, 0.1)
}

.apm-bonuses-single--new .apm-bonuses-single__button {
    position: relative;
    bottom: auto;
    left: auto;
    text-align: center;
    font-size: 14px
}

.apm-bonuses-single--new .apm-bonuses-single__button--stop {
    border: 1px solid rgba(253, 230, 165, 0.52);
    background-color: transparent;
    color: #fde6a5
}

.apm-bonuses-single--new .apm-bonuses-single__button:last-child {
    margin-bottom: 0
}

.apm-bonuses-single__duration {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 5px
}

.apm-bonuses-single__moment {
    font-size: 13px;
    color: #fff
}

.apm-bonuses-single__interval {
    font-size: 10px;
    color: #958e84
}

.apm-bonuses-single__while {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fee5a4
}

.apm-bonuses-single__time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-width: 20px
}

.apm-bonuses-single__time-text {
    font-size: 10px;
    line-height: 10px;
    color: #958e84
}

.apm-bonuses-single__time--day {
    margin-right: 27px
}

.apm-bonuses-single__separator {
    display: inline-block;
    margin: 0 9px
}

.apm-bonuses-wagners {
    margin: 10px 0 5px 14px;
    color: #fff
}

.apm-bonuses__switches {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 15px;
    margin-bottom: 5px
}

.apm-bonuses__switcher {
    cursor: pointer;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 21px;
    color: #fff
}

.apm-bonuses__switcher--active {
    position: relative;
    color: #f3dca0
}

.apm-bonuses__switcher--active::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f3dca0
}

.apm-bonuses-experience {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 41px;
    margin-top: 10px
}

.apm-bonuses-experience__title {
    text-align: center;
    font-size: 10px;
    color: #fee5a5
}

.apm-bonuses-experience__progress {
    margin-top: 7px
}

.apm-bonuses-experience__progress .circles-wrp {
    position: relative
}

.apm-bonuses-experience__progress .circles-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 9px;
    color: #fee5a5;
    transform: translate(-50%, -70%)
}

.bonuses-action-wager__text {
    margin-left: 5px
}

.bonuses-action-wager__icon {
    flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,ICAgICAgICAgICAgICAgICAgICAgICAgPHN2Zw0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2aWV3Qm94PSIwIDAgMTggMTgiDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9IjE2Ig0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD0iMTYiDQogICAgICAgICAgICAgICAgICAgICAgICA+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRlZnM+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaW5lYXJHcmFkaWVudA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9IndhZ2VyX2ljb25fYmciDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB4MT0iMCUiDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5MT0iMCUiDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB4Mj0iMCUiDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5Mj0iMTAwJSINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDIxNCwgMTc4LCAxMTYpO3N0b3Atb3BhY2l0eToxIiAvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyNTQsIDIyOSwgMTY1KTtzdG9wLW9wYWNpdHk6MSIgLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDE5NSwgMTU3LCA5NSk7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kZWZzPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOSAwYTkgOSAwIDEgMCA5IDkgOSA5IDAgMCAwLTktOVptMy4zNSAxMy43MUw5IDEybC0zLjM1IDEuNzFMNi4zIDEwIDMuNjEgNy4zOGwzLjczLS41Nkw5IDMuNDRsMS42NiAzLjM4IDMuNzMuNTZMMTEuNyAxMFoiIGZpbGw9InVybCgjd2FnZXJfaWNvbl9iZykiIC8+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+");
    background-position: center;
    background-size: contain
}

.casino__preloader {
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.casino__preloader-icon {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0.9375em auto;
    text-rendering: auto;
    font-size: 3.75em;
    color: #fff
}

.casino__preloader-icon::before {
    content: '\f110';
    font-family: FontAwesome;
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.app-coupon__heading {
    padding-top: 10px;
    margin: 0 15px;
    font-size: 12px;
    color: #1f70ad
}

.app-coupon__heading b {
    font-size: 14px;
    font-weight: 700;
    color: #103656
}

.app-coupon__entry {
    padding: 0 10px;
    border-bottom: 1px solid #4b88b9;
    font-size: 16px
}

.app-coupon__entry-row {
    display: flex;
    align-items: center;
    padding: 7px 0
}

.app-coupon__entry-row:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0.3%;
    width: 99.4%;
    height: 1px;
    background-color: #265073
}

.app-coupon__ico,
.app-coupon-details .sport_icons,
.app-coupon__group .sport_icons,
.app-coupon-details .icon,
.app-coupon__group .icon,
.app-coupon-details_long .sport_icons,
.app-coupon-details_long .icon,
.app-coupon-details_name .sport_icons,
.app-coupon-details_name .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.app-coupon__index {
    display: flex;
    flex: 5 0 25px;
    align-items: center;
    margin: 0 1%;
    font-size: 15px;
    font-weight: 700
}

.app-coupon__group {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500
}

.app-coupon__result {
    display: block;
    flex: 0 0 10em;
    padding-top: .36364em;
    padding-bottom: .36364em;
    min-height: 1.81818em;
    overflow: hidden;
    background-color: #f0f3f5;
    text-overflow: ellipsis;
    font-family: 'Inter', sans-serif;
    font-size: .6875em;
    font-weight: 400;
    white-space: nowrap;
    color: #0c3850
}

.app-coupon__result.win {
    background-color: #d9e4c3;
    color: #6a8f28
}

.app-coupon__result.lose {
    background-color: #efc3c3;
    color: #ac3e2f
}

.app-coupon__row {
    display: flex;
    flex: 0 0 13.75em;
    align-items: center;
    justify-content: center;
    margin-right: .625em
}

.app-coupon__video {
    cursor: pointer;
    width: 20px;
    height: 13px;
    background: url("/themes/genfiles/cms/1/desktop/zone-icons/video_2.png") no-repeat center center
}

.app-coupon__stat {
    cursor: pointer;
    padding: 0;
    border: none;
    background: none
}

.app-coupon__stat:focus {
    outline: none
}

.app-coupon__summary {
    display: flex;
    position: relative;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 35px 0 15px;
    height: 40px
}

.app-coupon__refresh {
    display: flex;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 100%;
    background-image: url(/themes/genfiles/cms/desktop/all-types-images/refresh.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 0.3s;
    will-change: transform
}

.app-coupon__refresh:active {
    transform: rotate(180deg)
}

.app-coupon__bottom {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 15px;
    background-color: #4b88b9
}

.app-coupon__btn {
    position: relative;
    height: 20px;
    margin: 5px 0;
    font-size: 11px;
    background-color: #759d2d
}

.app-coupon__btn:first-child {
    margin-left: 1%
}

.app-coupon__btn+.app-coupon__btn {
    margin-left: 10px
}

.app-coupon__btn:hover {
    background-color: #93c439
}

.app-coupon__btn_sell {
    background-color: #759e2e
}

.app-coupon__btn_sell:hover {
    background-color: #5c7b24
}

.app-coupon__btn_insure:first-child {
    color: #fff !important;
    background-color: #759d2d !important
}

.app-coupon__btn_insure:first-child:hover {
    background-color: #93c439 !important
}

.app-coupon__btn_insure:last-child {
    color: #286ba6;
    background-color: #d4dee8
}

.app-coupon__btn_insure:last-child:hover {
    background-color: #f5f7fa
}

.app-coupon__btn_logs {
    background-color: #c0d3e3;
    color: #0c2f4b
}

.app-coupon__btn_logs:hover {
    background-color: #fff
}

.app-coupon__btn.disabled {
    opacity: 0.6;
    cursor: default;
    background-color: #666
}

.app-coupon__sidenote {
    display: flex;
    flex: 1 1 5%;
    flex-direction: column;
    justify-content: space-around;
    height: 32px;
    margin: 5px 10px
}

.app-coupon__sidenote:first-child {
    margin-left: 1%
}

.app-coupon__sidenote:last-child {
    margin-right: 0
}

.app-coupon__note {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    color: #c0d3e3
}

.app-coupon__note span {
    font-size: 13px;
    color: #fff
}

.app-coupon__nothing {
    height: 30px;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #103656
}

.app-coupon__stat::before {
    content: '\f080';
    text-rendering: auto;
    font: normal normal normal 0.875em/1 FontAwesome;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.app-coupon__scroll {
    max-height: 375px;
    overflow: auto
}

.app-coupon__icons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 20px;
    height: 100%
}

.app-coupon__icons .app-coupon__icon~.app-coupon__icon {
    margin-top: 10px
}

.app-coupon__icon {
    text-align: center;
    color: #000
}

.app-coupon__icon:hover {
    opacity: 0.8
}

.app-coupon .sport_icons,
.app-coupon .icon {
    width: 20px;
    height: 20px;
    left: -5px
}

.app-coupon .icon {
    fill: #4b88b9
}

.app-coupon-details,
.app-coupon__group,
.app-coupon-details_long,
.app-coupon-details_name {
    display: flex;
    flex: 1 1 12%;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    margin: 0 1%
}

.app-coupon__group+.app-coupon-details,
.app-coupon__group+.app-coupon__group,
.app-coupon__group+.app-coupon-details_long,
.app-coupon__group+.app-coupon-details_name {
    flex: 0 0 12%;
    margin-right: 70px
}

.app-coupon-details__wrap,
.app-coupon-details_long__wrap,
.app-coupon-details_name__wrap {
    flex: 1 1 auto;
    min-width: 0
}

.app-coupon-details__title,
.app-coupon-details_long__title,
.app-coupon-details_name__title {
    line-height: 19px
}

.app-coupon-details__title span,
.app-coupon-details_long__title span,
.app-coupon-details_name__title span {
    color: #103656
}

.app-coupon-details__value,
.app-coupon-details_long__value,
.app-coupon-details_name__value {
    line-height: 19px
}

.app-coupon-details__value.win,
.app-coupon-details_long__value.win,
.app-coupon-details_name__value.win {
    color: #57c214
}

.app-coupon-details__value.lose,
.app-coupon-details_long__value.lose,
.app-coupon-details_name__value.lose {
    color: #f59494
}

.app-coupon-details__value b,
.app-coupon-details_long__value b,
.app-coupon-details_name__value b {
    font-weight: 500
}

.app-coupon-details_long {
    flex: 2 1 26%
}

.app-coupon-details_name {
    position: relative;
    flex: 3 3 40%;
    padding-left: 27px
}

.app-coupon-details_name .icon {
    fill: #4b88b9;
    left: 0
}

.app-coupon-details__value {
    display: flex;
    flex-wrap: wrap;
    word-break: break-all
}

.app-coupon-details__value span {
    margin-right: 5px
}

.app-coupon-details_name .app-coupon-details__value {
    color: #103758
}

.app-coupon-details_name .app-coupon-details__value--info {
    color: #103758
}

.app-coupon-details_name .app-coupon-details__link {
    color: #34679a
}

.app-coupon-details_name .app-coupon-details__title {
    justify-content: initial;
    display: inline-flex;
    gap: .23077em
}

.app-coupon-toto {
    flex: 0 0 40px;
    text-align: center
}

.app-coupon-toto+.app-coupon-toto {
    margin-left: .3125em
}

.app-coupon-toto__type {
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    color: #1f70ad
}

.app-coupon-toto__result {
    padding: .5em .2em;
    height: 2em;
    margin: 0;
    background-color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: .625em;
    font-weight: 400;
    white-space: nowrap;
    color: #c9c9c9
}

.app-coupon-toto__result.win {
    background-color: #57c214;
    color: #103656
}

.app-coupon-toto__result.lose {
    background-color: #f59494;
    color: #103656
}

.app-coupon-toto__result.app-coupon-toto__result--win {
    background-color: #d9e4c3;
    color: #6a8f28
}

.app-coupon-toto__result.app-coupon-toto__result--lose {
    background-color: #efc3c3;
    color: #ac3e2f
}

.app-coupon-toto__result.app-coupon-toto__result--choice {
    background-color: #d6d6d6;
    color: #000
}

.app-coupon-toto__result--1x {
    color: #1b5683
}

.app-coupon-toto__result--1x.app-coupon-toto__result--choice {
    background-color: #c0d3e3;
    color: #1f72ad
}

.app-controls {
    display: flex;
    flex: 3 1 39%
}

.app-coupon .app-controls {
    padding-left: 25px;
    margin: 0 1%
}

.app-article .app-controls {
    flex: 0 0 auto
}

.app-controls__item_repeat {
    background-color: #759e2e
}

.app-controls__item_repeat:hover {
    background-color: #5c7b24
}

.app-controls__item_sub {
    background-color: #1f70ad
}

.app-controls__item_sub:hover {
    background-color: #175482
}

.app-controls__item_share {
    border: 1px solid #1f70ad;
    color: #80c6ff;
    transition: border 0.3s, color 0.3s;
    will-change: border, color
}

.app-controls__item_share:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #1f70ad
}

.app-controls__item_like {
    position: relative;
    padding: 0;
    font-size: 11px;
    color: #80c6ff;
    transition: color 0.3s ease;
    will-change: color
}

.app-controls__item_like::before {
    content: '\f004';
    margin-right: 5px;
    font-family: FontAwesome;
    font-size: 10px
}

.app-controls__item_like:hover {
    color: #1f70ad
}

[class*='app-controls__item'] {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    height: 21px;
    text-transform: uppercase;
    font-size: 8px;
    color: #fff;
    transition: background-color 0.3s;
    will-change: background-color
}

[class*='app-controls__item']+[class*='app-controls__item'] {
    margin-left: 10px
}

.app-article {
    display: flex;
    padding: 12px 16px
}

.app-article__img {
    flex: 0 0 162px;
    align-self: center;
    margin-right: 20px
}

.app-article__body {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column
}

.app-article__body p {
    margin: 0;
    font-size: 13px;
    line-height: 18px
}

.app-article__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.app-article__tags a {
    font-size: 12px;
    color: #1f70ad;
    transition: color 0.3s;
    will-change: color
}

.app-article__tags a:hover {
    color: #0c2f4b
}

.app-comments {
    border-top: 1px solid #1f70ad;
    background-color: #f0f3f5
}

.app-comments__item {
    display: flex;
    padding: 7px 0;
    margin: 0 16px;
    border-bottom: 1px solid #265073
}

.app-comments__item:last-child {
    border-bottom: none
}

.app-comments__icon {
    width: 34px;
    height: 34px;
    margin-top: 4px;
    margin-right: 8px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center center;
    background-size: cover
}

.app-comments__body {
    flex: 1 1 auto
}

.app-comments__username {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #1f70ad;
    transition: color 0.3s;
    will-change: color
}

.app-comments__username:hover {
    color: #0c2f4b
}

.app-comments__text {
    margin: 3px 0;
    font-size: 12px;
    line-height: 16px
}

.app-comments__controls {
    display: flex;
    align-items: center
}

.app-comments__time-past {
    margin: 0;
    font-size: 11px;
    color: #263b4b
}

.app-comments__respond {
    cursor: pointer;
    margin-right: auto;
    margin-left: 15px;
    font-size: 11px;
    color: #1f70ad;
    transition: color 0.3s;
    will-change: color
}

.app-comments__respond:hover {
    color: #0c2f4b
}

.app-comments__input {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    box-shadow: none;
    background-color: transparent;
    font-size: 12px;
    color: #0c2f4b
}

.app-comments__input::-webkit-input-placeholder {
    color: #263b4b
}

.app-comments__input::-moz-placeholder {
    color: #263b4b
}

.app-comments__input:-ms-input-placeholder {
    color: #263b4b
}

.app-comments__input:placeholder {
    color: #263b4b
}

.aps_js-dash {
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    line-height: 1;
    color: #1f71ad
}

.aps-filters {
    display: flex;
    margin-top: 10px
}

.aps-filters__name {
    height: 30px;
    margin: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    color: #759e2e
}

.aps-filters__name::before {
    content: '\f0b0';
    margin-right: 5px;
    font-family: fontAwesome
}

.aps-filters__tabs {
    display: flex;
    margin-left: 40px
}

.aps-filters__tab {
    display: flex;
    position: relative;
    cursor: pointer;
    height: 30px;
    box-shadow: 0 0 0 #a3d93f;
    font-size: 14px;
    line-height: 30px;
    color: #0c2f4b;
    transition: box-shadow 0.3s;
    will-change: box-shadow
}

.aps-filters__tab~.aps-filters__tab {
    margin-left: 25px
}

.aps-filters__tab::after {
    content: '\f107';
    display: inline-block;
    margin-left: 5px;
    font-family: FontAwesome;
    font-size: 14px;
    transition: transform 0.3s;
    will-change: transform
}

.aps-filters__tab:hover {
    box-shadow: inset 0 -3px 0 #a3d93f
}

.aps-filters__tab:hover::after {
    transform: rotate(180deg)
}

.aps-filters__list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    max-height: 286px;
    overflow: hidden;
    border: 1px solid rgba(12, 47, 75, 0.7);
    background-color: #fff;
    transition: opacity 0.3s;
    will-change: visibility, opacity
}

.aps-filters__tab:hover .aps-filters__list {
    visibility: visible;
    opacity: 1
}

.aps-filters__item input {
    display: none
}

.aps-filters__item label {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 6px 14px 6px 34px;
    outline: none;
    font-size: 14px;
    line-height: 16px;
    color: #0c2f4b;
    transition: color 0.3s;
    will-change: color
}

.aps-filters__item label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 14px;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 1px solid #0c2f4b;
    transform: translateY(-50%);
    transition: background-color 0.3s;
    will-change: background-color
}

.aps-filters__item label:hover {
    color: #759e2e
}

.aps-filters__item input:checked~label::before {
    background-color: #759e2e
}

.aps-filters__price {
    display: flex;
    align-items: center;
    margin-left: 25px
}

.aps-filters__price .js-up,
.aps-filters__price .js-down {
    position: relative;
    width: 24px;
    height: 14px;
    margin: 1px 3px;
    background-color: #1f71ad;
    text-align: center;
    transition: background-color 0.3s ease
}

.aps-filters__price .js-up:hover,
.aps-filters__price .js-down:hover {
    background-color: #175482
}

.aps-filters__price .js-up::before,
.aps-filters__price .js-down::before {
    content: '\f106';
    position: absolute;
    top: -3px;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff
}

.aps-filters__price .js-down::before {
    content: '\f107'
}

.aps-filters__range {
    width: 210px;
    margin: 0 10px
}

.aps-filters__display {
    padding: 0 3px;
    width: 50px;
    height: 25px;
    border: 1px solid #99a7b2;
    background: #fff;
    color: #1f70ad
}

.aps-pages {
    display: flex;
    margin-top: 15px
}

.aps-pages>div {
    display: flex
}

.aps-pages__item {
    cursor: pointer;
    flex: 0 0 auto;
    padding: 0;
    width: 35px;
    height: 25px;
    outline: none;
    border: 1px solid #1f70ad;
    background: #fff;
    font-size: 14px;
    color: #1f70ad;
    transition: color 0.3s, background-color 0.3s;
    will-change: color, background-color
}

.aps-pages__item:hover {
    background-color: #d2e2ef
}

.aps-pages__item.active {
    background-color: #1f70ad;
    color: #fff
}

.aps-pages__item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.aps-pages__item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.aps-pages__item:not(:last-child) {
    margin-right: 2px
}

.v--modal-overlay .v--modal-box {
    right: auto !important;
    left: auto !important;
    height: auto !important;
    margin: 0 auto
}

.v--modal-overlay .v--modal-box.menu-settings-popup {
    left: 50% !important
}

.v--modal-overlay .v--modal-box.v--modal-promo-check {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%)
}

.v--modal-overlay .v--modal-box.v--modal-promo-check {
    transform: translate(-50%, -44%)
}

.popup-players .v--modal-overlay .v--modal-box {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: none
}

.popup-players .statistic-modal-container {
    right: 10px !important;
    left: 10px !important
}

.account-modal {
    position: relative;
    font-family: Roboto, 'Roboto Local', Helvetica, Sans-Serif;
    color: #fff
}

.account-modal_bingo {
    box-sizing: border-box;
    width: 570px;
    height: 330px
}

.account-modal * {
    box-sizing: border-box
}

.am__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.am__close::before {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 18px;
    color: #fff
}

.account-modal_bingo .am__close {
    z-index: 3
}

.am__body {
    padding: 20px;
    max-width: 90vw;
    background-color: #0c2f4b
}

.am__body .phone-number {
    direction: ltr;
    unicode-bidi: embed
}

.am__body_fin {
    padding-top: 25px
}

.am__body_fin .change-bank {
    display: flex;
    flex-direction: column
}

.am__body .g-recaptcha {
    padding: 0 4px;
    margin-top: 15px
}

.am__body ol,
.am__body ul {
    padding-left: 15px;
    margin: 0;
    font-size: 14px
}

.am__body ol li,
.am__body ul li {
    margin: 3px 0
}

.am__heading {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.am__heading_phone-notice {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 10px
}

.am__wrap {
    display: flex;
    margin-top: 10px
}

.am__container .multiselect-wrap {
    width: 100% !important
}

.am__container .multiselect__tags {
    border-radius: 0
}

.am__container .am__btn .c-preloader {
    padding: 0
}

.am__input-wrap {
    position: relative
}

.am__input-wrap .keyboardInputInitiator {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.am__input,
.am-list__input {
    min-width: 300px;
    margin-top: 13px
}

.am__input-wrap .am__input,
.am__input-wrap .am-list__input {
    padding-right: 24px
}

.am__select {
    height: 32px
}

.am__select:not(:first-child) {
    margin-left: 15px
}

.am__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.am__btn_lock::before {
    content: '\f023'
}

.am__btn_alt {
    background-color: #759e2e
}

.am__btn_alt:hover {
    background-color: #5c7b24
}

.am__field {
    display: flex;
    align-items: center;
    padding: 5px 0;
    margin-top: 13px;
    background-color: #183e5d
}

.am__caption,
.am-list__caption {
    flex: 0 0 40%;
    padding: 0 10px;
    margin: 0;
    font-size: 14px;
    color: #fff
}

.am__value {
    flex: 0 0 60%;
    padding: 0 10px;
    margin: 0;
    text-align: right;
    font-size: 14px;
    color: #c0d3e3
}

.am__warning {
    color: #f59494
}

.am__hint {
    color: #fff
}

.am__text {
    margin: 5px 0;
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

.am__text span,
.am__text a {
    color: #c0d3e3
}

.am__important {
    align-self: center;
    margin: 0 0.5em 0 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    color: #fff
}

.am__pages {
    display: flex;
    position: absolute;
    bottom: -35px;
    left: 0;
    justify-content: center;
    width: 100%;
    text-align: center
}

.am__page {
    opacity: 0.75;
    display: block;
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin: 0 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    transition: opacity 0.3s, background-color 0.3s;
    will-change: opacity, background-color
}

.am__page:hover,
.am__page.active {
    opacity: 1
}

.am__page.active {
    background-color: #fff
}

[class^='am__btn'] {
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    margin-top: 16px;
    font-size: 15px
}

[class^='am__btn']::before {
    font-family: FontAwesome;
    font-size: 19px;
    color: #fff;
    margin-right: .52632em
}

.am__heading+[class^='am__btn'] {
    margin-top: 10px
}

.am__buttons [class^='am__btn'] {
    padding: 0 3px;
    width: 146px;
    height: 32px;
    margin-top: 0;
    font-size: 13px
}

.am__buttons [class^='am__btn']+[class^='am__btn'] {
    margin-left: 20px
}

.am__icon {
    opacity: 1;
    position: absolute;
    top: 1.5em;
    inset-inline-end: .5em;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent
}

.am-range {
    position: relative;
    padding: 10px 20px 25px;
    min-width: 520px;
    margin: 13px -20px 0;
    background-color: #183e5d
}

.am-range+.am-range {
    margin-top: 2px
}

.am-range__caption {
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.am-range__caption span {
    font-weight: 400;
    color: #c0d3e3
}

.am-range__value {
    position: absolute;
    bottom: 5px;
    height: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #fff
}

.am-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px
}

.am-list__field {
    display: flex;
    flex: 1 0 40%;
    align-items: center
}

.am-list__field:nth-child(2n) {
    margin-left: 20px
}

.am-list__caption {
    flex: 0 0 50%;
    padding: 0;
    font-size: 12px;
    color: #c0d3e3
}

.am-list__input {
    flex: 0 1 50%;
    padding: 0 10px;
    min-width: 0;
    height: 28px;
    margin: 0;
    text-align: right
}

.am-progressbar {
    position: relative;
    width: 100%;
    height: 4px;
    margin: 14px 0;
    overflow: visible;
    border-top: none;
    border-right: 1px solid #fff;
    border-bottom: none;
    border-left: 1px solid #fff;
    border-radius: 0;
    background-color: #ccc;
    color: #fff
}

.am-progressbar .ui-progressbar-value {
    margin: 0;
    border-right: 1px solid #fff
}

.am-progressbar__start,
.am-progressbar__value,
.am-progressbar__end {
    position: absolute;
    top: 100%
}

.am-progressbar__start {
    left: 0
}

.am-progressbar__end {
    right: 0
}

.am-coupon {
    padding: 12px 15px 15px;
    width: 630px;
    margin-top: 15px;
    background-color: #153d5b
}

.am-coupon__top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.am-coupon__number {
    margin: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #80c6ff
}

.am-coupon__print {
    padding: 0 20px;
    height: 28px;
    font-size: 12px
}

.am-coupon__print::before {
    content: '\f02f';
    margin-right: 12px;
    font-family: FontAwesome;
    font-size: 16px
}

.am-coupon__wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px
}

.am-coupon__info {
    display: flex;
    flex: 1 0 34%;
    justify-content: space-between;
    height: 20px
}

.am-coupon__info:nth-child(2n-1) {
    padding-right: 20px
}

.am-coupon__info:nth-child(2n) {
    padding-left: 20px
}

.am-coupon__title {
    color: #c0d3e3
}

.am-coupon__value {
    color: #fff
}

.am-coupon__entries {
    max-height: 232px;
    margin-top: 8px;
    overflow-y: scroll
}

.am-coupon__entries .scroll-y {
    right: 0;
    width: 10px
}

.am-coupon__entries .scroll-y .scroll-element_outer {
    border-radius: 0
}

.am-coupon__entries .scroll-y .scroll-element_outer .scroll-element_track {
    opacity: 1;
    border-radius: 0;
    background-color: #fff
}

.am-coupon__entries .scroll-y .scroll-element_outer .scroll-bar {
    opacity: 1;
    border-radius: 0;
    background-color: #1f70ad
}

.am-coupon__entry {
    padding: 9px 18px;
    border: 1px solid #1f70ad;
    background-color: #183e5d
}

.am-coupon__entry *.disabled {
    opacity: 0.4;
    background-color: #113455
}

.am-coupon__entry+.am-coupon__entry {
    margin-top: 8px
}

.scroll-wrapper .am-coupon__entry {
    margin-right: 15px
}

.am-coupon__league {
    margin: 1px 0;
    font-size: 12px;
    color: #c0d3e3
}

.am-coupon__game {
    margin: 1px 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

.am-coupon__details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1px 0
}

.am-coupon__cond {
    font-size: 13px;
    font-weight: 700;
    color: #80c6ff
}

.am-coupon__coef {
    font-size: 14px;
    font-weight: 700;
    color: #1f70ad
}

.am-bingo {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 35px 32px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background-color: #0c2f4b;
    background-position: left bottom;
    background-repeat: no-repeat;
    transform-origin: 150% 200%;
    transition: transform 0.3s ease-in-out;
    will-change: transform
}

.am-bingo.active {
    z-index: 1
}

.am-bingo.rotate {
    transform: rotate(45deg)
}

.am-bingo.bingo {
    background-image: url("/themes/genfiles/cms/1/desktop/office/bingo-bg.jpg")
}

.am-bingo.keno {
    background-image: url("/themes/genfiles/cms/1/desktop/office/keno-bg.jpg")
}

.am-bingo.lucky-line {
    background-image: url("/themes/genfiles/cms/1/desktop/office/lucky-line-bg.jpg")
}

.am-bingo.sea-battle {
    background-image: url("/themes/genfiles/cms/1/desktop/office/sea-battle-bg.jpg")
}

.am-bingo__left {
    display: flex;
    flex: 0 0 200px;
    flex-direction: column;
    width: 200px
}

.am-bingo__right {
    flex: 0 0 auto
}

.am-bingo__snowballs {
    display: flex;
    flex-wrap: wrap;
    width: 300px
}

.am-bingo__heading {
    margin: 0 0 7px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    color: #fff
}

.am-bingo__id {
    margin: 0 0 8px;
    font-size: 14px;
    color: #c0d3e3
}

.am-bingo__date {
    margin: 0;
    font-size: 13px;
    color: white
}

.am-bingo__btn {
    width: 125px;
    height: 35px;
    margin-top: auto;
    text-align: center
}

.am-bingo .lineResult,
.am-bingo .blockResult {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    margin: 0
}

.am-bingo__row_five {
    flex: 1 0 40%
}

.am-bingo__row_ten {
    flex: 1 0 90%
}

[class*='am-bingo__row'] {
    display: flex;
    padding: 2px;
    margin: 1px;
    border-radius: 14px
}

.lineResult [class*='am-bingo__row'] {
    background-color: #f7bd40
}

.blockResult [class*='am-bingo__row'] {
    background-color: #cd2323
}

[class*='am-bingo__row'] span {
    width: 24px;
    height: 24px;
    margin: 0 3px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #0c2f4b
}

[class*='am-bingo__row'] span:first-child {
    margin-left: 0
}

[class*='am-bingo__row'] span:last-child {
    margin-right: 0
}

.bm__wrap {
    align-items: center;
    justify-content: flex-start
}

.bm__btn {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    margin-left: 5px
}

.bm__history {
    margin-left: auto;
    box-shadow: inset 0 -1px 0 #1f70ad;
    line-height: 16px;
    color: #1f70ad;
    transition: color 0.3s, box-shadow 0.3s;
    will-change: color, box-shadow
}

.bm__history:hover {
    box-shadow: inset 0 0 0 #103656;
    color: #103656
}

.bm__history::before {
    content: '\f017';
    margin-right: 5px;
    font-family: FontAwesome;
    font-size: 14px
}

.betEX-history {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #8f9da8
}

.betEX-history:nth-child(2n) {
    background: #ededed
}

.betEX-history_head {
    border-color: #ccc;
    background: #ededed;
    font-weight: 700
}

.betEX-history__event,
.betEX-history__time time+time {
    font-weight: 400;
    color: #8f9da8
}

.betEX-history__cell {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    width: 10%
}

.betEX-history:not(.betEX-history_head) .betEX-history__cell:first-of-type {
    border-left: 5px solid transparent
}

.betEX-history:not(.betEX-history_head).for .betEX-history__cell:first-of-type {
    border-color: #4b88b9
}

.betEX-history:not(.betEX-history_head).against .betEX-history__cell:first-of-type {
    border-color: #759e2e
}

.betEX-history__cell.win {
    color: #57c214
}

.betEX-history__cell.lose {
    color: #f24a4f
}

.betEX-history__cell_l {
    align-items: flex-start;
    width: 35%
}

.betEX-history__cell_m {
    width: 15%
}

.betEX-history__time {
    align-items: center;
    padding-left: 10px
}

.betEx-filters {
    display: flex;
    align-items: center;
    justify-content: center
}

.betEx-filters label {
    cursor: pointer
}

.betEx-filters label:not(:first-of-type) {
    border-left: 1px solid #8f9da8
}

.betEx-filters>* {
    margin-right: 10px
}

.betEx-filter {
    display: flex;
    border: 1px solid #8f9da8;
    border-radius: 0
}

.betEx-filter__label {
    padding: 10px;
    color: #333;
    transition: 0.15s ease
}

.betEx-filter__input,
.betEx-info__input {
    position: absolute;
    left: -99999px
}

.betEx-filter__input:checked+label,
.betEx-info__input:checked+label {
    background: #4b88b9;
    color: #fff
}

.betEx-info__input:checked+label::after {
    opacity: 1
}

.betEx-info__label {
    position: relative;
    padding-left: 20px
}

.betEx-info__label::before,
.betEx-info__label::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin-top: -7px
}

.betEx-info__label::before {
    border: 1px solid #8f9da8
}

.betEx-info__label::after {
    content: '\f00c';
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-rendering: auto;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 9px;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4b88b9;
    transition: opacity 0.15s ease
}

.chosen-container {
    padding: 0;
    max-width: 100%;
    height: 32px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 0 #183e5d, 0 0 0 0 rgba(0, 0, 0, 0.5);
    background: #4b88b9;
    transition: box-shadow 0.3s;
    will-change: box-shadow
}

.chosen-container-active {
    z-index: 3
}

.ap-filters__item .chosen-container {
    width: 100% !important
}

.chosen-container~.chosen-container {
    margin-left: 9px
}

.chosen-container .chosen-single {
    display: flex;
    align-items: center;
    padding: 0 32px 0 12px;
    height: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    background-clip: unset;
    color: #fff;
    text-align: left
}

.chosen-container .chosen-single span {
    margin: 0
}

.chosen-container .chosen-single div {
    display: flex;
    position: absolute;
    top: 0;
    right: 12px;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 100%;
    transition: transform 0.3s;
    will-change: transform
}

.chosen-container .chosen-single div b {
    display: none
}

.chosen-container .chosen-single div::before {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 16px
}

.chosen-container .chosen-drop {
    margin-top: 8px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 0 #183e5d, 0 0 0 0 rgba(0, 0, 0, 0.5);
    background: #183e5d;
    transition: box-shadow 0.3s;
    will-change: box-shadow
}

.chosen-container .chosen-drop .scroll-element.scroll-x {
    display: none !important
}

.chosen-container .chosen-drop .chosen-search {
    padding: 0
}

.chosen-container .chosen-drop .chosen-search::before {
    content: '\f002';
    position: absolute;
    top: 50%;
    left: 11px;
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    transform: translateY(-50%);
    pointer-events: none
}

.chosen-container .chosen-drop .chosen-search input[type=text] {
    padding-left: 27px;
    height: 32px;
    background: transparent !important;
    color: #fff;
    text-align: left
}

.chosen-container .chosen-drop .chosen-results {
    padding: 0;
    margin-top: 8px
}

.chosen-container .chosen-drop .chosen-results .active-result {
    padding: 0 12px;
    height: 30px;
    overflow: hidden;
    background-color: transparent;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
    color: #fff;
    transition: background-color 0.3s;
    will-change: background-color
}

.chosen-container .chosen-drop .chosen-results .active-result+.chosen-container .chosen-drop .chosen-results .active-result {
    margin-top: 1px
}

.chosen-container .chosen-drop .chosen-results .active-result.result-selected,
.chosen-container .chosen-drop .chosen-results .active-result.highlighted {
    background: #183e5d
}

.chosen-container.chosen-with-drop {
    box-shadow: 0 0 0 5px #183e5d, 1px 2px 5px 5px rgba(0, 0, 0, 0.5)
}

.chosen-container.chosen-with-drop .chosen-single {
    border: none;
    box-shadow: none;
    background: transparent
}

.chosen-container.chosen-with-drop .chosen-single div {
    transform: rotate(180deg)
}

.chosen-container.chosen-with-drop .chosen-drop {
    box-shadow: 0 0 0 5px #183e5d, 1px 2px 5px 5px rgba(0, 0, 0, 0.5)
}

.chosen-container.js-chosenIcon .chosen-drop .chosen-results .active-result {
    padding-left: 22px
}

.chosen-container.js-chosenIcon .chosen-drop .chosen-results .active-result::before {
    margin-left: -14px
}

.chosen-container[class*='transparent'] {
    border: none;
    background-color: transparent;
    background-image: linear-gradient(to right, #0e72b9, #0e72b9), linear-gradient(to right, #4fc3fc, #4fc3fc), linear-gradient(to right, #0e72b9 30%, #4fc3fc), linear-gradient(to right, #0e72b9, #4fc3fc 70%);
    background-position: 0 0, 100% 0, 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px;
    padding: 1px;
    background: transparent
}

.chosen-container[class*='transparent'] .chosen-single {
    color: #80c6ff
}

.chosen-container[class*='green'] {
    background: #759e2e
}

.chosen-container[class*='green'] .chosen-results .active-result.result-selected,
.chosen-container[class*='green'] .chosen-results .active-result.highlighted {
    background: #759e2e
}

.chosen-container.am__select_simple {
    min-width: 125px;
    box-shadow: inset 0 0 0 1px #bdc8d1;
    background: #fff
}

.chosen-container.am__select_simple:not(:first-of-type) {
    margin-left: 15px
}

.chosen-container.am__select_simple .chosen-single {
    padding: 0 25px 0 10px;
    color: #647d90
}

.chosen-container.am__select_simple .chosen-single div {
    right: 5px
}

.chosen-container.am__select_simple .chosen-drop {
    margin-top: 0;
    box-shadow: none;
    background: #fff
}

.chosen-container.am__select_simple .chosen-drop .chosen-search {
    display: none
}

.chosen-container.am__select_simple .chosen-drop .chosen-results {
    margin: 0;
    color: #647d90
}

.chosen-container.am__select_simple .chosen-drop .chosen-results .active-result {
    color: #4f6372
}

.chosen-container.am__select_simple .chosen-drop .chosen-results .active-result.highlighted,
.chosen-container.am__select_simple .chosen-drop .chosen-results .active-result.result-selected {
    background: #d9d9d9
}

.chosenImage-container .chosen-drop .chosen-results .active-result {
    padding-left: 35px;
    background-position: center left !important;
    background-repeat: no-repeat !important
}

.ui-datepicker {
    z-index: 6 !important;
    border: none;
    border-radius: 0;
    box-shadow: 1px 2px 5px 5px rgba(0, 0, 0, 0.5);
    background: #183e5d !important
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    border-radius: 0;
    background: transparent;
    color: #c0d3e3
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none
}

.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
    font-family: FontAwesome;
    font-size: 18px;
    color: #fff
}

.ui-datepicker-prev::before {
    content: '\f104'
}

.ui-datepicker-next::before {
    content: '\f105'
}

.ui-datepicker-year {
    background: transparent;
    color: #fff
}

.ui-datepicker-year option {
    background-color: #183e5d
}

.ui-datepicker-calendar th {
    color: #fff
}

.ui-datepicker-calendar td .ui-state-default {
    border: none;
    background: #0c2f4b;
    color: #fff;
    transition: background 0.3s;
    will-change: background
}

.ui-datepicker-calendar td .ui-state-default.ui-state-highlight,
.ui-datepicker-calendar td .ui-state-default.ui-state-hover {
    background: #5c7b24
}

.ui-datepicker-calendar td .ui-state-default.ui-state-active {
    background: #1f70ad
}

.history_empty {
    text-align: center
}

.history_info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    height: 54px;
    margin-top: 10px;
    background-color: #f0f3f5
}

.history_info_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 100px
}

.history_info_title {
    margin-right: 10px;
    font-size: 12px;
    color: #1f70ad
}

.history_info_data {
    font-size: 13px
}

.popup-wrap {
    display: none
}

.list__item {
    position: relative;
    padding-left: 1.4em;
    font-size: 1em;
    line-height: 1.2em
}

.list__item::before {
    content: '\2014';
    position: absolute;
    top: 0;
    left: 0.2em;
    font-size: 0.85em;
    line-height: inherit
}

.cashback-popup .scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -7px
}

.cashback-popup .scrollbar-macosx>.scroll-element .scroll-bar {
    opacity: initial;
    background-color: #c1d5e3
}

#user_market_inventory .apm-stocks__list-item.no-tradable,
#steam-direct-sale .apm-stocks__list-item.no-tradable {
    cursor: default;
    pointer-events: none
}

.delete_history .fa {
    margin-right: 0.3rem
}

.delete_coupon {
    cursor: pointer;
    width: 34px;
    height: 34px;
    outline: none;
    border: none;
    border: 2px solid #ef8a8c;
    border-radius: 50%;
    background: none;
    font-size: 1.2em;
    color: #ef8a8c;
    transition: all 0.4s
}

.delete_coupon:hover {
    background-color: #ef8a8c;
    color: white
}

@media screen and (max-width: 1475px) {
    .apm-pages__item {
        font-size: 13px
    }
    .apm-pages__item~.apm-pages__item {
        margin-left: 30px
    }
}

@media screen and (max-width: 1145px) {
    .apm-pages__item {
        font-size: 12px
    }
    .apm-pages__item~.apm-pages__item {
        margin-left: 20px
    }
}

.tabfilter:not(.clDate) {
    display: none
}

.apm-favorite__img {
    display: inline-block;
    max-width: 21px;
    max-height: 21px;
    vertical-align: middle
}

.apm-favorite select {
    width: 100% !important
}

.apm-favorite .apm-form__btn,
.apm-favorite .bet-history-casino-btn,
.apm-favorite .apm-form-radio {
    margin-top: 0 !important
}

.apm-favorite .apm-form__head,
.apm-favorite .bm__heading {
    justify-content: space-between;
    padding: 5px 7px 5px 17px
}

.apm-favorite-settings__row {
    display: flex;
    margin-bottom: 1px
}

.apm-favorite-settings__row~.apm-favorite-settings__row {
    margin-right: 41px
}

.apm-favorite-settings__row~.apm-favorite-settings__row:not(.apm-favorite-settings__row_editable) {
    margin-right: 0
}

.apm-favorite-settings__col .multiselect__spinner {
    right: 0
}

.apm-favorite-settings__col:not(.apm-form-currency__control) {
    flex-basis: calc(100% / 3);
    flex-grow: 1;
    margin-left: 1px
}

.apm-favorite-settings__col:not(.apm-form-currency__control):first-child {
    margin-left: 0
}

.apm-favorite-settings__clear {
    position: relative;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 0;
    width: 40px;
    margin-left: 1px;
    outline: none;
    border: none;
    background-color: #d0dae1;
    text-align: center;
    transition: background 0.3s;
    will-change: background
}

.apm-favorite-settings__clear::after,
.apm-favorite-settings__clear::before {
    content: '';
    display: flex;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 15px / 2);
    align-items: center;
    width: 15px;
    height: 2px;
    background-color: #103656;
    transition: background-color 0.3s ease
}

.apm-favorite-settings__clear::after {
    transform: rotate(-45deg)
}

.apm-favorite-settings__clear::before {
    transform: rotate(45deg)
}

.apm-favorite-settings__clear:hover {
    background: #e0e6eb
}

.apm-favorite-settings .icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    fill: #4682b4
}

.apm-favorite-settings .multiselect__content-wrapper {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(61, 61, 61, 0.5);
    scrollbar-arrow-color: #9e9e9e;
    scrollbar-face-color: #9f9f9f;
    scrollbar-track-color: transparent
}

.apm-favorite-settings .multiselect__content-wrapper::-webkit-scrollbar {
    width: .3125em;
    height: .3125em
}

.apm-favorite-settings .multiselect__content-wrapper::-webkit-scrollbar-thumb {
    border-radius: .375em;
    background-color: rgba(61, 61, 61, 0.5)
}

.apm-favorite-settings .multiselect__content-wrapper::-webkit-scrollbar-track {
    background-color: rgba(61, 61, 61, 0.1)
}

.apm-favorite-settings .multiselect__content-wrapper::-webkit-scrollbar-thumb {
    border-radius: .375em;
    background-color: #dbdbdb;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.apm-favorite-settings .multiselect__content-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #b3b7b7
}

.apm-search {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px
}

.apm-search-parent {
    position: relative;
    padding-right: 220px
}

.apm-form-reset {
    display: flex;
    height: 100%
}

.apm-form-reset__rules {
    display: flex;
    align-items: center;
    padding: 10px;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    transition: color 0.3s ease
}

.apm-form-reset__rules:hover {
    color: #e6e6e6
}

.apm-form-reset__question {
    margin: 0 4px;
    font-size: 16px
}

.apm-form-reset__btn {
    cursor: pointer;
    padding: 0 15px;
    min-width: 155px;
    outline: none;
    border: none;
    background-color: #d0dae1;
    text-transform: uppercase;
    font-size: 13px;
    color: #103656;
    transition: background-color 0.3s ease
}

.apm-form-reset__btn:hover {
    background-color: #e0e6eb
}

#upDoc .apm-form-file__text {
    padding: 3px 0;
    width: 100px;
    word-wrap: break-word
}

#upDoc .apm-form__field,
#upDoc .bm__wrap,
#upDoc .bm__wrap {
    height: auto;
    min-height: 42px
}

@media screen and (max-width: 1366px) {
    #upDoc .apm-form-file__text {
        width: 250px
    }
}

.xConfCup-history-table-con {
    padding: 10px 0;
    max-width: 870px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc
}

.xConfCup-history-table-con::before,
.xConfCup-history-table-con::after {
    content: '';
    display: block;
    clear: both
}

.xConfCup-history-table-name {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #4b89b9
}

.xConfCup-history-table-name.v2 {
    font-size: 18px
}

.xConfCup-history-table-line {
    position: relative;
    padding-right: 74px;
    height: 26px;
    margin-top: 1px;
    line-height: 26px
}

.xConfCup-history-table-line.v2 {
    padding-right: 37px
}

.xConfCup-history-table-line.v3 {
    height: 46px;
    line-height: 46px
}

.xConfCup-history-table-line.v3 .nameL {
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.xConfCup-history-table-line.v3 .scoreL {
    height: 46px;
    background-color: #99aabc;
    font-size: 30px
}

.xConfCup-history-table-line.v4 .scoreL {
    right: auto;
    left: 0
}

.xConfCup-history-table-line.v2,
.xConfCup-history-table-line.v4 {
    padding-right: 0;
    padding-left: 37px
}

.xConfCup-history-table-line .nameL {
    padding: 0 10px;
    overflow: hidden;
    background-color: #e1e3e7;
    text-overflow: ellipsis;
    font-size: 12px;
    white-space: nowrap;
    color: #000
}

.xConfCup-history-table-line .nameL.grey {
    color: #999
}

.xConfCup-history-table-line .placeL,
.xConfCup-history-table-line .scoreL {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 26px;
    background-color: #99aabc;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.xConfCup-history-table-line .placeL {
    right: 37px;
    background-color: #b1b5be
}

.xConfCup-history-table-lineName {
    position: relative;
    padding-left: 10px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    color: #999
}

.xConfCup-history-table-lineName .txt2,
.xConfCup-history-table-lineName .txt3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 26px;
    text-align: center
}

.xConfCup-history-table-lineName .txt2 {
    right: 37px
}

.xConfCup-history-table-col1 {
    float: left;
    box-sizing: border-box;
    width: 50%
}

.xConfCup-history-table-col1:first-child {
    padding-right: 10px
}

.xConfCup-history-table-col1:last-child {
    padding-left: 10px
}

.xConfCup-history-table-col1::after,
.xConfCup-history-table-col1::before {
    content: '';
    display: block;
    clear: both
}

.xConfCup-history-table-col2 {
    float: left;
    box-sizing: border-box;
    width: 50%
}

.xConfCup-history-table-col2 .scoreL {
    background-color: #b0b4bd
}

.xConfCup-history-table-col2:first-child {
    padding-right: 1px
}

.xConfCup-history-table-col2:last-child {
    padding-left: 1px
}

.xConfCup-history-table-col2:nth-child(2) {
    padding-right: 0;
    padding-left: 37px
}

.xConfCup-history-table-col2:nth-child(2) .nameL {
    text-align: right
}

.xConfCup-history-table-col2:nth-child(2) .scoreL {
    right: auto;
    left: 0
}

.xConfCup-history-table-col3::after,
.xConfCup-history-table-col3::before,
.xConfCup-history-table-col4::after,
.xConfCup-history-table-col4::before {
    content: '';
    display: block;
    clear: both
}

.xConfCup-history-table-col3 {
    max-width: 420px;
    margin: 0 auto
}

.xConfCup-history-table-col4 {
    max-width: 660px;
    margin: 0 auto
}

.xConfCup-history-table-col5 {
    float: left;
    box-sizing: border-box;
    padding: 0 5px;
    width: 33.33%
}

.xConfCup-history {
    position: relative;
    font-family: Roboto, Roboto Local
}

.xConfCup-history-line-name {
    position: relative;
    cursor: pointer;
    padding: 0 20px;
    height: 36px;
    margin-top: 1px;
    background-color: #b0b4bd;
    font-size: 16px;
    line-height: 36px;
    color: #fff
}

.xConfCup-history-line-name>span {
    display: block;
    float: right;
    font-size: 14px
}

.xConfCup-history-line-name:hover {
    background-color: #99aabc
}

.xConfCup-history-line-name.active {
    background-color: #749c2d
}

.xConfCup-history-line-name.active:hover {
    background-color: #7da830
}

.xConfCup-history-line-con {
    display: none;
    position: relative;
    padding-bottom: 20px
}

.sports_save_button {
    display: inline-block;
    width: 215px;
    margin: 15px auto 5px;
    background-color: #4994c7;
    text-align: center;
    font-size: 18px !important;
    color: #fff
}

.sports_save_button:hover {
    background-color: #3d7da9
}

#fSecureQuestion .regWarn {
    margin-bottom: 3px;
    font-size: 11px;
    font-style: italic;
    color: red
}

.history-scroll {
    position: relative;
    max-height: 33.33333em
}

.history-scroll .ps-scrollbar-x-rail {
    display: none !important
}

.astropay-account--image img {
    right: 0
}

.account-select-doc-with-load__btn {
    position: relative;
    cursor: pointer;
    padding: .27273em;
    width: 24.5%;
    height: 2.90909em;
    margin-top: 0;
    outline: none;
    border: none;
    background-color: #759d2d;
    text-transform: uppercase;
    font-size: .91667em;
    color: #fff;
    transition: background-color 0.2s linear;
    margin-left: 1px
}

.account-select-doc-with-load__btn:hover {
    background: #5b7923
}

.account-select-doc-with-load__input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.account-select-doc-with-load__field {
    display: block;
    padding: 0;
    width: 75.5%;
    background-color: #fff
}

.account-select-doc-with-load__field .apm-form__caption,
.account-select-doc-with-load__field .apm-form__switch {
    display: none
}

.account-select-doc-with-load__field .apm-form__con {
    padding: 0;
    width: 100%;
    max-width: 100%
}

@media (min-width: 1367px) {
    .account-select-doc-with-load>.apm-form__con {
        flex-basis: 66%;
        max-width: 66%
    }
}

.account-select-doc-with-load>.apm-form__con .apm-form__value {
    font-size: inherit
}

.account-select-doc-with-load>.apm-form__con .apm-form__value .s-apm-multiselect {
    min-height: 2em;
    font-size: 1.33333em;
    color: #fff
}

@media (min-width: 1367px) {
    .account-select-doc-with-load>.apm-form__caption,
    .account-select-doc-with-load>.apm-form__switch {
        flex-basis: 34%;
        padding-right: .85714em;
        max-width: 34%
    }
}

.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    right: 0 !important;
    min-height: 4.125em;
    border-radius: 0 !important;
    background-color: #c9dbed !important
}

.ps>.ps__scrollbar-y-rail {
    width: .5em !important
}

.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
    width: .5em !important
}

.apm-form-new-head {
    width: 100%
}

.apm-form-new-head__title {
    display: block;
    margin-bottom: .3125em;
    font-weight: 700;
    line-height: 1.25em
}

.apm-form-new-head__descr {
    font-size: .75em;
    line-height: 1.16667em
}

.apm-form-new-head__switch {
    flex: 0 0 auto;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto
}

.apm-form-new-head__controls {
    margin-top: .5em
}

.apm-form-new-head-controls {
    display: flex;
    align-items: center
}

.apm-form-new-head-controls-tabs {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none
}

.apm-form-new-head-controls-tabs__item {
    min-width: 4.25em
}

.apm-form-new-head-controls-tabs-label {
    position: relative;
    cursor: pointer;
    text-align: center
}

.apm-form-new-head-controls-tabs-label:hover .apm-form-new-head-controls-tabs-label__text {
    background-color: #76a4c8;
    color: #fff
}

.apm-form-new-head-controls-tabs-label .apm-form-new-head-controls-tabs-label__input:checked+.apm-form-new-head-controls-tabs-label__text {
    box-shadow: inset 0 0 0 1px #286ba6;
    background-color: #286ba6;
    color: #fff
}

.apm-form-new-head-controls-tabs-label__text {
    display: block;
    position: relative;
    padding: .41667em 2em;
    background-color: #d2dbe2;
    font-size: .75em;
    line-height: 1.16667em;
    transition: 0.2s all ease-in-out
}

.apm-form-new-head-controls-tabs-label__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.apm-panel-head__popover {
    cursor: pointer
}

.apm-panel-head__subtext,
.apm-panel-head-components__subtext,
.apm-bingo__subtext,
.app-coupon-details__title,
.app-coupon-details_long__title,
.app-coupon-details_name__title {
    display: flex;
    justify-content: space-between
}

.apm-panel-head.apm-panel--brand .apm-panel-head__block:first-child .apm-panel-head__text,
.apm-panel-head.apm-panel--brand .apm-panel-head__block:first-child .apm-panel-head-components__text,
.apm-panel-head.apm-panel--brand .apm-panel-head__block:first-child .apm-bingo__text,
.apm-panel-head.apm-panel--brand .apm-panel-head__block:first-child .app-coupon-details__value,
.apm-panel-head.apm-panel--brand .apm-panel-head__block:first-child .app-coupon-details_long__value,
.apm-panel-head.apm-panel--brand .apm-panel-head__block:first-child .app-coupon-details_name__value {
    display: none
}

.apm-panel-head-popover__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.apm-panel-head-popover-icon {
    font-size: 1em;
    border-radius: 50%;
    background-color: #fff;
    width: .9375em;
    height: .9375em
}

.apm-panel-head-popover-icon__question {
    color: #103656;
    font-weight: 900
}

.apm-panel-head-popover {
    background-color: #f3f8fc;
    border: 1px solid #e2e8ee;
    box-shadow: 0em .25em .25em rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    padding: .25em .5em;
    overflow: hidden
}

.apm-panel-head-tooltip__row {
    color: #103656
}

.apm-panel-head-tooltip-row__text {
    font-size: 1em;
    font-weight: 400;
    line-height: .75em
}

.apm-panel-head-popover-arrow {
    right: 0;
    left: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: .6875em;
    height: .6875em;
    background-color: #f3f8fc;
    transform: rotate(-45deg);
    margin-top: -.25em
}

.settings-responsible-gambling {
    font-size: 1.17188em;
    cursor: pointer;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    transition: background-color 0.3s;
    background-color: #759e2e
}

@media (hover: hover) {
    .settings-responsible-gambling:hover {
        background-color: #5c7b24
    }
}

.bet-history-casino .apm-filters__chosen {
    min-width: 15.9375em
}

.bet-history-casino .apm-filters__chosen .multiselect .multiselect__select {
    width: 2.5em;
    background: none
}

.bet-history-casino .apm-filters__chosen .multiselect .multiselect__input {
    padding-left: 0
}

.bet-history-casino .apm-filters__chosen .multiselect .multiselect__tags {
    font-size: .875em;
    padding-right: 2.85714em;
    padding-left: 2.14286em;
    min-height: 2.85714em
}

.bet-history-casino__actions {
    text-align: center
}

.bet-history-casino__btn {
    position: relative;
    width: auto;
    min-width: 10.35714em;
    height: 2.28571em;
    margin-top: .71429em
}

.bet-history-casino .checkbox-dropdown {
    padding: 0
}

.bet-history-casino .checkbox-dropdown .apm-filters__multiselect .multiselect {
    height: inherit
}

.bet-history-casino .checkbox-dropdown .apm-filters__multiselect .multiselect__single {
    font-size: .9375em
}

.bet-history-casino .checkbox-dropdown .apm-filters__multiselect .multiselect__single,
.bet-history-casino .checkbox-dropdown .apm-filters__multiselect .multiselect__tags {
    height: inherit
}

.bet-history-casino-btn {
    background-color: #759e2e;
    transition: background-color 0.2s, opacity 0.2s
}

.bet-history-casino-btn__label {
    position: relative;
    transition: opacity 0.2s
}

.bet-history-casino-btn__loader {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: inherit;
    transition: opacity 0.2s
}

.bet-history-casino-btn__loader::before {
    color: inherit
}

.bet-history-casino-btn:disabled {
    opacity: 0.5;
    cursor: default
}

.bet-history-casino-btn:disabled .bet-history-casino-btn__label {
    opacity: 0
}

.bet-history-casino-btn:disabled .bet-history-casino-btn__loader {
    opacity: 1
}

.bet-history-casino-btn:hover:disabled {
    background-color: #759e2e
}

.bet-history-casino-row .apm-panel-head__info {
    padding: 2px 5px
}

.bet-history-casino-row .apm-panel-head__text,
.bet-history-casino-row .apm-panel-head-components__text,
.bet-history-casino-row .apm-bingo__text,
.bet-history-casino-row .app-coupon-details__value,
.bet-history-casino-row .app-coupon-details_long__value,
.bet-history-casino-row .app-coupon-details_name__value {
    font-weight: 400
}

@media screen and (min-width: 1599px) {
    .bet-history-casino-row .apm-panel-head__text,
    .bet-history-casino-row .apm-panel-head-components__text,
    .bet-history-casino-row .apm-bingo__text,
    .bet-history-casino-row .app-coupon-details__value,
    .bet-history-casino-row .app-coupon-details_long__value,
    .bet-history-casino-row .app-coupon-details_name__value {
        font-size: .875em
    }
}

.bet-history-casino-row .apm-panel-head__text.win,
.bet-history-casino-row .win.apm-panel-head-components__text,
.bet-history-casino-row .win.apm-bingo__text,
.bet-history-casino-row .win.app-coupon-details__value,
.bet-history-casino-row .win.app-coupon-details_long__value,
.bet-history-casino-row .win.app-coupon-details_name__value,
.bet-history-casino-row .apm-panel-head__text.return,
.bet-history-casino-row .return.apm-panel-head-components__text,
.bet-history-casino-row .return.apm-bingo__text,
.bet-history-casino-row .return.app-coupon-details__value,
.bet-history-casino-row .return.app-coupon-details_long__value,
.bet-history-casino-row .return.app-coupon-details_name__value,
.bet-history-casino-row .apm-panel-head__text.bet,
.bet-history-casino-row .bet.apm-panel-head-components__text,
.bet-history-casino-row .bet.apm-bingo__text,
.bet-history-casino-row .bet.app-coupon-details__value,
.bet-history-casino-row .bet.app-coupon-details_long__value,
.bet-history-casino-row .bet.app-coupon-details_name__value {
    display: flex;
    align-items: flex-start;
    font-weight: 500
}

.bet-history-casino-row .apm-panel-head__text.win,
.bet-history-casino-row .win.apm-panel-head-components__text,
.bet-history-casino-row .win.apm-bingo__text,
.bet-history-casino-row .win.app-coupon-details__value,
.bet-history-casino-row .win.app-coupon-details_long__value,
.bet-history-casino-row .win.app-coupon-details_name__value,
.bet-history-casino-row .apm-panel-head__text.return,
.bet-history-casino-row .return.apm-panel-head-components__text,
.bet-history-casino-row .return.apm-bingo__text,
.bet-history-casino-row .return.app-coupon-details__value,
.bet-history-casino-row .return.app-coupon-details_long__value,
.bet-history-casino-row .return.app-coupon-details_name__value {
    color: #7eac2f !important
}

.bet-history-casino-row .apm-panel-head__subtext,
.bet-history-casino-row .apm-panel-head-components__subtext,
.bet-history-casino-row .apm-bingo__subtext,
.bet-history-casino-row .app-coupon-details__title,
.bet-history-casino-row .app-coupon-details_long__title,
.bet-history-casino-row .app-coupon-details_name__title {
    font-size: .6875em;
    font-weight: normal;
    color: #1f70af
}

.bet-history-casino-row__icon {
    width: 1em;
    height: 1em;
    margin-right: .57143em
}

.payment-client-page {
    background-color: #fff;
    min-height: 56.25em !important
}

.money-transactions__head {
    margin-bottom: .625em
}

.money-transactions-head {
    display: grid;
    grid-template-columns: repeat(3, 30%);
    padding: 0;
    font-size: .75em;
    font-weight: 400;
    line-height: normal;
    color: #8f9da8
}

.money-transactions-head__el:first-child {
    padding-inline-start: 1.25em
}

.money-transactions-list {
    display: flex;
    flex-direction: column;
    padding: 0
}

.money-transactions-list-el {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 30%);
    padding: 1.0625em .9375em;
    background-color: #f0f3f5
}

.money-transactions-list-el__text:first-child {
    color: #1f70ad
}

.apm-casino {
    background: #fff;
    color: #356892
}

.apm-casino .apm__heading,
.apm-casino .apm-admin__heading,
.apm-casino .apm-flow__heading,
.apm-casino .apm-give__heading,
.apm-casino .apm__subheading,
.apm-casino .apm-admin__subheading,
.apm-casino .apm-flow__subheading,
.apm-casino .apm-give__subheading {
    color: #356892
}

.apm-casino__current-level {
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid rgba(75, 136, 185, 0.5);
    background: rgba(0, 0, 0, 0)
}

.apm-casino__current-level_left {
    width: 100%;
    max-width: 1118px
}

.apm-casino__current-level_right {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 180px;
    max-width: 180px
}

@media screen and (max-width: 1170px) {
    .apm-casino__current-level {
        flex-direction: column
    }
}

.apm-casino .current-level__head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.apm-casino .current-level__content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.apm-casino .current-level__title {
    text-transform: uppercase;
    font-size: 15px;
    color: #356892
}

.apm-casino .current-level__title .green {
    color: #759e2e
}

.apm-casino .current-level__levels {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    margin-top: 10px;
    background: #dfe9f1
}

.apm-casino .level-single {
    display: inline-block;
    position: relative;
    width: 77px;
    height: 77px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle
}

.apm-casino .level-single::before {
    content: '';
    position: absolute;
    top: 55%;
    left: 45%;
    width: 100%;
    height: 38px;
    background-color: rgba(88, 127, 157, 0.3);
    transform: rotate(35deg)
}

.apm-casino .level-single::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 43px;
    height: 52px;
    background-image: url(/default/img/slots/slots_bottom_icon2.png);
    background-size: 770%;
    transform: translate(-50%, -50%)
}

.apm-casino .level-single.closed {
    opacity: 0.4
}

.apm-casino .level-single_copper::after {
    background-position: 86% 8%
}

.apm-casino .level-single_bronze::after {
    background-position: 61% 8%
}

.apm-casino .level-single_silver::after {
    background-position: 37% 8%
}

.apm-casino .level-single_gold::after {
    background-position: 12% 8%
}

.apm-casino .level-single_ruby::after {
    width: 48px;
    background-position: 11% 34%;
    background-size: 650%
}

.apm-casino .level-single_sapphire::after {
    width: 52px;
    background-position: 36% 34%;
    background-size: 620%
}

.apm-casino .level-single_diamond::after {
    width: 52px;
    background-position: -31.5% 34%;
    background-size: 620%
}

.apm-casino .level-single_platinum::after {
    width: 52px;
    background-position: 89.5% 86%;
    background-size: 620%
}

.apm-casino .level-single.current {
    border: 1px solid #4b88b9;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0);
    background: #a4dd40
}

.apm-casino .current-experience {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 127px
}

.apm-casino .current-experience__title {
    font-size: 15px
}

.apm-casino .current-experience__preload {
    display: flex;
    position: absolute;
    top: 22px;
    left: 50%;
    z-index: 5;
    align-items: center;
    justify-content: center;
    width: 103px;
    height: 103px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    transform: translateX(-50%)
}

.apm-casino .current-experience__preload::before {
    content: '\f110';
    font-family: FontAwesome;
    font-size: 42px;
    animation: cashback-loading 0.7s infinite steps(8)
}

@media screen and (max-width: 1170px) {
    .apm-casino .current-experience__preload {
        top: 41px
    }
}

.apm-casino .current-experience__progress {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 101px;
    height: 101px;
    margin-top: 5px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500
}

.apm-casino .current-experience__progress .circles-text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #356892;
    transform: translate(-50%, -50%)
}

.apm-casino .current-experience__title {
    font-size: 15px;
    color: #356892
}

@media screen and (max-width: 1170px) {
    .apm-casino .current-experience {
        margin-top: 15px
    }
}

.apm-casino__levels {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 15px
}

.apm-casino .casino-levels__table {
    flex: 1 1 auto;
    min-width: 0;
    border: 1px solid rgba(75, 136, 185, 0.5);
    color: #356892
}

.apm-casino .casino-levels__table .level-single {
    width: 50px;
    height: 50px;
    background: transparent
}

.apm-casino .casino-levels__table .level-single::before {
    display: none
}

.apm-casino .casino-levels__table .level-single::after {
    background-size: 650%
}

.apm-casino .casino-levels__table .level-single_copper::after {
    background-position: 87% 7%
}

.apm-casino .casino-levels__table .level-single_bronze::after {
    background-position: 62% 7%
}

.apm-casino .casino-levels__table .level-single_silver::after {
    background-position: 36% 7%
}

.apm-casino .casino-levels__table .level-single_gold::after {
    background-position: 11% 7%
}

.apm-casino .casino-levels__table .level-single_ruby::after {
    width: 50px;
    background-position: 7% 33%;
    background-size: 450%
}

.apm-casino .casino-levels__table .level-single_sapphire::after {
    width: 50px;
    background-position: 35% 34%;
    background-size: 450%
}

.apm-casino .casino-levels__table .level-single_diamond::after {
    width: 50px;
    background-position: -38% 34%;
    background-size: 450%
}

.apm-casino .casino-levels__table .level-single_platinum::after {
    width: 50px;
    background-position: 93% 87%;
    background-size: 450%
}

.apm-casino .casino-levels__cashback {
    flex: 1 1 auto;
    max-width: 375px;
    margin-left: 23px
}

@media screen and (max-width: 1170px) {
    .apm-casino .casino-levels__cashback {
        max-width: 350px
    }
}

.apm-casino .levels-table {
    box-sizing: border-box;
    width: 100%;
    background: #deeaf2;
    border-collapse: collapse
}

.apm-casino .levels-table tr.current td {
    color: #759e2e
}

.apm-casino .levels-table tr:nth-child(2n) {
    background: #fff
}

.apm-casino .levels-table tr td {
    height: 61px;
    text-align: center;
    font-size: 16px;
    color: #356892
}

.apm-casino .levels-table tr td:first-child {
    padding-left: 15px;
    text-align: left
}

@media screen and (max-width: 1170px) {
    .apm-casino .levels-table tr td:first-child {
        padding-left: 10px
    }
}

.apm-casino .levels-table tr td:last-child {
    padding-right: 15px;
    font-size: 20px;
    font-weight: 700
}

@media screen and (max-width: 1170px) {
    .apm-casino .levels-table tr td:last-child {
        padding-right: 10px;
        font-size: 18px
    }
}

@media screen and (max-width: 1170px) {
    .apm-casino .levels-table tr td {
        font-size: 14px
    }
}

.apm-casino .levels-table--center {
    text-align: center !important
}

.apm-casino .levels-table.cashback-table {
    border: 1px solid rgba(75, 136, 185, 0.5)
}

.apm-casino .levels-table.cashback-table tr td {
    padding: 0 5px;
    text-align: center
}

.apm-casino .levels-table.cashback-table tr td:first-child {
    padding-left: 45px
}

@media screen and (max-width: 1600px) {
    .apm-casino .levels-table.cashback-table tr td:first-child {
        padding-left: 10px
    }
}

.apm-casino .levels-table.cashback-table tr td:last-child {
    padding-right: 35px;
    min-width: 155px
}

@media screen and (max-width: 1600px) {
    .apm-casino .levels-table.cashback-table tr td:last-child {
        padding-right: 10px
    }
}

.apm-casino .levels-table.cashback-table tr td .cashback__get-button {
    display: none;
    font-size: 12px
}

.apm-casino .cashback-total {
    margin-top: 10px
}

.apm-casino .cashback-total__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px
}

.apm-casino .cashback-total__title .green {
    color: #759e2e
}

.apm-casino .cashback-total__title+.cashback-total__title {
    margin-top: 7px
}

.apm-casino .cashback__get-button {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    max-width: 117px;
    height: 36px;
    margin: 0 auto;
    overflow: hidden;
    background: #759e2e;
    text-transform: uppercase;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    color: #fff;
    transition: all 0.2s ease-in-out
}

.apm-casino .cashback__get-button:hover {
    background: #587722
}

.apm-casino .cashback__get-button_get-all {
    width: 100%;
    max-width: 100%;
    margin-top: 8px
}

.apm-casino .cashback__get-button_rules {
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    background: #7ca6c5
}

.apm-casino .cashback__get-button_rules:hover {
    background: #9fbed5
}

.apm-casino .cashback__get-button::after {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-left: 10px;
    font-family: FontAwesome;
    transform: translateY(-50%)
}

.apm-casino .cashback__get-button_loading::after {
    content: '\f021';
    top: 12px;
    animation: cashback-loading 0.9s infinite linear
}

.apm-casino .cashback__get-button_failed::after {
    content: '\f00d'
}

.apm-casino .cashback__get-button_success::after {
    content: '\f00c'
}

.apm-casino .cashback__show_rules {
    margin-top: 15px;
    text-align: center
}

.apm-casino .cashback__link {
    text-decoration: underline;
    color: #356892
}

.apm-casino .cashback__link:hover {
    text-decoration: none
}

@keyframes cashback-loading {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.apm-casino .casino-levels__table .levels-table tr td {
    padding: 0 5px
}

.apm-casino .casino-levels__table .levels-table tr td:first-child {
    width: 95px;
    text-align: center
}

.apm-casino .casino-levels__table .levels-table tr:first-child td:first-child {
    text-align: center
}

.apm-casino .casino-levels__table .levels-table tr td:nth-child(2) {
    text-align: left
}

.cashback-popup__close {
    width: 1.9em;
    height: 1.9em
}

.cashback-popup__close-svg {
    fill: currentColor
}

.cashback-popup:not(.not) {
    position: relative;
    padding: 1.42857em 1.07143em 1.07143em;
    max-width: 54.64286em;
    margin: 0 auto;
    border: 1px solid;
    background: rgba(10, 37, 61, 0.8);
    font-size: 14px;
    color: #fff
}

.cashback-popup:not(.not).box-modal {
    background: rgba(10, 37, 61, 0.8)
}

.cashback-popup:not(.not)__close {
    position: absolute;
    top: 1em;
    z-index: 1;
    cursor: pointer;
    width: .78571em;
    height: .78571em;
    text-decoration: none;
    font-size: 2em;
    font-weight: 300;
    color: #fff;
    transition: color 0.3s ease;
    right: 1em
}

.cashback-popup:not(.not)__close-svg {
    vertical-align: top;
    transition: all 0.3s ease;
    fill: #4b88b9
}

.cashback-popup:not(.not)__close:hover svg {
    fill: #ff6200
}

.cashback-popup:not(.not)__title {
    margin-bottom: .57143em;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700
}

.cashback-popup:not(.not) h3,
.cashback-popup:not(.not)__lead {
    margin: 1em 0em;
    font-size: 1.57143em;
    font-weight: 400;
    letter-spacing: .1em
}

.cashback-popup:not(.not)__dop {
    margin: 1.375em 0em;
    text-transform: uppercase;
    font-size: 1.14286em;
    font-weight: 700
}

.cashback-popup:not(.not)__list {
    margin: 0;
    list-style-type: none
}

.cashback-popup:not(.not)__list_lh {
    line-height: 1.2
}

.cashback-popup:not(.not)__text {
    margin: .875em 0em;
    letter-spacing: .0875em
}

.cashback-popup:not(.not)__text_nomrg {
    margin: 0
}

.cashback-popup:not(.not)--new {
    font-size: 14px
}

.cashback-popup:not(.not)--new .v--modal {
    position: relative;
    width: 56.92857em !important;
    max-width: 100%;
    box-shadow: none;
    background-color: rgba(10, 37, 61, 0.8);
    transform: translateX(-50%);
    left: 50% !important
}

.cashback-popup:not(.not)--new .ps__scrollbar-y-rail {
    opacity: 1 !important;
    width: .64286em !important;
    background-color: transparent !important
}

.cashback-popup:not(.not)--new .ps__scrollbar-y-rail .ps__scrollbar-y {
    width: .5em !important;
    background-color: #c0d4e3 !important
}

.cashback-popup:not(.not)--new .ps__scrollbar-x-rail {
    display: none !important
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__inner {
    position: relative;
    padding: 1.42857em 1.07143em 1.07143em;
    border: 1px solid;
    color: #fff
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__content {
    position: relative;
    max-width: 100%;
    height: 27.5em;
    max-height: 27.5em;
    overflow-x: hidden;
    color: #fff;
    padding-right: 2.85714em
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__content h3 {
    margin: 1em 0em;
    font-size: 1.57143em;
    font-weight: 400;
    letter-spacing: .09091em
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__close {
    position: absolute;
    top: 2em;
    z-index: 1;
    cursor: pointer;
    width: 1.57143em;
    height: 1.57143em;
    font-size: inherit;
    color: #fff;
    transition: color 0.3s ease;
    right: 2em
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__close-svg {
    vertical-align: top;
    transition: all 0.3s ease;
    fill: #4b88b9
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__close:hover svg {
    fill: #ff6200
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__title {
    margin-bottom: .57143em;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__dop {
    margin: 1.375em 0em;
    text-transform: uppercase;
    font-size: 1.14286em;
    font-weight: 700
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__list {
    margin: 0;
    list-style-type: none
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__list_lh {
    line-height: 1.2
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__text {
    margin: 1em 0em;
    font-size: 1em;
    letter-spacing: .1em
}

.cashback-popup:not(.not)--new .cashback-popup:not(.not)__text_nomrg {
    margin: 0
}

.cashback-popup-item {
    height: 27.5em;
    max-height: 27.5em;
    overflow-y: auto
}

.cashback-popup-item.ps-container {
    padding-right: 1.42857em
}

.cashback-popup-item.ps-container .ps__scrollbar-y-rail {
    opacity: 1 !important;
    width: .5em !important;
    background-color: transparent !important
}

.cashback-popup-item.ps-container .ps__scrollbar-y-rail * {
    opacity: initial
}

.cashback-popup-item.ps-container .ps__scrollbar-y {
    width: 100% !important;
    background-color: #c3d6e3 !important;
    right: 0 !important
}

.v--modal-overlay .v--modal-box--small {
    width: 25em !important;
    font-size: 16px
}

.phone-modal {
    display: flex;
    flex-direction: column;
    max-width: 25em;
    box-shadow: 0em .25em .25em rgba(0, 0, 0, 0.25);
    background-color: #fff;
    font-size: 16px
}

.phone-modal__controls {
    display: flex;
    position: relative;
    z-index: 5;
    flex: none;
    justify-content: flex-end;
    width: 100%;
    min-height: 2.1875em;
    margin-bottom: -2.1875em
}

.phone-modal__layout {
    display: flex;
    flex: auto;
    width: 100%;
    min-height: 0;
    border-radius: inherit
}

.phone-modal__wrapper {
    display: flex;
    flex: auto;
    flex-direction: column;
    padding: 1.5625em 1.875em 1.875em;
    min-width: 0;
    min-height: 0
}

.phone-modal__title {
    margin: 0em 0em .9375em;
    text-align: center;
    color: #23507d
}

.phone-modal__list {
    margin: 0
}

.phone-modal__item:not(:last-child) {
    margin-bottom: 1.875em
}

.phone-modal__content {
    padding: 0em 1.5625em 0em 2.8125em
}

.phone-modal__content.scrollbar {
    overflow: visible
}

@media screen and (max-width: 1366px) {
    .phone-modal__content.scrollbar {
        max-height: 22.5em;
        overflow: auto
    }
}

.phone-modal__captcha {
    margin-top: 1.25em
}

.phone-modal .phone-modal__btn {
    width: 100%;
    margin-top: 1.875em
}

.phone-modal-control {
    opacity: 0.5;
    padding: .625em
}

.phone-modal-control__ico {
    display: flex
}

.phone-modal-control-ico__svg {
    width: .9375em;
    height: .9375em;
    fill: currentColor
}

.phone-modal-title__caption {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.5em
}

.phone-modal-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    counter-reset: myCounter
}

.phone-modal-list::before {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(184, 203, 219, 0.4);
    left: -1.78125em
}

.phone-modal-item {
    position: relative
}

.phone-modal-item::marker {
    content: none
}

.phone-modal-item::before {
    content: counter(myCounter);
    display: flex;
    position: absolute;
    top: 0;
    align-items: center;
    justify-content: center;
    width: 1.55em;
    height: 1.55em;
    border: 1px solid #e1e8ef;
    border-radius: 50%;
    background-color: #d4dee8;
    font-size: 1.25em;
    color: #fff;
    counter-increment: myCounter;
    left: -2.25em
}

.phone-modal-item--passed::before {
    background-color: #7dab2f
}

.phone-modal-item__send {
    margin-bottom: .3125em
}

.phone-modal-item__text {
    margin-bottom: .625em
}

.phone-modal-item__inputbox {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    padding: 0;
    font-size: 16px;
    color: #286ba6
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__container {
    display: flex;
    position: relative;
    flex: auto;
    align-items: center;
    height: 2em;
    border-radius: inherit
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__container::before,
.phone-modal-item-inputbox .phone-modal-item-inputbox__container::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition-duration: 0.2s;
    transition-property: opacity, background-color, border-color;
    pointer-events: none
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__container::before {
    background: inherit
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__container::after {
    z-index: 1;
    border: 1px solid #779ab8
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__container:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__input {
    z-index: 1;
    display: flex;
    align-items: center;
    flex: auto 1 1;
    width: 1px;
    min-width: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    letter-spacing: inherit;
    color: #23507d
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__input::-moz-placeholder {
    opacity: 0.5;
    color: inherit
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__input::placeholder {
    opacity: 0.5;
    color: inherit
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__input:focus {
    outline: none
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__input .multiselect__tags {
    display: flex;
    border: none
}

.phone-modal-item-inputbox .phone-modal-item-inputbox__input .multiselect__single {
    display: flex;
    margin-bottom: 0;
    font-size: inherit;
    color: #24507d
}

.phone-modal-item-inputbox--size-m .phone-modal-item-inputbox__container {
    min-height: 2em
}

.phone-modal-item-inputbox--size-m .phone-modal-item-inputbox__input {
    padding: .35714em .71429em;
    font-size: .875em;
    line-height: 1.4
}

.phone-modal-item-inputbox--is-disabled,
.phone-modal-item-inputbox--is-disabled * {
    cursor: not-allowed
}

.phone-modal-item-inputbox--is-disabled .phone-modal-item-inputbox__container::after,
.phone-modal-item-inputbox--is-disabled .phone-modal-item-inputbox__container::before,
.phone-modal-item-inputbox--is-disabled .phone-modal-item-inputbox__input {
    opacity: 0.6
}

.phone-modal-item-text__container {
    padding: 0;
    margin: 0;
    font-size: .875em;
    color: #23507d
}

.phone-modal-item-text__container .phone-number {
    direction: ltr;
    white-space: nowrap;
    unicode-bidi: embed
}

.phone-modal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s
}

.phone-modal-btn--size-m {
    padding: .3125em 1.25em;
    min-height: 2em
}

.phone-modal-btn--rounded {
    border-right: .1875em
}

.phone-modal-btn--theme-accent {
    background-color: #7dab2f;
    color: #fff
}

.phone-modal-btn--theme-accent.phone-modal-btn--is-disabled,
.phone-modal-btn--theme-accent:disabled {
    cursor: not-allowed;
    background-color: #7dab2f;
    color: rgba(255, 255, 255, 0.8)
}

.phone-modal-btn--theme-accent.phone-modal-btn--is-hover:not(:disabled),
.phone-modal-btn--theme-accent:hover:not(:disabled) {
    background-color: #91c736
}

.phone-modal-btn:not(.phone-modal-btn--default-case) {
    text-transform: uppercase
}

.phone-modal-btn__caption {
    flex: auto 0 1;
    min-width: 0;
    white-space: nowrap
}

.phone-modal-btn-caption__label {
    font-size: .875em;
    line-height: 1.2
}

.s-phone-modal-captcha {
    display: flex;
    justify-content: center
}

.c-registration__field--phone_mega .c-registration__field--number {
    text-align: left
}

.c-registration__field--phone_mega .c-registration__field--number .c-registration__field--phone_mega .c-registration__input {
    color: #23507d
}

.c-registration__field--phone_mega .c-registration__field--number .c-registration__field--phone_mega .c-registration__input::-moz-placeholder {
    color: inherit
}

.c-registration__field--phone_mega .c-registration__field--number .c-registration__field--phone_mega .c-registration__input::placeholder {
    color: inherit
}

.c-registration__field--phone_mega .c-registration__select--country.multiselect {
    background-color: inherit
}

.v--modal-box.popup-two-factor {
    overflow: visible !important
}

.two-factor-popup {
    position: relative;
    background-color: #fff;
    font-size: 16px
}

.two-factor-popup__button {
    width: 100%
}

.two-factor-popup__mobile {
    position: absolute;
    right: .75em;
    bottom: 6.25em;
    z-index: 1
}

.two-factor-popup__mobile--attention {
    right: 0;
    bottom: 0
}

.two-factor-popup__decor {
    position: absolute;
    width: 11.25em;
    height: 15em;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.two-factor-popup__decor::after {
    content: '';
    position: absolute;
    right: -7.5em;
    bottom: 0;
    width: 15.4375em;
    height: 13.6875em;
    border-radius: 1.75em;
    background-image: linear-gradient(213.13deg, #d5dfe9 19.74%, rgba(211, 222, 232, 0) 72.93%);
    transform: rotate(-30deg)
}

.two-factor-popup__close {
    position: absolute;
    top: .625em;
    right: .625em;
    cursor: pointer;
    padding: 0;
    width: 1.25em;
    height: 1.25em;
    border: none;
    z-index: 2;
    background: transparent
}

.two-factor-popup__close::after,
.two-factor-popup__close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background-color: #779ab8
}

.two-factor-popup__close::before {
    transform: rotate(45deg)
}

.two-factor-popup__close::after {
    transform: rotate(-45deg)
}

.two-factor-popup__bottom {
    display: flex;
    padding: .9375em 1.875em;
    border-top: 1px #e9eef2 solid;
    gap: .3125em
}

.two-factor-popup-mobile {
    transform: rotate(-30deg)
}

.two-factor-popup-mobile--attention {
    transform: rotate(0deg)
}

.two-factor-popup-mobile__img {
    width: 5.6875em;
    height: 10.375em
}

.two-factor-popup-mobile__img--attention {
    width: 13.125em;
    height: 20.1875em
}

.two-factor-popup-content {
    padding-top: 1.5625em;
    padding-bottom: 1.5625em;
    padding-left: 1.875em;
    padding-right: 13.0625em
}

.two-factor-popup-content__link {
    color: #286ba6;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer
}

.two-factor-popup-content__title {
    font-size: 1.25em;
    font-weight: 700;
    color: #23507d
}

.two-factor-popup-content__text {
    font-size: .875em;
    color: #286ba6;
    margin: .71429em 0em .35714em
}

.two-factor-popup-content__text--danger {
    color: #ff575a
}

.two-factor-popup-content__qr {
    width: 6.75em;
    height: 6.75em;
    margin-bottom: 1.25em
}

.two-factor-popup-content__error,
.two-factor-popup-content__timeout {
    font-size: .6875em;
    display: block;
    color: #ff575a;
    padding-left: .90909em;
    margin-top: -1.63636em;
    margin-bottom: 1.81818em
}

.two-factor-popup-content__timeout {
    color: #999
}

.two-factor-popup-content__app {
    margin-bottom: .625em
}

.two-factor-popup-content__list {
    margin: 0em 0em 1.25em
}

.two-factor-popup-content__steps,
.two-factor-popup-content__field {
    margin-bottom: 1.25em
}

.two-factor-popup-content__img {
    width: 100%
}

.two-factor-popup-content-list {
    font-size: .875em;
    padding-left: 0
}

.two-factor-popup-content-list__item {
    position: relative;
    color: #286ba6;
    list-style-type: none;
    margin-left: .92857em
}

.two-factor-popup-content-list__item::before {
    content: '';
    position: absolute;
    left: -.85714em;
    top: .42857em;
    display: block;
    width: .42857em;
    height: .42857em;
    border-radius: 50%;
    background-color: #286ba6
}

.two-factor-popup-steps {
    display: flex;
    align-items: center
}

.two-factor-popup-steps__svg {
    display: none;
    width: .5em;
    height: .375em;
    fill: #fff
}

.two-factor-popup-steps__step {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: .5em;
    height: .5em;
    margin-right: 2.1875em;
    border-radius: 50%;
    background-color: #d4dee8
}

.two-factor-popup-steps__step--current,
.two-factor-popup-steps__step--finish {
    width: .875em;
    height: .875em;
    border: 1px #78a22f solid
}

.two-factor-popup-steps__step--current {
    background-color: #f3f8fc
}

.two-factor-popup-steps__step--finish {
    background-color: #78a22f
}

.two-factor-popup-steps__step--finish .two-factor-popup-steps__svg {
    display: block
}

.two-factor-popup-steps__step:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    left: calc(100% + 1px);
    width: 2.1875em;
    height: 1px;
    background-color: #d4dee8;
    transform: translateY(-50%)
}

.two-factor-popup-content-field {
    display: flex;
    max-width: 16.5em;
    border: 1px #c0d0de solid;
    border-radius: 3px;
    background-color: #fff
}

.two-factor-popup-content-field--theme-gray {
    border: 1px #e9eef2 solid;
    background-color: #e9eef2
}

.two-factor-popup-content-field--error {
    border: 1px #ff575a solid
}

.two-factor-popup-content-field__input {
    padding-top: .57143em;
    padding-right: 1.07143em;
    padding-bottom: .57143em;
    padding-left: .71429em;
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: .875em;
    font-weight: 700;
    color: #286ba6
}

.two-factor-popup-content-field__input--error {
    border: 1px #ff575a solid
}

.two-factor-popup-content-field__input::-moz-placeholder {
    font-weight: 400;
    color: #779ab8
}

.two-factor-popup-content-field__input::placeholder {
    font-weight: 400;
    color: #779ab8
}

.two-factor-popup-content-field-button {
    cursor: pointer;
    padding-right: .625em;
    padding-left: .625em;
    border: none;
    background: transparent
}

.two-factor-popup-content-field-button__svg {
    width: 1em;
    height: .75em;
    fill: #286ba6
}

.two-factor-popup-content-field-button__svg--copy {
    width: 1em;
    height: 1em
}

.two-factor-popup-app {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: .1875em .75em;
    width: 9.125em;
    border: none;
    border-radius: 3px;
    background-color: #286ba6;
    text-align: left;
    font: inherit;
    color: #fff;
    transition: background-color .3s ease-in-out
}

.two-factor-popup-app:hover {
    background-color: #3688d1
}

.two-factor-popup-app__svg {
    width: .8125em;
    height: 1em;
    fill: #fff;
    margin-right: .625em
}

.two-factor-popup-app__text {
    font-size: .6875em;
    white-space: nowrap
}

.two-factor-popup-app__name {
    display: block;
    font-size: 1.09091em
}

.two-factor-popup-button {
    font: inherit;
    background-color: #7dab2f;
    border: none;
    padding-top: .375em;
    padding-bottom: .375em;
    border-radius: 3px;
    color: #fff;
    transition: background-color .3s ease-in-out;
    cursor: pointer
}

.two-factor-popup-button:hover {
    background-color: #91c538
}

.two-factor-popup-button__text {
    font-size: .875em;
    text-transform: uppercase
}

.two-factor-popup-nav-button {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: .3125em .9375em;
    border: none;
    border-radius: 3px;
    background-color: #d4dee8;
    font: inherit;
    color: #286ba6;
    gap: .3125em;
    transition: background-color .3s ease-in-out
}

.two-factor-popup-nav-button:hover {
    background-color: #dee6ed
}

.two-factor-popup-nav-button__text {
    font-size: .75em
}

.two-factor-popup-nav-button__svg {
    width: .75em;
    height: .5em;
    fill: #286ba6
}

.two-factor-popup-nav-button--prev {
    flex-direction: row-reverse
}

.two-factor-popup-nav-button--prev .two-factor-popup-nav-button__svg {
    transform: rotate(180deg)
}

.popup-factor-success {
    position: relative;
    max-width: 19em;
    background-color: #fff;
    font-size: 16px;
    padding: .75em;
    margin: 0 auto;
    border-radius: 4px
}

.popup-factor-success__close {
    position: absolute;
    top: .625em;
    right: .625em;
    cursor: pointer;
    padding: 0;
    width: .75em;
    height: .75em;
    border: none;
    background: transparent
}

.popup-factor-success__close::after,
.popup-factor-success__close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: #779ab8
}

.popup-factor-success__close::before {
    transform: rotate(45deg)
}

.popup-factor-success__close::after {
    transform: rotate(-45deg)
}

.popup-factor-success__text {
    font-size: .75em;
    color: #224f7c;
    margin-top: 0
}

.popup-factor-success__button {
    width: 100%
}

.popup-factor-success-title {
    display: flex
}

.popup-factor-success-title__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .75em;
    height: .75em;
    border-radius: 50%;
    background-color: #7dab2f;
    margin-right: .375em
}

.popup-factor-success-title__svg {
    fill: #fff;
    width: .4375em;
    height: .4375em
}

.popup-factor-success-title__text {
    font-size: .75em;
    display: flex;
    color: #7dab2f;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: .41667em
}

.v--modal-box.popup-factor-error {
    padding: 0 !important
}

.popup-factor-error {
    font-size: 16px;
    background-color: #fff;
    max-width: 19em;
    text-align: center;
    padding: 1.875em 1.375em 1.25em
}

.popup-factor-error__close {
    position: absolute;
    top: .625em;
    right: .625em;
    cursor: pointer;
    background: none;
    font: inherit;
    padding: 0;
    width: 1.25em;
    height: 1.25em;
    border: none;
    background: transparent
}

.popup-factor-error__close::after,
.popup-factor-error__close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background-color: #779ab8
}

.popup-factor-error__close::before {
    transform: rotate(45deg)
}

.popup-factor-error__close::after {
    transform: rotate(-45deg)
}

.popup-factor-error__svg {
    width: 4.5em;
    height: 4.5em;
    margin-bottom: 2.5em
}

.popup-factor-error__title {
    font-size: 1.25em;
    display: block;
    color: #ff575a;
    font-weight: 700;
    margin-bottom: .4em
}

.popup-factor-error__text {
    font-size: .875em;
    color: #23507d
}

.popup-factor-error__info {
    font-size: .875em;
    color: #779ab8
}

.popup-factor-error__button {
    width: 100%
}

.popup-lk {
    box-sizing: border-box;
    min-height: 24.33333em;
    box-shadow: none !important;
    font-family: 'Roboto', Sans-Serif;
    font-size: 12px;
    color: #a5a8b3;
    transition: 0.3s ease
}

.popup-lk * {
    box-sizing: border-box
}

.popup-lk.box-modal {
    padding: 2.5em 2.83333em;
    width: 45em
}

.popup-lk__image {
    position: absolute;
    top: 2.08333em;
    right: -2.58333em;
    width: 18em;
    height: auto
}

.popup-lk__image--mail {
    right: -7.5em
}

.popup-lk__close {
    position: absolute;
    top: -1.35em;
    right: -1.35em;
    width: .75em;
    height: .75em;
    font-size: 1.81818em
}

.popup-lk__close:hover {
    cursor: pointer
}

.popup-lk__close:hover::before {
    opacity: 1
}

.popup-lk__close::before {
    content: '\f00d';
    opacity: 0.5;
    font-family: FontAwesome, Sans-Serif;
    color: #fff;
    transition: opacity 0.3s ease
}

.popup-lk__title {
    width: 10.5em;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.66667em;
    font-weight: bold;
    line-height: 1.3;
    color: #1c5887
}

.popup-lk__title--is-hidden {
    display: none
}

.popup-lk__form {
    position: relative;
    width: 24.33333em;
    margin: 1.66667em 0em 0em .16667em
}

.popup-lk__notification {
    margin: -.42857em 0em .28571em;
    font-size: 1.16667em;
    line-height: 1.357;
    color: #a5a8b3
}

.popup-lk .popup-lk-form__input {
    padding: 0em 1.21429em;
    width: 100%;
    height: 3em;
    margin-bottom: .35714em;
    outline: none;
    border: 1px solid #d5dadd;
    box-shadow: none;
    background-color: #f2f1f7;
    font-size: 1.16667em;
    line-height: 3em;
    color: #373737
}

.popup-lk .popup-lk-form__input::-moz-placeholder {
    opacity: 1;
    letter-spacing: .04286em;
    color: #a3a7b2;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.popup-lk .popup-lk-form__input::placeholder {
    opacity: 1;
    letter-spacing: .04286em;
    color: #a3a7b2;
    transition: opacity 0.3s ease-in-out
}

.popup-lk .popup-lk-form__input:focus::-moz-placeholder {
    opacity: 0
}

.popup-lk .popup-lk-form__input:focus::placeholder {
    opacity: 0
}

.popup-lk .popup-lk-form__btn {
    cursor: pointer;
    padding: .92857em 2.42857em;
    margin-top: 1.28571em;
    outline: none;
    border: 0;
    background-color: #749c2d;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em;
    line-height: 1.2;
    color: #fff;
    transition: background-color 0.3s ease
}

.popup-lk .popup-lk-form__btn:hover {
    background-color: #88b835
}

.popup-lk .popup-lk-form__error {
    display: block;
    margin-bottom: .83333em;
    color: #ff6c6c
}

.popup-lk .popup-lk-form__message {
    width: 20.71429em;
    margin: -.35714em 0em 0em;
    font-size: 1.16667em;
    line-height: 1.428
}

.popup-lk .popup-lk-form__message .lep-form__btn {
    margin-top: 5.42857em
}

.popup-lk .popup-lk-form__text {
    margin: 0
}

.popup-lk .popup-lk-form__suggest {
    margin: 0;
    text-align: center;
    color: #bbb
}

.popup-lk .popup-lk-form__suggest a {
    text-decoration: underline !important;
    font-style: normal;
    color: #fff
}

.popup-lk .popup-lk-form__suggest a:hover {
    text-decoration: none !important
}

.popup-lk .popup-lk-form__submit {
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: .38462em 1.15385em;
    width: 100%;
    margin-top: .38462em;
    border: 1px solid #fff;
    border-radius: 2px;
    background-color: #759e2d;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.15385em;
    color: #fff;
    transition: background-color 0.3s ease
}

.popup-lk .popup-lk-form__submit:hover {
    background-color: #88b835
}

.popup-lk .g-recaptcha {
    margin-top: .83333em
}

.popup-lk--login .popup-lk__title {
    font-size: 1.66667em;
    width: 15em
}

.popup-lk--login .popup-lk__description {
    font-size: 1.16667em;
    width: 21.42857em;
    color: #1c5a89
}

.popup-lk--login .popup-lk-form__input {
    background-color: #fff
}

.popup-lk--login .popup-lk-form__input::-moz-placeholder {
    color: #24507d
}

.popup-lk--login .popup-lk-form__input::placeholder {
    color: #24507d
}

.popup-lk--login .popup-lk-form__label {
    right: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.popup-lk--login .popup-lk-form .field-label {
    display: flex;
    align-items: flex-start;
    min-height: 1.25em;
    color: #23507d
}

.popup-lk--login .popup-lk-form .field-label__text {
    line-height: 1.25em;
    font-size: inherit;
    display: flex;
    transition-duration: .2s;
    transform: translateY(-50%);
    transition-property: font-size, line-height, transform;
    padding: 0em .83333em;
    margin-left: .83333em;
    background-color: #fff;
    z-index: 10
}

.popup-lk--login .popup-lk-form .field-label--placeholder-position .field-label__text {
    font-size: 1.16667em;
    transform: translateY(.71429em);
    line-height: 1.57143em
}

.popup-lk--login .popup-lk-form .field-label-text {
    display: flex
}

.popup-lk--login .popup-lk-form .field-label-text__caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popup-lk--login .popup-lk-form .selection {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: .83333em
}

.popup-lk--login .popup-lk-form .selection__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.popup-lk--login .popup-lk-form .selection__ico {
    position: relative;
    width: 1.33333em;
    height: 1.33333em;
    border: 1px solid #d0dae1;
    margin-right: .58333em
}

.popup-lk--login .popup-lk-form .selection__ico::after {
    content: "";
    background-color: #f0f3f5;
    position: absolute;
    top: 50%;
    height: .75em;
    width: .75em;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup-lk--login .popup-lk-form .selection__caption {
    font-size: 1.16667em
}

.popup-lk--login .popup-lk-form .selection__caption .caption__label {
    color: #1c5a89
}

.popup-lk--login .popup-lk-form .selection--type-checkbox .selection__input:checked~.selection__ico::after {
    background-color: #96d34a
}

.popup-lk--login .popup-lk-form__notification {
    font-size: 1.16667em;
    position: relative;
    color: #ff575a;
    margin-left: 1.78571em
}

.popup-lk--login .popup-lk-form__notification::before {
    content: '\f06a';
    font-size: 1.57143em;
    position: absolute;
    top: 0;
    right: auto;
    left: -1.13636em;
    width: .72727em;
    height: .72727em;
    background: #fff;
    text-align: center;
    font-family: 'FontAwesome', sans-serif;
    color: red
}

.popup-factor {
    position: relative;
    box-sizing: border-box;
    padding: 1.875em;
    width: 100%;
    max-width: 61.25em;
    border-radius: .1875em;
    box-shadow: 0 .9375em 2.5em rgba(0, 0, 0, 0.6);
    background-color: #fff;
    font-size: 16px
}

.popup-factor * {
    box-sizing: border-box
}

.popup-factor__close {
    position: absolute;
    top: .625em;
    cursor: pointer;
    width: 1.125em;
    height: 1.125em;
    transition: transform 0.2s linear;
    right: .6875em
}

.popup-factor__close::after,
.popup-factor__close::before {
    content: '';
    position: absolute;
    top: calc(50% - .125em / 2);
    width: 100%;
    height: .125em;
    background-color: #23507d;
    left: 0
}

.popup-factor__close::after {
    transform: rotate(45deg)
}

.popup-factor__close::before {
    transform: rotate(-45deg)
}

.popup-factor__close:hover {
    transform: scale(1.1)
}

.popup-factor__title {
    margin: 0 0 .625em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2;
    color: #24507d
}

.popup-factor__text {
    max-width: 90%;
    margin: 0 auto 2.14286em;
    text-align: center;
    font-size: .875em;
    line-height: 1.3;
    color: #24507d
}

.popup-factor-list {
    display: flex;
    justify-content: center;
    margin: 0 -.625em
}

.popup-factor-list__item {
    display: flex;
    position: relative;
    z-index: 0;
    flex-basis: calc(100% / 3);
    flex-direction: column;
    padding: 1.875em .625em;
    margin: 0 .625em;
    overflow: hidden;
    border: 1px solid #d2dbe2
}

.popup-factor-list__item::after {
    content: '';
    position: absolute;
    bottom: 1.25em;
    z-index: -1;
    width: 3.125em;
    height: 2.8125em;
    background: #1c5a89;
    transform: skew(-20deg);
    right: -1.25em
}

.popup-factor-list__title {
    display: flex;
    position: relative;
    z-index: 0;
    align-items: center;
    height: 2.8125em;
    margin: 0 0 .9375em;
    text-transform: uppercase;
    font-weight: 700;
    color: #1c5a89
}

.popup-factor-list__title::before {
    content: attr(data-num);
    color: #fff;
    margin-right: 2.1875em
}

.popup-factor-list__title::after {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    width: 3.125em;
    height: 100%;
    background: #1c5a89;
    transform: skew(-20deg);
    left: -1.25em
}

.popup-factor-list__text {
    margin-bottom: 1.42857em;
    font-size: .875em;
    color: #24507d
}

.popup-factor-list__box {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.popup-factor-list__img {
    width: 7.5em
}

.popup-factor-list__msg {
    max-width: 80%;
    text-align: center;
    font-size: .8125em;
    font-weight: 500;
    color: #749e2c
}

.popup-factor-list__msg.two-factor-error {
    color: #a80000
}

.popup-factor-list__input {
    padding: 0 .76923em;
    width: 15.38462em;
    height: 2.30769em;
    margin-bottom: .76923em;
    border: none;
    background-color: #d2dbe2;
    font-size: .8125em;
    color: #000
}

.popup-factor-list__input::-webkit-input-placeholder {
    font-size: .8125em;
    color: rgba(0, 0, 0, 0.6)
}

.popup-factor-list__input:-moz-placeholder {
    font-size: .8125em;
    color: rgba(0, 0, 0, 0.6)
}

.popup-factor-list__input::-moz-placeholder {
    font-size: .8125em;
    color: rgba(0, 0, 0, 0.6)
}

.popup-factor-list__input:-ms-input-placeholder {
    font-size: .8125em;
    color: rgba(0, 0, 0, 0.6)
}

.popup-factor-list__btn {
    cursor: pointer;
    width: 15.38462em;
    height: 2.61538em;
    border: none;
    background-color: #749e2c;
    text-align: center;
    text-transform: uppercase;
    font-size: .8125em;
    color: #fff;
    transition: background-color 0.3s ease
}

.popup-factor-list__btn:hover {
    background-color: #82b132
}

.popup-factor-list__link {
    width: 9.375em;
    height: 2.8125em;
    background: url("/themes/genfiles/cms/desktop/all-types-images/button_ios_android.png") center no-repeat;
    background-size: cover
}

.popup-factor-list__link--apple {
    margin-bottom: .625em;
    background-position: 0 0
}

.popup-factor-list__link--android {
    background-position: 0 -2.75em
}

.v--modal-overlay[data-modal="centered_content"] .v--modal-background-click {
    display: flex;
    align-items: center;
    justify-content: center
}

.v--modal-overlay[data-modal="centered_content"] .v--modal-box {
    display: flex;
    top: auto !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: auto !important
}

.v--modal-overlay[data-modal="centered_content"] .v--modal-overlay.scrollable {
    top: 7.66667em;
    padding-bottom: .83333em;
    height: calc(100% - 7.66667em)
}

.v--modal-block-scroll {
    overflow-x: hidden !important
}

.box-modal--offseted {
    margin: 3.125em auto 0 !important
}

.v--modal-box--small,
.v--modal-box--middle,
.v--modal-box--big {
    margin: auto
}

.v--modal-box--small {
    width: 31.66667em !important
}

.v--modal-box--middle {
    width: 66.66667em !important
}

.v--modal-box--big {
    width: 75em !important
}

.v--modal-overlay .v--modal-background-click .v--modal-box.v--modal-bonus,
.v--modal-overlay .v--modal-background-click .v--modal-box.v--user-fields {
    position: absolute;
    top: 50% !important;
    right: unset !important;
    left: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
    padding: .9375em;
    translate: -50% -50%;
    font-size: 16px
}

.select-bonus-popup {
    box-sizing: border-box;
    position: relative;
    padding: 2.5em 1.5625em;
    width: 100%;
    max-width: 32em;
    border-radius: 3px;
    background-color: #fff;
    font-size: 16px
}

.select-bonus-popup__close {
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer;
    width: 1.25em;
    height: 1.25em;
    outline: none;
    border: 0;
    background-color: transparent;
    transition: scale 0.3s linear
}

.select-bonus-popup__close::after,
.select-bonus-popup__close::before {
    content: '';
    position: absolute;
    top: calc(50% - 3px / 2);
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #d0dae1
}

.select-bonus-popup__close::after {
    rotate: 45deg
}

.select-bonus-popup__close::before {
    rotate: -45deg
}

.select-bonus-popup__close:hover {
    scale: 1.2
}

.select-bonus-popup__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8125em;
    height: 4.8125em;
    margin: 0 auto .9375em;
    border: 4px solid #fbd6b6;
    border-radius: 50%
}

.select-bonus-popup__icon::before {
    content: '!';
    font-size: 3.375em;
    color: #f8bb87
}

.select-bonus-popup__title {
    margin-top: 0;
    margin-bottom: .65217em;
    text-align: center;
    font-weight: 700;
    font-size: 1.4375em;
    color: #010101
}

.select-bonus-popup__text {
    margin-top: 0;
    margin-bottom: .88235em;
    text-align: center;
    font-size: 1.0625em;
    color: #343539
}

.select-bonus-popup__bonuses {
    display: flex;
    justify-content: center
}

.select-bonus-popup__btns {
    display: flex;
    justify-content: center;
    margin-top: .9375em
}

.select-bonus-popup__btn {
    flex: 0 1 10.58824em;
    padding-top: .58824em;
    padding-bottom: .58824em;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: .35294em;
    background-color: #3185d6;
    text-transform: uppercase;
    font-size: 1.0625em;
    color: #fefefe;
    transition: background-color 0.3s ease
}

.select-bonus-popup__btn:disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none
}

@media (hover: hover) {
    .select-bonus-popup__btn:hover {
        background-color: #579cde
    }
}

.select-bonus-popup .apm-form-bonus__item {
    flex-basis: 11.875em
}

.user-fields-popup {
    position: relative;
    padding: 1.875em;
    width: 100%;
    box-sizing: border-box;
    max-width: 48.125em;
    max-height: 100%;
    border-radius: 3px;
    background-color: #fff;
    font-size: 16px;
    overflow: auto
}

.user-fields-popup * {
    box-sizing: border-box
}

.user-fields-popup--compact {
    max-width: 25em
}

.user-fields-popup--compact .user-fields-popup__wrapper {
    grid-template-columns: repeat(1, 1fr)
}

.user-fields-popup__close {
    position: absolute;
    top: .75em;
    right: .75em;
    cursor: pointer;
    padding: 0;
    width: 1.25em;
    height: 1.25em;
    border: 0;
    background-color: transparent;
    transition: scale 0.3s linear
}

.user-fields-popup__close::after,
.user-fields-popup__close::before {
    content: '';
    position: absolute;
    top: calc(50% - 3px / 2);
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #779ab8
}

.user-fields-popup__close::after {
    rotate: 45deg
}

.user-fields-popup__close::before {
    rotate: -45deg
}

.user-fields-popup__close:hover {
    scale: 1.1
}

.user-fields-popup__title {
    margin-top: 0;
    margin-bottom: .5em;
    text-align: center;
    font-weight: 700;
    font-size: 1.25em;
    color: #23507d
}

.user-fields-popup__text {
    margin-top: 0;
    margin-bottom: 1.78571em;
    text-align: center;
    font-size: .875em;
    color: #23507d
}

.user-fields-popup__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875em;
    margin-bottom: 1.875em
}

.user-fields-popup__field {
    position: relative
}

.user-fields-popup__button {
    width: 100%
}

.user-fields-popup__recaptcha {
    margin-top: 2.5em;
    padding-top: 2.5em;
    border-top: 1px solid #e9eef2;
    text-align: center;
    font-size: .625em;
    color: #779ab8
}

.user-fields-popup__recaptcha a {
    text-decoration: underline;
    color: #40a5ff
}

.user-field-input__field {
    padding: .75em .875em
}

.user-field-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: .875em;
    width: .375em;
    height: .375em;
    color: #286ba6;
    border-right: 1px solid #286ba6;
    border-bottom: 1px solid #286ba6;
    rotate: 45deg;
    translate: 0 -50%;
    z-index: 1
}

.user-field-select__field {
    padding: .75em 2.125em .75em .875em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.user-field-select__field:dir(rtl) {
    padding: .75em .875em .75em 2.125em
}

.user-field-date .vdp-datepicker__calendar {
    width: 100%
}

.user-field-date__input {
    padding: .75em 2.5em .75em .875em
}

.user-field-date__input:dir(rtl) {
    padding: .75em .875em .75em 2.5em
}

.user-field-date__icon {
    position: absolute;
    top: 50%;
    right: .625em;
    width: 1em;
    height: 1em;
    padding: 0;
    font-size: inherit;
    border: none;
    background-color: transparent;
    translate: 0 -50%;
    color: #286ba6
}

.user-field-date__icon::before {
    content: '\f073';
    font-family: 'FontAwesome'
}

.user-field-button {
    display: block;
    padding: .85714em;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    background-color: #7dab2f;
    text-transform: uppercase;
    font-size: .875em;
    color: #fff;
    transition: background-color 0.3s ease
}

@media (hover: hover) {
    .user-field-button:hover {
        background-color: #98cb41
    }
}

.showcase-promo {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 32em;
    padding: 1.25em;
    border-radius: 5px;
    background-color: #fff
}

.showcase-promo__text {
    font-size: 1.125em;
    text-align: center;
    color: #545454
}

.showcase-promo__box {
    width: 100%;
    margin: .8125em auto 0em
}

.showcase-promo-box {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}

.showcase-promo-box__btn {
    width: 100%;
    max-width: 11.25em;
    margin: 5px
}

.showcase-promo-box-btn {
    font-size: 1.0625em;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: .58824em 2em;
    cursor: pointer;
    font-weight: 500
}

.showcase-promo-box-btn--confirm {
    background-color: #3185d6
}

.showcase-promo-box-btn--cancel {
    background-color: #ababab
}

.showcase-promo-box-btn:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}

.showcase-promo-box-btn:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

.showcase-promo-box-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #346495
}

.apm-block--security {
    position: relative;
    background: #eaeff2;
    color: #235a87
}

.apm-block--security .apm__heading,
.apm-block--security .apm-admin__heading,
.apm-block--security .apm-flow__heading,
.apm-block--security .apm-give__heading {
    font-weight: 700
}

.apm-block--security .apm__heading,
.apm-block--security .apm-admin__heading,
.apm-block--security .apm-flow__heading,
.apm-block--security .apm-give__heading,
.apm-block--security .apm__subheading,
.apm-block--security .apm-admin__subheading,
.apm-block--security .apm-flow__subheading,
.apm-block--security .apm-give__subheading {
    color: inherit
}

.apm-security :focus {
    outline: none
}

.apm-security__blocks {
    display: flex;
    align-items: flex-start;
    width: 100%
}

@media (max-width: 1200px) {
    .apm-security__blocks {
        display: block
    }
}

.apm-security__progress {
    margin-bottom: 1.66667em
}

.apm-security__items {
    flex-grow: 1;
    flex-shrink: 1
}

@media (min-width: 2201px) {
    .apm-security__items {
        width: 66.66667%
    }
}

@media (min-width: 1201px) and (max-width: 2200px) {
    .apm-security__items {
        width: 62.5em
    }
}

.apm-security__sessions {
    flex-grow: 1;
    flex-shrink: 100;
    min-width: 23.33333em;
    margin-left: 1.66667em
}

@media (min-width: 2441px) {
    .apm-security__sessions {
        min-width: calc(100% * 1/3 - 1.66667em)
    }
}

@media (max-width: 1200px) {
    .apm-security__sessions {
        width: auto;
        margin: 1.66667em 0em 0em
    }
}

.apm-security .c-registration__input::-moz-placeholder {
    color: inherit
}

.apm-security .c-registration__input::placeholder {
    color: inherit
}

.apm-security__button {
    margin-top: .41667em
}

.apm-security-progress {
    border-radius: 3px;
    background: #fff;
    color: #235a87
}

.apm-security-progress__text {
    padding: 1.33333em 2.08333em 1em
}

.apm-security-progress__label {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.33333em
}

.apm-security-progress__num {
    display: inline-block;
    padding: .16667em .58333em;
    border-radius: .83333em;
    background: #bfc9d1;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1.25em;
    color: #000;
    margin-left: 1em
}

.apm-security-progress__bar {
    height: .33333em;
    overflow: hidden;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background: #bfc9d1
}

.apm-security-progress__line {
    height: 100%;
    background: #23507d
}

.apm-security-progress--bad .apm-security-progress__num {
    background: rgba(255, 92, 95, 0.2);
    color: #23507d
}

.apm-security-progress--bad .apm-security-progress__line {
    background: #ff5c5f
}

.apm-security-progress--normal .apm-security-progress__num {
    background: rgba(253, 133, 63, 0.2);
    color: #23507d
}

.apm-security-progress--normal .apm-security-progress__line {
    background: #fd853f
}

.apm-security-progress--good .apm-security-progress__num,
.apm-security-progress--full .apm-security-progress__num {
    background: rgba(128, 172, 47, 0.2);
    color: #23507d
}

.apm-security-progress--good .apm-security-progress__line,
.apm-security-progress--full .apm-security-progress__line {
    background: #7fab2f
}

.apm-security-sessions {
    padding: 1.66667em 2.08333em 1.25em;
    border-radius: 3px;
    background: #fff;
    color: #23507d
}

.apm-security-sessions__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: -.66667em
}

.apm-security-sessions__title {
    margin-bottom: .9375em;
    font-size: 1.33333em;
    font-weight: 700;
    line-height: 1.25em;
    margin-left: .625em
}

.apm-security-sessions__btn {
    margin-bottom: 1.25em;
    margin-left: .83333em
}

.apm-security-sessions__subtitle {
    margin-bottom: .71429em;
    font-size: 1.16667em;
    font-weight: 700;
    line-height: 1.28571em
}

.apm-security-sessions__items {
    padding: 0;
    margin: 0em 0em 1.25em;
    list-style: none
}

.apm-security-sessions__items--scrollable {
    max-height: 28.5em;
    padding-right: 1.25em;
    margin-right: -1.25em
}

.apm-security-sessions__item {
    margin-bottom: 1.33333em
}

.apm-security-sessions__more {
    margin: -1em 0em 1.66667em
}

.apm-security-more {
    display: inline-block
}

.apm-security-more__container {
    display: block
}

.apm-security-more:focus .apm-security-more__container {
    outline: 1px solid #5092fe
}

.apm-security-more__label {
    border-bottom: 1px dashed
}

.apm-security-sessions-btn {
    display: inline-block;
    border-radius: 3px;
    background: #eaeff2;
    transition: background-color 0.3s ease-in-out
}

.apm-security-sessions-btn:hover {
    background: #e8f4ff
}

.apm-security-sessions-btn:focus .apm-security-sessions-btn__container {
    outline: 1px solid #5092fe
}

.apm-security-sessions-btn__container {
    display: block;
    padding: .57143em 1.07143em;
    min-width: 14.28571em;
    text-align: center;
    font-size: 1.16667em;
    line-height: 1.14286em;
    color: #779ab8
}

.apm-security-session {
    display: flex;
    align-items: center
}

.apm-security-session__device {
    opacity: 0.7;
    flex: auto 0 0;
    width: 3.16667em;
    margin-right: .66667em
}

.apm-security-session__icn {
    display: block;
    width: 100%;
    height: 1em;
    font-size: 3.33333em;
    line-height: 1;
    fill: currentColor
}

.apm-security-session__content {
    flex: 100% 1 1
}

.apm-security-session__title,
.apm-security-session__info,
.apm-security-session__status {
    font-size: 1em;
    line-height: 1.25em
}

.apm-security-session__title {
    font-weight: 700
}

.apm-security-session__info {
    opacity: 0.7
}

.apm-security-session--is-current .apm-security-session__status {
    color: #80ac2f
}

.apm-security-session__live {
    flex: auto 0 0;
    align-self: flex-start;
    text-align: right;
    margin-left: .66667em
}

.apm-security-close {
    opacity: 0.7;
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s
}

.apm-security-close:hover,
.apm-security-close:focus {
    opacity: 1
}

.apm-security-close:focus .apm-security-close__container {
    outline: 1px solid #5092fe
}

.apm-security-close__container {
    display: block;
    position: relative;
    width: 1.25em;
    height: 1.25em
}

.apm-security-close__container::before,
.apm-security-close__container::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .83333em;
    height: 1px;
    background: currentColor
}

.apm-security-close__container::before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.apm-security-close__container::after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.apm-security-items {
    display: flex;
    justify-content: space-between
}

.apm-security-items__col {
    flex: auto 0 0;
    width: calc(50% - .83333em)
}

.apm-security-items__item {
    margin-bottom: 1.66667em
}

.apm-security-item {
    display: block;
    position: relative;
    border-radius: 3px;
    background: #fff;
    color: #235a87
}

.apm-security-item__card,
.apm-security-item__action {
    padding: .83333em .83333em .41667em
}

.apm-security-item__card {
    position: relative
}

.apm-security-item__head {
    display: flex
}

.apm-security-item__info {
    opacity: 0.5;
    margin-top: -.16667em;
    font-size: 1em;
    line-height: 1em;
    margin-right: 1.25em
}

.apm-security-item__status {
    margin-left: auto
}

.apm-security-item__checkbox {
    align-self: flex-start
}

.apm-security-item__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 1.66667em;
    max-width: 23.33333em;
    min-height: 12em;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.apm-security-item__icn {
    display: block;
    margin-bottom: 1.66667em
}

.apm-security-item__svg {
    display: block;
    width: 100%;
    height: 1em;
    font-size: 5em;
    fill: currentColor
}

.apm-security-item__title {
    margin-bottom: .13333em;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.33333em
}

.apm-security-item__subtitle {
    opacity: 0.7;
    font-size: 1em;
    line-height: 1.25em
}

.apm-security-item__toggle {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    right: 0
}

.apm-security-item__action {
    margin-top: .83333em
}

.apm-security-item--bad .apm-security-item__head {
    color: #ff5c5f
}

.apm-security-item--good {
    background: #f3fde3;
    color: #235a87
}

.apm-security-item--good .apm-security-item__head {
    color: #80ac2f
}

.apm-security-item--good .apm-security-item__title {
    color: #7eac2f
}

.apm-security-item__box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.apm-security-toggle {
    cursor: pointer
}

.apm-security-toggle__container {
    display: block;
    width: 100%;
    height: 100%
}

.apm-security-toggle:focus .apm-security-toggle__container {
    outline: 1px solid #5092fe
}

.apm-security-item-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.83333em;
    height: 1.83333em;
    border-radius: 50%;
    background: currentColor;
    vertical-align: middle
}

.apm-security-item-status__icn {
    display: block;
    width: 100%;
    height: 1em;
    font-size: .91667em;
    color: #fff;
    fill: currentColor
}

.apm-security-action__form {
    max-width: 26.08333em;
    margin-right: auto;
    margin-left: auto
}

.apm-security-form__row {
    margin-bottom: 1.66667em
}

.apm-security-form__submit {
    width: 100%
}

.apm-security-form__qr {
    margin-bottom: 2.08333em
}

.apm-security-form__el {
    position: relative;
    font-size: 1.33333em
}

.apm-security-form__error {
    position: absolute;
    top: -.58333em;
    padding: 0em .25em;
    max-width: 95%;
    overflow: hidden;
    border: 1px solid #d6dbde;
    background-color: #fff;
    text-overflow: ellipsis;
    font-size: .75em;
    line-height: 1.2;
    white-space: nowrap;
    color: #dc1a04;
    right: 1.25em
}

.apm-security-form__phone {
    height: 2.66667em;
    border: 1px solid #d6dbdd
}

@media (min-width: 1600px) {
    .apm-security-form__phone .multiselect__content-wrapper {
        width: 21.08333em
    }
}

.apm-security-form .forgot-phone {
    padding: 0
}

.apm-security-input {
    display: flex;
    position: relative;
    flex-direction: column-reverse;
    padding: .16667em 1.33333em;
    border: 1px solid #d6dbdd;
    background: #fff;
    color: #235a87
}

.apm-security-input__label,
.apm-security-input__input {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.2em
}

.apm-security-input__label {
    opacity: 0.7;
    display: block;
    transform: scale(0.8);
    transform-origin: left center;
    transition: transform, opacity;
    transition-duration: 0.2s
}

.apm-security-input__input {
    display: block;
    color: #235a87
}

.apm-security-input__input:not(:valid):not(:focus)~.apm-security-input__label {
    opacity: 1;
    transform: translateY(50%)
}

.apm-security-input--select {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.apm-security-input--select .apm-security-input__label {
    padding: 0em 1.33333em
}

.apm-security-submit {
    display: block;
    border-radius: 3px;
    background: #7dab2f;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out
}

.apm-security-submit * {
    text-decoration: none
}

.apm-security-submit:focus .apm-security-submit__container {
    outline: 1px solid #5092fe
}

.apm-security-submit:hover {
    background: #567621
}

.apm-security-submit__container {
    display: block;
    padding: 1.08333em 1.33333em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.33333em;
    color: #fff
}

.apm-security-qr {
    display: flex
}

.apm-security-qr__image {
    flex: auto 0 0;
    margin-right: .83333em
}

.apm-security-qr__img {
    display: block;
    width: 8.66667em;
    height: auto
}

.apm-security-qr__content {
    display: flex;
    flex: 100% 1 1;
    flex-direction: column;
    justify-content: space-between
}

.apm-security-qr__title {
    opacity: 0.7;
    display: block;
    font-size: 1em;
    line-height: 1.25em
}

.apm-security-qr__link {
    display: inline-block;
    margin: .33333em 0em 0em;
    transition: opacity 0.2s;
    margin-right: .33333em
}

.apm-security-qr__link:hover,
.apm-security-qr__link:focus {
    opacity: 0.8
}

.apm-security-qr__icon {
    display: block;
    max-width: 100%
}

.apm-security-button {
    background-color: #7eac2f;
    display: flex;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    padding: .41667em 1.25em;
    cursor: pointer
}

.apm-security-button--theme-gray {
    background-color: #d4dee8
}

.apm-security-button__text {
    font-size: .75em;
    color: #fff
}

.apm-security-button__text--theme-gray .apm-security-button__text {
    color: #276aa5
}

.apm-security-checkbox {
    display: block;
    position: relative;
    cursor: pointer
}

.apm-security-checkbox__icn {
    display: block;
    position: relative;
    width: 2.5em;
    height: 1.25em;
    border-radius: .66667em
}

.apm-security-checkbox__icn::before,
.apm-security-checkbox__icn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: currentColor
}

.apm-security-checkbox__icn::before {
    opacity: 0.3;
    right: 0;
    transition: color 0.2s
}

.apm-security-checkbox__icn::after {
    width: 1.25em;
    transition: color, transform;
    transition-duration: 0.2s
}

.apm-security-checkbox__input:checked~.apm-security-checkbox__icn::after {
    transform: translateX(100%)
}

.apm-security-checkbox__container {
    display: block
}

.apm-security-checkbox__input:focus~.apm-security-checkbox__icn {
    opacity: 0.8
}

.s-apm-security-multiselect.multiselect {
    min-height: 0 !important;
    text-align: left !important
}

.s-apm-security-multiselect.multiselect.multiselect--above .multiselect__content-wrapper {
    bottom: calc(100% + 1.3125em)
}

.s-apm-security-multiselect.multiselect .multiselect__tags {
    padding: 0em 1em;
    width: calc(100% - 2.5em);
    min-height: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 1em
}

.s-apm-security-multiselect.multiselect .multiselect__select {
    display: flex;
    top: auto;
    bottom: 0;
    align-items: center;
    padding: 0em .625em;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    left: auto;
    right: 0
}

.s-apm-security-multiselect.multiselect .multiselect__select::before {
    content: '\f107';
    position: static;
    cursor: pointer;
    margin: 0;
    border: 0;
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.625em;
    line-height: 1.38462em;
    color: #286ba6
}

.s-apm-security-multiselect.multiselect .multiselect__single {
    padding: 0;
    max-width: 100%;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .9375em;
    line-height: 1;
    white-space: nowrap;
    color: #286ba6
}

.s-apm-security-multiselect.multiselect .multiselect__content-wrapper {
    left: -1px;
    width: calc(100% + .125em);
    overflow-x: hidden;
    border: 1px solid #d6dbdd;
    border-radius: 0 !important
}

.s-apm-security-multiselect.multiselect .multiselect__content {
    max-width: 100%
}

.s-apm-security-multiselect.multiselect .multiselect__option {
    max-width: 100%;
    font-size: .875em;
    white-space: normal
}

.s-apm-security-multiselect.multiselect .multiselect__option--selected,
.s-apm-security-multiselect.multiselect .multiselect__option--highlight {
    background: #2175b2 !important;
    color: #fff
}

.s-apm-security-ps.ps {
    overflow: hidden !important;
    touch-action: auto;
    -ms-overflow-style: none
}

.s-apm-security-ps.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.s-apm-security-ps.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
    background-color: currentColor;
    height: .41667em
}

.s-apm-security-ps.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.s-apm-security-ps.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    background-color: currentColor;
    width: .41667em
}

.s-apm-security-ps.ps.ps--active-x>.ps__scrollbar-x-rail,
.s-apm-security-ps.ps.ps--active-y>.ps__scrollbar-y-rail {
    display: block;
    background-color: rgba(0, 0, 0, 0)
}

.s-apm-security-ps.ps>.ps__scrollbar-x-rail {
    opacity: .5;
    display: none;
    position: absolute;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    bottom: 0;
    height: .91667em
}

.s-apm-security-ps.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x {
    position: absolute;
    cursor: pointer;
    border-radius: .25em;
    background-color: currentColor;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    bottom: .25em;
    height: .41667em
}

.s-apm-security-ps.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x,
.s-apm-security-ps.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x {
    height: .41667em
}

.s-apm-security-ps.ps>.ps__scrollbar-y-rail {
    opacity: .5;
    display: none;
    position: absolute;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    width: .91667em;
    right: 0 !important;
    left: auto !important
}

.s-apm-security-ps.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    position: absolute;
    cursor: pointer;
    border-radius: .25em;
    background-color: currentColor;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    width: .41667em;
    right: .25em !important;
    left: auto !important
}

.s-apm-security-ps.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y,
.s-apm-security-ps.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y {
    width: .41667em
}

.s-apm-security-ps.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.s-apm-security-ps.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
    background-color: currentColor;
    height: .41667em
}

.s-apm-security-ps.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.s-apm-security-ps.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    background-color: currentColor;
    width: .41667em
}

.s-apm-security-ps.ps:hover>.ps__scrollbar-x-rail,
.s-apm-security-ps.ps:hover>.ps__scrollbar-y-rail {
    opacity: .7
}

.s-apm-security-ps.ps:hover>.ps__scrollbar-x-rail:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.s-apm-security-ps.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {
    background-color: currentColor
}

.s-apm-security-ps.ps:hover>.ps__scrollbar-y-rail:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.s-apm-security-ps.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
    background-color: currentColor
}

.s-apm-security-ps.ps.ps--focus>.ps__scrollbar-x-rail>.ps__scrollbar-x,
.s-apm-security-ps.ps.ps--focus>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    outline: 1px solid
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .s-apm-security-ps.ps {
        overflow: auto !important
    }
}

@supports (-ms-overflow-style: none) {
    .s-apm-security-ps.ps {
        overflow: auto !important
    }
}

.ap-left-newyear {
    background-color: #1b5785;
    padding: 0em 2.08333em 0em 1.25em
}

.ap-left-newyear:dir(rtl) {
    padding: 0em 1.25em 0em 2.08333em
}

.ap-left-newyear__image {
    margin-inline-end: 1.25em
}

.ap-left-newyear__content {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%
}

.ap-left-newyear__caption {
    font-weight: 500;
    text-transform: uppercase
}

.ap-left-newyear__switcher {
    margin-inline-start: auto
}

.ap-left-newyear__garland {
    left: 0;
    right: 0;
    top: -2.5em
}

.ap-left-newyear__garland::before,
.ap-left-newyear__garland::after {
    background-repeat: no-repeat
}

.s-apm-datepicker {
    font-size: 1.14286em;
    display: inline-block
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .s-apm-datepicker.vdp-datepicker {
        position: static
    }
}

.s-apm-datepicker .vdp-datepicker__calendar {
    top: 100%;
    left: 1.0625em;
    width: 13.625em;
    max-width: 100%;
    border: 0;
    box-shadow: 1px .125em .3125em .3125em rgba(0, 0, 0, 0.5);
    background: #19405f;
    color: #fff
}

.s-apm-datepicker .vdp-datepicker__calendar header {
    line-height: 1.875em
}

.s-apm-datepicker .vdp-datepicker__calendar .prev:not(.disabled):hover,
.s-apm-datepicker .vdp-datepicker__calendar .next:not(.disabled):hover,
.s-apm-datepicker .vdp-datepicker__calendar .up:not(.disabled):hover {
    background-color: transparent
}

.s-apm-datepicker .vdp-datepicker__calendar .prev,
.s-apm-datepicker .vdp-datepicker__calendar .next {
    opacity: 0.6;
    position: relative;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out
}

.s-apm-datepicker .vdp-datepicker__calendar .prev:not(.disabled):hover,
.s-apm-datepicker .vdp-datepicker__calendar .next:not(.disabled):hover {
    opacity: 1
}

.s-apm-datepicker .vdp-datepicker__calendar .prev.disabled,
.s-apm-datepicker .vdp-datepicker__calendar .next.disabled {
    cursor: not-allowed;
    transform: scale(0.9)
}

.s-apm-datepicker .vdp-datepicker__calendar .prev::before,
.s-apm-datepicker .vdp-datepicker__calendar .next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: 0;
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.125em;
    color: #fff
}

.s-apm-datepicker .vdp-datepicker__calendar .prev::after,
.s-apm-datepicker .vdp-datepicker__calendar .next::after {
    content: none
}

.s-apm-datepicker .vdp-datepicker__calendar .prev::before {
    content: '\f104'
}

.s-apm-datepicker .vdp-datepicker__calendar .next::before {
    content: '\f105'
}

.s-apm-datepicker .vdp-datepicker__calendar .up {
    font-size: .8125em;
    font-weight: 700
}

.s-apm-datepicker .vdp-datepicker__calendar .cell {
    height: 3em;
    font-size: .625em;
    line-height: 3em
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.day-header {
    cursor: default;
    font-size: .625em;
    font-weight: 700
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.day-header:lang(ta) {
    max-width: inherit;
    margin-inline-end: 4px;
    width: -moz-max-content;
    width: max-content
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.day {
    height: 2.3em;
    border: 1px solid #19405f;
    text-align: right;
    line-height: 2.3em
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.day:not(.blank) {
    background: #0d2f4c;
    color: #fff;
    transition: background 0.3s
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.day:not(.blank):not(.disabled):hover {
    border: 1px solid #19405f;
    background: #5b7923
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.day:not(.blank).disabled {
    opacity: 0.3
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.day.selected {
    border: 1px solid #19405f;
    background: #5b7923
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.month {
    padding: 0 2px
}

.s-apm-datepicker .vdp-datepicker__calendar .cell.month:not(.blank):not(.disabled):hover {
    border: 1px solid #48bcdd
}

.apm-filters__date .vdp-datepicker__calendar,
.apm-exchange__datepicker .vdp-datepicker__calendar {
    background-color: #fff
}

.apm-filters__date .vdp-datepicker__calendar .cell.disabled,
.apm-exchange__datepicker .vdp-datepicker__calendar .cell.disabled {
    color: #787878
}

.apm-filters__date .vdp-datepicker__calendar header .day__month_btn.up:hover,
.apm-exchange__datepicker .vdp-datepicker__calendar header .day__month_btn.up:hover {
    background-color: rgba(237, 237, 237, 0.7)
}

.vdp-datepicker .vdp-datepicker__calendar .day {
    color: #787878
}

.vdp-datepicker .vdp-datepicker__calendar .day.disabled {
    color: #ccc
}

.vdp-datepicker .vdp-datepicker__calendar .cell.day:not(.blank):not(.disabled):hover,
.vdp-datepicker .vdp-datepicker__calendar .cell.month:not(.blank):not(.disabled):hover,
.vdp-datepicker .vdp-datepicker__calendar .cell.year:not(.blank):not(.disabled):hover {
    border: 1px solid #19405f
}

.vdp-datepicker .vdp-datepicker__calendar .cell.day.selected,
.vdp-datepicker .vdp-datepicker__calendar .cell.month.selected,
.vdp-datepicker .vdp-datepicker__calendar .cell.year.selected {
    background: #5b7923;
    color: #fff
}

.vdp-datepicker .vdp-datepicker__calendar .cell.day.selected:hover,
.vdp-datepicker .vdp-datepicker__calendar .cell.month.selected:hover,
.vdp-datepicker .vdp-datepicker__calendar .cell.year.selected:hover {
    border: 1px solid #19405f;
    background: #5b7923;
    color: #fff
}

.s-apm-multiselect {
    flex: 1;
    min-width: 0;
    min-height: 2em !important;
    margin: 0;
    font-size: 1.14286em;
    color: #fff !important;
    transition: box-shadow 0.3s ease-in-out
}

.s-apm-multiselect.multiselect--active {
    z-index: 3;
    box-shadow: 0 0 0 .3125em #19405f, 1px .125em .3125em .3125em rgba(0, 0, 0, 0.5)
}

.s-apm-multiselect.multiselect--above .multiselect__content-wrapper {
    top: auto;
    bottom: 100%;
    transform: translateY(-.3125em)
}

.s-apm-multiselect .multiselect__content-wrapper {
    top: 100%;
    border: 0;
    box-shadow: 0 0 0 .3125em #19405f, 1px .125em .3125em .3125em rgba(0, 0, 0, 0.5);
    background: #19405f;
    font-size: 1em;
    transform: translateY(.3125em)
}

.s-apm-multiselect .multiselect__tags {
    min-height: 2em;
    border: none;
    background: #4d88b9;
    font-size: 1em;
    transition: box-shadow 0.3s ease-in-out;
    padding-left: 1.25em;
    padding-right: 2.5em
}

.s-apm-multiselect .multiselect__placeholder,
.s-apm-multiselect .multiselect__single,
.s-apm-multiselect .multiselect__input {
    padding: 0;
    margin: 0;
    font-size: .875em;
    color: currentColor
}

.s-apm-multiselect .multiselect__placeholder,
.s-apm-multiselect .multiselect__single {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.28571em;
    white-space: nowrap
}

.s-apm-multiselect .multiselect__spinner {
    opacity: 0.3;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.s-apm-multiselect .multiselect__single {
    display: block;
    max-width: 100%
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .s-apm-multiselect .multiselect__single {
        height: 2.28571em;
        min-height: 2.28571em
    }
}

.s-apm-multiselect .multiselect__select {
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    height: 100%
}

.s-apm-multiselect .multiselect__select::before {
    font-size: 1em;
    color: currentColor
}

.s-apm-multiselect .multiselect__option {
    min-height: 2.5em;
    font-size: .75em;
    font-weight: normal;
    white-space: normal;
    color: currentColor
}

.s-apm-multiselect .multiselect__option::after {
    content: '';
    position: static;
    padding: 0;
    min-height: inherit;
    font-size: 0;
    line-height: normal
}

.s-apm-multiselect .multiselect__option--highlight::after {
    background-color: transparent
}

.s-apm-multiselect .multiselect__option--selected {
    background: #789f2f;
    font-weight: normal;
    color: #fff
}

.apm-filters .apm-filters__wrap .apm-filters__chosen.multioptions,
.apm-filters .apm-filters__wrap_multirow .apm-filters__chosen.multioptions,
.apm-filters .apm-filters__wrap_account .apm-filters__chosen.multioptions {
    max-width: 12.5em
}

.apm-filters .apm-filters__wrap .multiselect__tags,
.apm-filters .apm-filters__wrap_multirow .multiselect__tags,
.apm-filters .apm-filters__wrap_account .multiselect__tags,
.apm-filters .apm-filters__wrap .multiselect__single,
.apm-filters .apm-filters__wrap_multirow .multiselect__single,
.apm-filters .apm-filters__wrap_account .multiselect__single,
.apm-filters .apm-filters__wrap .multiselect__input,
.apm-filters .apm-filters__wrap_multirow .multiselect__input,
.apm-filters .apm-filters__wrap_account .multiselect__input,
.apm-filters .apm-filters__wrap .multiselect__option--selected,
.apm-filters .apm-filters__wrap_multirow .multiselect__option--selected,
.apm-filters .apm-filters__wrap_account .multiselect__option--selected {
    background-color: #4d88b9;
    color: #000
}

.apm-filters .apm-filters__wrap .multiselect__tags,
.apm-filters .apm-filters__wrap_multirow .multiselect__tags,
.apm-filters .apm-filters__wrap_account .multiselect__tags {
    min-height: 1.85714em
}

.apm-filters .apm-filters__wrap .multiselect__select::before,
.apm-filters .apm-filters__wrap_multirow .multiselect__select::before,
.apm-filters .apm-filters__wrap_account .multiselect__select::before {
    color: #000
}

@media (max-width: 1599px) {
    .apm-filters .apm-filters__wrap .multiselect__single,
    .apm-filters .apm-filters__wrap_multirow .multiselect__single,
    .apm-filters .apm-filters__wrap_account .multiselect__single {
        max-width: 7.5em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.apm-filters .apm-filters__wrap_account .apm-filters__chosen {
    max-width: 100%
}

.apm-filters .apm-filters__wrap_account .multiselect__tags,
.apm-filters .apm-filters__wrap_account .multiselect__single,
.apm-filters .apm-filters__wrap_account .multiselect__input,
.apm-filters .apm-filters__wrap_account .multiselect__option--selected,
.apm-filters .apm-filters__wrap_account .multiselect__option--highlight {
    background-color: #759d2d;
    color: #fff
}

.apm-filters .apm-filters__wrap_account .multiselect__tags {
    min-height: 2.28571em
}

.apm-filters .apm-filters__wrap_account .multiselect__select::before {
    color: #fff
}

@media (max-width: 1600px) {
    .apm-filters__checkbox {
        max-width: 10em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media (max-width: 1280px) {
    .apm-filters__checkbox {
        max-width: 7.91667em;
        margin: .41667em
    }
}

.apm-filters .multiselect {
    position: relative;
    padding: 0;
    max-width: 100%;
    min-height: 1.625em;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 0 #183e5d, 0 0 0 0 rgba(0, 0, 0, 0.5);
    transition: box-shadow 0.3s;
    will-change: box-shadow
}

.apm-filters .multiselect--active {
    box-shadow: 0 0 0 .3125em #183e5d, 1px .125em .3125em .3125em rgba(0, 0, 0, 0.5)
}

.apm-filters .multiselect.multiselect--above .multiselect__content-wrapper,
.apm-filters .multiselect__content-wrapper {
    top: calc(100% + 10px);
    bottom: unset;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 .3125em #183e5d, 1px .125em .3125em .3125em rgba(0, 0, 0, 0.5);
    scrollbar-width: thin;
    scrollbar-color: rgba(61, 61, 61, 0.5);
    scrollbar-arrow-color: #9e9e9e;
    scrollbar-face-color: #9e9e9e;
    scrollbar-track-color: transparent
}

.apm-filters .multiselect.multiselect--above .multiselect__content-wrapper::-webkit-scrollbar,
.apm-filters .multiselect__content-wrapper::-webkit-scrollbar {
    width: .5em;
    height: .5em
}

.apm-filters .multiselect.multiselect--above .multiselect__content-wrapper::-webkit-scrollbar-thumb,
.apm-filters .multiselect__content-wrapper::-webkit-scrollbar-thumb {
    border-radius: .25em;
    background-color: rgba(61, 61, 61, 0.7)
}

.apm-filters .multiselect.multiselect--above .multiselect__content-wrapper::-webkit-scrollbar-track,
.apm-filters .multiselect__content-wrapper::-webkit-scrollbar-track {
    background-color: rgba(61, 61, 61, 0.5)
}

.apm-filters .multiselect__option {
    padding: .53846em .92308em;
    height: auto;
    min-height: 2.30769em;
    background-color: #183e5d;
    text-align: left;
    font-size: .8125em;
    white-space: normal;
    color: #fff
}

.apm-filters .multiselect__option--selected {
    font-weight: normal
}

.apm-filters .multiselect__tags {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    background-clip: unset;
    padding-right: 2.28571em;
    padding-left: .85714em
}

.apm-filters .multiselect__select {
    display: flex;
    position: absolute;
    top: 0;
    align-items: center;
    justify-content: center;
    width: 1.42857em;
    height: 100%;
    transition: transform 0.3s;
    will-change: transform;
    right: .85714em
}

.apm-filters .multiselect__select::before {
    content: '\f107';
    top: 0;
    margin-top: 0;
    border: none;
    font-family: FontAwesome;
    font-size: inherit
}

.apm-filters .multiselect__single,
.apm-filters .multiselect__input {
    margin-bottom: 0;
    border-radius: 0;
    text-align: left;
    font-size: .92857em
}

.apm-filters .multiselect__single {
    padding-left: 0
}

.apm-filters__multiselect.multiselect {
    box-shadow: 0 0 0 0 #f0f3f5, 0 0 0 0 rgba(0, 0, 0, 0.5)
}

.apm-filters__multiselect.multiselect .multiselect__select,
.apm-filters__multiselect.multiselect .multiselect__tags,
.apm-filters__multiselect.multiselect .multiselect__single,
.apm-filters__multiselect.multiselect .multiselect__input,
.apm-filters__multiselect.multiselect .multiselect__option {
    color: #000;
    background-color: #f0f3f5
}

.apm-filters__multiselect.multiselect .multiselect__select {
    right: 0
}

.apm-filters__multiselect.multiselect .multiselect__select::before {
    color: #000
}

.apm-filters__multiselect.multiselect .multiselect__content-wrapper {
    box-shadow: 0 0 0 .41667em #f0f3f5, 1px .16667em .41667em .41667em rgba(0, 0, 0, 0.5)
}

.apm-filters__multiselect.multiselect .multiselect__option--selected,
.apm-filters__multiselect.multiselect .multiselect__option--highlight {
    color: #fff;
    background-color: #759d2d
}

.apm-filters__multiselect.multiselect.multiselect--active {
    box-shadow: 0 0 0 .41667em #f0f3f5, 1px .16667em .41667em .41667em rgba(0, 0, 0, 0.5)
}

.modal-instruction.v--modal {
    box-shadow: none;
    background-color: transparent
}

.modal-instruction-body {
    display: flex;
    font-size: 16px
}

@media (max-width: 1024px) {
    .modal-instruction-body {
        padding-right: .625em;
        padding-left: .625em
    }
}

.modal-instruction-body__video {
    width: 100%
}

.modal-instruction-body__close {
    opacity: 0.7;
    position: absolute;
    top: .625em;
    right: 1.875em;
    z-index: 2;
    padding: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    font-size: inherit
}

.modal-instruction-body__close:hover {
    opacity: 1
}

.modal-instruction-body__close::before,
.modal-instruction-body__close::after {
    content: ' ';
    position: absolute;
    top: 0;
    width: .125em;
    height: 1.875em;
    background-color: #fff;
    font-size: inherit
}

.modal-instruction-body__close::before {
    transform: rotate(45deg)
}

.modal-instruction-body__close::after {
    transform: rotate(-45deg)
}

.video-instruction-link,
.video-instruction-button {
    padding: 0;
    outline: none;
    border: none;
    background: transparent;
    font-size: inherit;
    color: #369
}

@media (max-width: 1024px) {
    .video-instruction-link,
    .video-instruction-button {
        text-decoration: underline;
        color: #c0d4e3
    }
}

.office-promotion-banners .promotion-frame__preloader {
    position: absolute
}

.user-transfer-notification {
    display: flex;
    align-items: center;
    padding: 1.16667em 1.66667em 1.16667em 1.16667em;
    background-color: #f4f9fd;
    border-left: 4px solid #ff5c5f
}

.user-transfer-notification__icon {
    flex-shrink: 0;
    width: 1.33333em;
    height: 1.33333em;
    margin-right: 1.25em
}

.user-transfer-notification__button {
    margin-left: auto
}

@media (max-width: 992px) {
    .user-transfer-notification {
        flex-direction: column;
        font-size: inherit
    }
    .user-transfer-notification__icon {
        margin-bottom: .83333em;
        margin-right: 0
    }
    .user-transfer-notification__content {
        margin-bottom: 1.66667em
    }
    .user-transfer-notification__button {
        margin-left: 0
    }
}

.user-transfer-notification-icon {
    display: flex;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-radius: 50%;
    background-color: #ff575a
}

.user-transfer-notification-icon__symbol {
    font-size: 1.25em;
    color: #fff
}

@media (max-width: 992px) {
    .user-transfer-notification-icon {
        padding: 2px
    }
    .user-transfer-notification-icon__symbol {
        font-size: 1em
    }
}

.user-transfer-notification-content__paragraph {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 133%;
    color: #24507d
}

@media (max-width: 992px) {
    .user-transfer-notification-content__paragraph {
        font-size: .75em
    }
    .user-transfer-notification-content__paragraph:not(:last-child) {
        margin-bottom: .83333em
    }
}

.user-transfer-notification-button {
    cursor: pointer;
    padding: .66667em;
    border-radius: 3px;
    border-color: transparent;
    background-color: #7dab2f;
    transition: background-color 0.3s ease
}

.user-transfer-notification-button__label {
    text-align: center;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 400;
    font-style: normal;
    line-height: 114%;
    color: #fff
}

@media (hover: hover) {
    .user-transfer-notification-button:hover {
        background-color: #7aa633
    }
}

@media (max-width: 992px) {
    .user-transfer-notification-button {
        padding: .33333em .66667em;
        line-height: 1
    }
    .user-transfer-notification-button__label {
        font-size: .75em
    }
}

.checkbox-dropdown {
    position: relative;
    min-width: 13.4375em;
    max-width: 15.9375em
}

.checkbox-dropdown .apm-filters__multiselect {
    position: static
}

.checkbox-dropdown .apm-filters__multiselect.multiselect--active {
    box-shadow: none
}

.checkbox-dropdown .apm-filters__multiselect.multiselect--active .multiselect__select {
    transform: rotate(0)
}

.checkbox-dropdown .apm-filters__multiselect.multiselect--active .multiselect__select::before {
    transform: rotate(180deg)
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__select {
    width: auto;
    padding-right: .9375em
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__select::before {
    height: auto;
    transition: transform 0.3s
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__single {
    font-size: .8125em
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__tags {
    font-size: inherit;
    font-weight: 400;
    padding-left: 11%
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__option {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-top: .23077em;
    padding-bottom: .23077em;
    font-size: .8125em;
    font-weight: 400;
    padding-right: .33333em;
    padding-left: 14%
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__option:hover {
    background-color: #f0f3f5;
    color: #000
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__option::before {
    content: '';
    position: absolute;
    top: 50%;
    width: .76923em;
    height: .76923em;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #d0dae1;
    background-color: transparent;
    transform: translateY(-50%);
    transition: background-color 0.3s;
    left: 4.5%
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__option--selected,
.checkbox-dropdown .apm-filters__multiselect .multiselect__option--highlight {
    background-color: #f0f3f5;
    color: #000
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__option--selected::before {
    background-color: #86b332;
    background-color: #84b332
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__option .single-select-btn {
    padding: .5em .83333em;
    background-color: #d4dee8;
    text-transform: uppercase;
    font-size: .75em;
    line-height: 1.2;
    color: rgba(12, 46, 75, 0.7);
    margin-left: 5%
}

.checkbox-dropdown .apm-filters__multiselect .multiselect__content-wrapper {
    top: calc(100% + .375em);
    width: calc(100% - .75em);
    max-height: none;
    box-shadow: 0 0 0 .375em #f0f3f5, 1px 2px .375em .375em rgba(0, 0, 0, 0.5);
    left: .375em
}

.scrollbar {
    overflow: auto;
    scrollbar-color: rgba(61, 61, 61, 0.5);
    scrollbar-arrow-color: #9e9e9e;
    scrollbar-face-color: #9e9e9e;
    scrollbar-track-color: transparent
}

.banner-example .scrollbar {
    padding-bottom: .66667em
}

.scrollbar::-webkit-scrollbar {
    height: .66667em
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #c9dbed
}

.scrollbar--vertical {
    overflow-x: hidden
}

.scrollbar--horizontal {
    overflow-y: hidden
}

.scrollbar::-webkit-scrollbar {
    width: .41667em;
    height: .41667em
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: .5em;
    background-color: rgba(61, 61, 61, 0.5)
}

.scrollbar::-webkit-scrollbar-track {
    background-color: rgba(61, 61, 61, 0.1)
}

.scrollbar--sidebar {
    overflow-x: hidden
}

.fixedRight .scrollbar--sidebar {
    padding-right: 1px
}

.scrollbar--sidebar::-webkit-scrollbar {
    width: .41667em
}

.scrollbar--sidebar::-webkit-scrollbar-thumb {
    width: 100%;
    border-radius: 3px;
    background-color: rgba(184, 222, 255, 0.3)
}

.scrollbar--sidebar::-webkit-scrollbar-track {
    border-radius: 3px
}

@-moz-document url-prefix() {
    .scrollbar {
        scrollbar-width: thin
    }
}

.input-fp {
    display: flex;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    flex-wrap: nowrap
}

.input-fp * {
    box-sizing: border-box
}

.input-fp__input {
    position: relative;
    display: flex;
    width: 100%;
    outline: none;
    background: transparent;
    background-image: linear-gradient(transparent, transparent);
    font-size: 1em;
    padding: .625em .9375em;
    font-weight: 500;
    line-height: 1.2;
    border: 1px solid #d6dbdd;
    color: #23507d
}

.input-fp__input:-webkit-autofill,
.input-fp__input:-webkit-autofill:hover,
.input-fp__input:-webkit-autofill:focus,
.input-fp__input:-webkit-autofill:active {
    box-shadow: 0em 0em 0em 6.25em #fff inset !important;
    -webkit-text-fill-color: #23507d !important;
    color: #23507d !important
}

.input-fp__input::-webkit-input-placeholder {
    font-weight: 400;
    color: transparent
}

.input-fp__input:-moz-placeholder {
    font-weight: 400;
    color: transparent
}

.input-fp__input::-moz-placeholder {
    font-weight: 400;
    color: transparent
}

.input-fp__input:-ms-input-placeholder {
    font-weight: 400;
    color: transparent
}

.input-fp__input:focus~.input-fp__label,
.input-fp__input.filled~.input-fp__label {
    backface-visibility: hidden;
    transform: scale(0.9) translateY(-120%)
}

.input-fp__prefix {
    outline: none;
    background: transparent;
    font-size: 1em;
    padding-top: .625em;
    padding-right: 0;
    padding-bottom: .625em;
    padding-left: .9375em;
    font-weight: 500;
    line-height: 1.2;
    border: 1px solid #d6dbdd;
    border-right: 0;
    color: #23507d
}

.input-fp__prefix+.input-fp__input {
    width: auto;
    border-left: none;
    padding-left: .3125em;
    flex-grow: 1
}

.input-fp__label {
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: 25%;
    z-index: 0;
    cursor: text;
    padding: 0em .3125em;
    background: #fff;
    line-height: 1.2;
    color: #23507d;
    transform-origin: bottom left;
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    left: .625em;
    right: auto
}

.input-fp--pp {
    font-size: inherit
}

.input-fp--pp .input-fp__input {
    padding: .85714em 1.07143em;
    border: 1px solid #d6dbdd;
    background-color: #f4f3f8
}

.input-fp--pp .input-fp__input::-webkit-input-placeholder {
    color: #a5a9b3
}

.input-fp--pp .input-fp__input:-moz-placeholder {
    color: #a5a9b3
}

.input-fp--pp .input-fp__input::-moz-placeholder {
    color: #a5a9b3
}

.input-fp--pp .input-fp__input:-ms-input-placeholder {
    color: #a5a9b3
}

.input-fp--pp .input-fp__input:focus~.input-fp__label,
.input-fp--pp .input-fp__input.filled~.input-fp__label {
    transform: scale(0.9) translateY(-140%)
}

.input-fp--pp .input-fp__label {
    color: #a5a9b3;
    top: 30%;
    left: .85714em;
    right: auto;
    background-color: #f4f3f8
}

.lk-jackpot {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    font-family: Roboto, sans-serif;
    color: #fff;
    margin-right: -.35714em;
    padding-right: .35714em;
    position: relative;
    background: linear-gradient(29deg, #17304c 0%, #016cb8 37%, #01346b 100%)
}

.lk-jackpot::before {
    content: "";
    top: 0;
    right: -5em;
    position: absolute;
    width: 80.14286em;
    height: 59.5em;
    max-width: 82.14286em;
    background: url("/default/img/office/jackpot/bg.png") 0 0/100% 200% no-repeat
}

@media (max-width: 1366px) {
    .lk-jackpot::before {
        content: none
    }
}

@media (max-width: 1920px) {
    .lk-jackpot {
        font-size: 1em
    }
}

@media (min-width: 1921px) and (max-width: 2559px) {
    .lk-jackpot {
        font-size: 1.14286em
    }
}

@media (min-width: 2560px) {
    .lk-jackpot {
        font-size: 0.6375vw
    }
}

.lk-jackpot * {
    box-sizing: border-box
}

.lk-jackpot__content {
    padding: .8125em 1.25em 1.875em;
    width: 100%;
    max-width: 54.4375em;
    height: 100%;
    background-color: rgba(16, 54, 84, 0.5);
    position: relative;
    font-size: 1.14286em;
    z-index: 1
}

.lk-jackpot__title {
    margin-bottom: 2.7em;
    text-transform: uppercase;
    font-size: 1.42857em
}

.lk-jackpot__subtitle {
    margin-bottom: 1.42857em;
    text-transform: uppercase;
    font-weight: bold
}

.lk-jackpot__text {
    margin: 0em 0em 1.64286em
}

.lk-jackpot__list {
    -moz-column-gap: 0;
    column-gap: 0;
    padding-top: .21429em;
    width: 28.57143em
}

.lk-jackpot__list--two-cols {
    -moz-columns: auto 2;
    columns: auto 2
}

.lk-jackpot__list-item {
    padding-right: .71429em
}

.lk-jackpot__list-item+.lk-jackpot__list-item {
    margin-top: .07143em
}

.lk-jackpot__link {
    color: #fff;
    text-decoration: underline
}

.ap-left__user {
    filter: none
}

.ap-left__flag {
    filter: none
}

.ap-banners__item {
    filter: none
}

#history_panel .apm-panel--brand {
    position: relative
}

#history_panel .apm-panel--brand::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 50px;
    margin: 2px 3px;
    background: url("/themes/genfiles/cms/desktop/all-types-images/logo_rotate.png") no-repeat 100% 100%;
    background-size: 100% auto
}

#history_panel .apm-panel.open .apm-panel--brand::before {
    opacity: 0.25;
    width: 11px;
    height: 50px;
    background: url("/themes/genfiles/cms/desktop/all-types-images/logo_rotate-dark.svg") no-repeat 100% 100%;
    background-size: 100% auto
}