.app__wrap .app__tooltip a:disabled,
.blue-button-calculator:disabled,
.blue-button-gallery:disabled,
.blue-button-main:disabled,
.blue-button-steps:disabled,
.blue-button:disabled,
.cookie-window .cookie-consent__blue-button:disabled,
.how-much-cost .right-column .submit-application:disabled,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-blue-button:disabled,
.steam-payment-summary__controls button:disabled,
.submit-form:disabled,
.switch-block .install-app-wrap .install-app:disabled,
.wrapper-list-games .block-list-games .el-popup-open-btn:disabled {
    background: #161616;
    color: #3f3f3f;
    cursor: default
}

.app__wrap .app__tooltip a:disabled:hover,
.blue-button-calculator:disabled:hover,
.blue-button-gallery:disabled:hover,
.blue-button-main:disabled:hover,
.blue-button-steps:disabled:hover,
.blue-button:disabled:hover,
.cookie-window .cookie-consent__blue-button:disabled:hover,
.how-much-cost .right-column .submit-application:disabled:hover,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-blue-button:disabled:hover,
.steam-payment-summary__controls button:disabled:hover,
.submit-form:disabled:hover,
.switch-block .install-app-wrap .install-app:disabled:hover,
.wrapper-list-games .block-list-games .el-popup-open-btn:disabled:hover {
    background: #161616;
    color: #3f3f3f
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.app__wrap .app__tooltip a,
.blue-button,
.blue-button-calculator,
.blue-button-gallery,
.blue-button-main,
.blue-button-steps,
.cookie-window .cookie-consent__blue-button,
.how-much-cost .right-column .submit-application,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-blue-button,
.steam-payment-summary__controls button,
.submit-form,
.switch-block .install-app-wrap .install-app,
.wrapper-list-games .block-list-games .el-popup-open-btn {
    background: #2900f2;
    border: 0;
    border-radius: 4px;
    color: #f1f1f1;
    cursor: pointer;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    padding: 12px 16px;
    text-decoration: none;
    user-select: none
}

.app__wrap .app__tooltip a:hover,
.blue-button-calculator:hover,
.blue-button-gallery:hover,
.blue-button-main:hover,
.blue-button-steps:hover,
.blue-button:hover,
.cookie-window .cookie-consent__blue-button:hover,
.how-much-cost .right-column .submit-application:hover,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-blue-button:hover,
.steam-payment-summary__controls button:hover,
.submit-form:hover,
.switch-block .install-app-wrap .install-app:hover,
.wrapper-list-games .block-list-games .el-popup-open-btn:hover {
    filter: brightness(1.5);
}

.app__wrap .app__tooltip a:active,
.blue-button-calculator:active,
.blue-button-gallery:active,
.blue-button-main:active,
.blue-button-steps:active,
.blue-button:active,
.cookie-window .cookie-consent__blue-button:active,
.how-much-cost .right-column .submit-application:active,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-blue-button:active,
.steam-payment-summary__controls button:active,
.submit-form:active,
.switch-block .install-app-wrap .install-app:active,
.wrapper-list-games .block-list-games .el-popup-open-btn:active {
    background: #1d39c4
}

.cookie-window .cookie-consent__grey-button,
.outline-button,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-grey-button,
.tournament-bracket__nav-brackets button {
    border: 1px solid #8c8c8c;
    border-radius: 4px;
    box-sizing: border-box;
    color: #8c8c8c;
    cursor: pointer;
    display: block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 16px;
    text-decoration: none
}

.cookie-window .cookie-consent__grey-button:active,
.cookie-window .cookie-consent__grey-button:hover,
.outline-button:active,
.outline-button:hover,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-grey-button:active,
.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-grey-button:hover,
.tournament-bracket__nav-brackets button:active,
.tournament-bracket__nav-brackets button:hover {
    border-color: #00e1ff;
    color: #00e1ff
}

.blue-button-main {
    margin-right: 8px
}

.outline-button {
    background: none
}

@font-face {
    font-family: ALS Hauss Book;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/ALS_Hauss_Regular_2.0.ttf) format("truetype")
}

@font-face {
    font-family: ALS Hauss;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/ALS_Hauss_Bold_2.0.ttf) format("truetype")
}

@font-face {
    font-family: ReSquare;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/ReSquare-Regular.ttf) format("truetype")
}

body {
    -webkit-font-smoothing: antialiased;
    background: #212121
}

h1, h2, h3, h4, h5 {
    word-break: auto-phrase;
}

body,
h1 {
    margin: 0
}

h1 {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 40px;
        line-height: 30px
    }
}

h2 {
    font-family: ReSquare, sans-serif;
    font-size: 40px;
    font-weight: 600;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 30px;
    margin: 0
}

h2,
h2 a {
    color: #f1f1f1
}

h2 a {
    border-bottom: 1px solid #2d2d2d;
    padding-bottom: 9px;
    text-decoration: none
}

h3 {
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 24px;
    margin: 0
}


@media only screen and (min-width: 768px) {
    .always-on-pc {
        display: block!important;
    }
}

@media only screen and (min-width: 768px) {
    .newer-on-pc {
        display: none!important;
    }
}

h3,
h3 a {
    color: #f1f1f1
}

h3 a {
    border-bottom: 1px solid #2d2d2d;
    padding-bottom: 9px;
    text-decoration: none
}

h4 {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    margin: 0;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 1180px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container {
        padding: 0 5%;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .container {
        padding: 0 16px;
        width: auto
    }
}

.text {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 48px;
    line-height: 64px;
    padding-top: 80px;
    width: 773px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .text {
        font-size: 56px;
        line-height: 120%;
        padding-bottom: 184px;
        padding-top: 134px
    }
}

@media only screen and (max-width: 767px) {
    .text {
        font-size: 32px;
        line-height: 120%;
        padding-bottom: 184px;
        padding-top: 103px
    }
}

.field-email.field {
    position: relative;
    width: 100%
}

.form-group {
    position: relative
}

.form-group input {
    background: #212121;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    box-sizing: border-box;
    color: #b3b3b3;
    font-size: 16px;
    height: 48px;
    outline: 0;
    padding: 13px 12px;
    width: 100%
}

.form-group.field-search:after {
    background: url(../img/icons/search.svg) no-repeat;
    content: "";
    height: 20px;
    position: absolute;
    right: 17px;
    top: 12px;
    width: 20px
}

.error-message,
.form-error-message {
    color: red;
    font-family: ALS Hauss Book, sans-serif
}

.success-block p {
    color: #b3b3b3;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 24px;
    line-height: 30px
}

@media only screen and (max-width: 767px) {
    .success-block p {
        font-size: 18px;
        line-height: 120%
    }
}

.success-block-subscription p {
    color: #f1f1f1;
    font-family: ALS Hauss, sans-serif;
    font-size: 56px;
    line-height: 120%;
    margin: 10px 0
}

@media only screen and (max-width: 767px) {
    .success-block-subscription p {
        font-size: 38px;
        line-height: 120%
    }
}

.slider-main {
    margin: 0 auto;
    width: 1180px
}

.slider-main .slider-nav .preview {
    height: 48px;
    width: 72px
}

.slider-main .slider-nav .preview img {
    width: 100%
}

.slider > div {
    display: block;
    font-size: 2em;
    padding: 50px 0;
    width: 100%
}

.slider-nav,
.slider > div {
    text-align: center
}

.slider-nav .slick-current {
    border: 1px solid #f1f1f1;
    box-shadow: inset 0 0 0 1px #f1f1f1;
    width: 74px !important
}

.slider-nav .slick-slide {
    margin: 0 4px
}

.slider-nav > div {
    cursor: pointer;
    display: inline-block
}

.slider-nav > div img {
    height: 48px;
    width: 72px !important
}

.title-club {
    color: #00e1ff;
    font-family: ALS Hauss Book;
    font-size: 14px;
    line-height: 18px
}

.error-page {
    align-items: center;
    display: flex
}

.error-page .left-block {
    width: 280px
}

.error-page .left-block .title-error h1 {
    font-family: ReSquare, sans-serif;
    font-size: 64px;
    line-height: 48px
}

.error-page .left-block .text-error {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 16px
}

.error-page .left-block .blue-button {
    background: #00e1ff;
    border: none;
    color: #f1f1f1;
    cursor: pointer;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .error-page .left-block {
        text-align: center;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .error-page .left-block {
        text-align: center;
        width: auto
    }
}

.error-page .right-block .container-glitch.error-glitch {
    height: 640px;
    width: 880px
}

.error-page .right-block .container-glitch.error-glitch .footer-image-app {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .error-page .right-block .container-glitch.error-glitch {
        height: 394px;
        width: 375px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .error-page {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .error-page {
        flex-direction: column
    }
}

.wrap-checkbox {
    display: flex;
    padding: 0 0 24px
}

.checkbox input {
    display: none
}

.checkbox input[type=checkbox]:checked + label span {
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.checkbox label {
    align-items: center;
    color: #f1f1f1;
    cursor: pointer;
    display: flex;
    font-family: ALS Hauss Book;
    font-size: 14px;
    line-height: 120%;
    margin-right: 24px
}

.checkbox label span {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    bottom: 1px;
    box-sizing: border-box;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px
}

.checkbox label p {
    margin: 0;
    padding-left: 9px
}

.wrap-radio {
    display: flex;
    padding: 0 0 24px
}

.wrap-radio .form_radio {
    display: flex;
    margin-right: 24px
}

.wrap-radio .form_radio label {
    cursor: pointer;
    display: flex;
    position: relative;
    user-select: none
}

.wrap-radio .form_radio label:before {
    border: 2px solid #3f3f3f;
    border-radius: 25px;
    bottom: 1px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    width: 16px
}

.wrap-radio .form_radio label p {
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 8px
}

.wrap-radio .form_radio input[type=radio]:checked + label:before {
    background: url(../img/icons/radio-active.svg) 0 0 no-repeat;
    border: none
}

.rating {
    align-items: center;
    background: #212121;
    border-radius: 4px;
    display: flex;
    padding: 6px 8px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 99999
}

.rating span {
    color: #ffd666;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px
}

.rating i {
    background-image: url(../img/star.svg);
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.rating .tooltiptext {
    background: #262626;
    border-radius: 4px;
    bottom: 47px;
    box-sizing: border-box;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: -243px;
    line-height: 18px;
    opacity: 0;
    padding: 12px 16px;
    position: absolute;
    transition: all .3s ease;
    visibility: hidden;
    width: 320px;
    z-index: 1
}

.rating .tooltiptext .rating-wrapper {
    align-items: center;
    color: #ffd666;
    display: flex;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.rating .tooltiptext .amount-grade {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px
}

.rating .tooltiptext .rating-description {
    color: #a7a7a7;
    font-size: 16px;
    line-height: 21px;
    padding-top: 4px
}

.rating .tooltiptext .note {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 18px;
    padding-top: 16px
}

.rating .tooltiptext:after {
    border: 10px solid transparent;
    border-top-color: #262626;
    bottom: -20px;
    content: " ";
    left: 263px;
    margin-left: 0;
    position: absolute;
    transform: rotate(1turn) !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .rating .tooltiptext:after {
        left: 263px
    }
}

@media only screen and (max-width: 767px) {
    .rating .tooltiptext:after {
        left: auto;
        right: 19px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .rating .tooltiptext {
        bottom: 42px;
        left: -242px
    }
}

@media only screen and (max-width: 767px) {
    .rating .tooltiptext {
        bottom: 42px;
        left: 50%;
        margin-left: -292px;
        right: 0
    }
}

.rating:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .rating {
        z-index: 999
    }
}

@media only screen and (max-width: 767px) {
    .rating {
        z-index: 999
    }
}

.success-block img {
    height: 76px;
    width: 76px
}

.success-block .success-text {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 26px
}

.game-list-tab .field-search {
    margin: 24px 0
}

.preloader {
    -webkit-animation: load8 1.1s linear infinite;
    animation: load8 1.1s linear infinite;
    border: 3px solid hsla(0, 0%, 100%, .2);
    border-left-color: #f1f1f1;
    display: inline-block;
    font-size: 10px;
    margin-left: 8px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.preloader,
.preloader:after {
    border-radius: 50%;
    height: 18px;
    width: 18px
}

.switch-btn {
    display: inline-block;
    height: 22px;
    position: relative;
    width: 48px
}

.switch-btn input {
    height: 0;
    opacity: 0;
    width: 0
}

.switch-btn input:checked + .slider-mask {
    background-color: #00e1ff
}

.switch-btn input:checked + .slider-mask:before {
    transform: translateX(26px)
}

.switch-btn .slider-mask {
    background-color: #3f3f3f;
    border-radius: 34px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s
}

.switch-btn .slider-mask:before {
    background-color: #f1f1f1;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 18px;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 18px
}

.datepicker {
    background: none;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    box-sizing: border-box;
    color: #b3b3b3;
    font-size: 16px;
    height: 48px;
    outline: 0;
    padding: 13px 12px;
    width: 264px
}

.select-button {
    display: flex
}

.select-button__button {
    align-items: center;
    background: none;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    box-sizing: border-box;
    color: #bdbdbd;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 16px;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    margin-right: 8px;
    padding: 16px 12px;
    position: relative;
    user-select: none;
    width: 82px
}

.select-button__button.select-button__button_selected {
    background-color: #00e1ff;
    border-color: #00e1ff;
    color: #f1f1f1
}

.cookie-window {
    background: #161616;
    border-radius: 8px;
    bottom: 16px;
    box-sizing: border-box;
    padding: 16px;
    position: fixed;
    right: 16px;
    width: 400px;
    z-index: 999999
}

.cookie-window .cookie-consent__descripton {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 16px
}

.cookie-window .cookie-consent__descripton a {
    border-bottom: 1px solid;
    color: #00e1ff;
    text-decoration: none
}

.cookie-window .cookie-consent__buttons {
    display: flex
}

.cookie-window .cookie-consent__grey-button {
    background: none;
    margin-left: 8px
}

@media only screen and (max-width: 767px) {
    .cookie-window {
        bottom: 0;
        left: 0;
        right: 0;
        width: auto
    }
}

.socials-block {
    color: #bfbfbf;
    font-family: ReSquare, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
}

.socials-block ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.socials-block li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.socials-block li:hover {
    opacity: .8;
}

.socials-block li a {
    color: #f1f1f1;
    text-decoration: none;
    margin: 0!important;
}

.wrap-menu {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 24px 27px
}

.wrap-menu .wrap-logo-city {
    align-items: center;
    display: flex;
    min-height: 64px
}

.wrap-menu .wrap-logo-city a {
    min-height: 64px
}

.wrap-menu .wrap-logo-city .header__city-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    background-image: url(../img/icons/location-arrow-white.svg), url(../img/icons/arrow-down.svg);
    background-position: left 8px bottom 7px, right 8px bottom 7px;
    background-repeat: no-repeat;
    background-size: 16px, 16px;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    color: #bdbdbd;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    margin-left: 32px;
    margin-top: 0;
    outline: none;
    padding: 7px 29px 7px 34px
}

.wrap-menu .wrap-logo-city .header__city-select:hover {
    background-image: url(../img/icons/location-marker-blue.svg), url(../img/icons/arrow-down-blue.svg);
    border: 1px solid #00e1ff;
    color: #00e1ff
}

@media only screen and (max-width: 767px) {
    .wrap-menu .wrap-logo-city .header__city-select.user-locality-active-select {
        display: none
    }
}

.wrap-menu .logo {
    height: 80px;
    padding: 20px;
    z-index: 999;
}

.wrap-menu .logo-menu {
    left: 16px;
    height: 85px;
    position: absolute;
    top: 12px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-menu {
        align-items: center;
        display: flex;
        justify-content: space-between;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .wrap-menu {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0 16px 27px;
        position: relative
    }
}

.menu {
    align-items: center;
    display: flex;
    z-index: 999
}

.menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.menu ul li a {
    color: #bfbfbf;
    font-family: ReSquare, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin-left: 24px;
    text-decoration: none
}

.menu ul li a:hover {
    color: #f1f1f1
}

.menu ul li .el-popup-open-btn {
    background: none;
    border: none;
    color: #bfbfbf;
    cursor: pointer;
    font-family: ReSquare, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin-left: 24px;
    padding: 0;
    text-decoration: none
}

.menu ul li .el-popup-open-btn:hover {
    color: #f1f1f1
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .menu {
        display: none!important;
    }
}

@media only screen and (max-width: 767px) {
    .menu {
        display: none!important;
    }
}

.external-link {
    background-image: url(../img/icons/open-link.svg);
    height: 16px;
    width: 16px
}

.external-link,
.external-link-mobile {
    display: inline-block;
    position: relative;
    right: -2px;
    top: 2px
}

.external-link-mobile {
    background-image: url(../img/icons/open-link-mobile.svg);
    height: 24px;
    width: 24px
}

.booking-button {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-left: 24px;
    padding: 7px 8px !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .booking-button {
        margin-right: 24px
    }
}

@media only screen and (max-width: 767px) {
    .booking-button {
        margin-right: 16px
    }
}

.popup-block {
    align-items: center;
    background: rgba(40, 40, 40, .7);
    bottom: 0;
    display: flex;
    display: none;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999
}

.popup-block .popup-container {
    background: #161616;
    border-radius: 8px;
    position: relative;
    width: 375px
}

.popup-block .popup-container .el-popup-close {
    position: absolute
}

.popup-block .popup-container .description-popup-block {
    padding: 24px 24px 16px
}

.popup-block .popup-container .description-popup-block .title {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

.popup-block .popup-container .description-popup-block .description {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-top: 8px
}

.popup-block .popup-container.popup-branch-stats {
    background: #212121;
    height: 100%;
    overflow: auto;
    width: 100%
}

.popup-block .popup-container.popup-branch-stats .description-popup-block {
    padding: 18px 0 16px 24px
}

@media only screen and (max-width: 767px) {
    .popup-block .popup-container.popup-branch-stats .description-popup-block {
        padding: 8px 0
    }

    .popup-block .popup-container {
        width: 100%
    }

    .popup-block {
        align-items: end
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-booking-mobile {
        align-items: center;
        display: flex;
        position: absolute;
        right: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .wrap-booking-mobile {
        align-items: center;
        display: flex;
        position: absolute;
        right: 16px;
    }
}

.app__wrap {
    margin-left: 24px;
    position: relative
}

.app__wrap i {
    background-image: url(../img/icons/phone-app.svg);
    display: block;
    height: 24px;
    width: 24px
}

.app__wrap .app__tooltip {
    align-items: center;
    background: #161616;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: ALS Hauss Book, sans-serif;
    opacity: 0;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 40px;
    transition: all .3s ease;
    visibility: hidden;
    width: 192px;
    z-index: 999
}

.app__wrap .app__tooltip img {
    height: 145px;
    width: 145px
}

.app__wrap .app__tooltip .app__text {
    color: #f1f1f1;
    font-size: 12px;
    line-height: 18px;
    padding: 16px 0;
    text-align: center
}

.app__wrap .app__tooltip a {
    font-size: 14px;
    padding: 6px 8px;
    text-align: center;
    width: 91px
}

.app__wrap:hover .app__tooltip {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app__wrap {
        display: none
    }
}

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

.popup-branch-status__header {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding: 24px
}

@media only screen and (max-width: 767px) {
    .popup-branch-status__header {
        padding: 16px
    }
}

.submenu-item {
    position: relative
}

.submenu-item span {
    align-items: center;
    color: #bfbfbf;
    cursor: pointer;
    display: flex;
    font-family: ReSquare, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin-left: 24px;
    text-decoration: none
}

.submenu-item span i {
    background-image: url(../img/icons/arrow-sprite.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 16px;
    margin-left: 6px;
    position: relative;
    top: 4px;
    width: 16px
}

.submenu-item span:hover {
    color: #f1f1f1
}

.submenu-item .submenu {
    background: #161616;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 15px;
    opacity: 0;
    padding: 0 16px;
    position: absolute;
    top: 30px;
    transition-delay: .1s;
    transition-duration: .2s;
    transition-property: opacity, visibility;
    visibility: hidden;
    width: 160px;
    z-index: 999
}

.submenu-item .submenu li {
    list-style-type: none;
    padding: 10px 0
}

.submenu-item .submenu li a {
    color: #8d8d8d;
    display: block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    width: 100%
}

.submenu-item:hover i {
    background-position: 0 -27px
}

.submenu-item:hover .submenu {
    opacity: 1;
    visibility: visible
}

.hamburger-menu {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .hamburger-menu {
        background-image: url(../img/hamburger.svg);
        display: block
    }

    .hamburger-menu,
    .hamburger-menu.opened {
        background-size: cover;
        height: 24px;
        width: 24px
    }

    .hamburger-menu.opened {
        background-image: url(../img/close.svg);
        position: fixed;
        right: 24px;
        z-index: 999999
    }
}

@media only screen and (max-width: 767px) {
    .hamburger-menu {
        background-image: url(../img/hamburger.svg);
        display: block !important
    }

    .hamburger-menu,
    .hamburger-menu.opened {
        background-size: cover;
        height: 24px;
        width: 24px
    }

    .hamburger-menu.opened {
        background-image: url(../img/close.svg);
        position: fixed;
        right: 16px;
        z-index: 999999
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-booking-burger-menu {
        align-items: center;
        display: flex
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-booking-burger-menu {
        align-items: center;
        display: flex
    }
}

.link-icon {
    height: 16px;
    margin-left: 5px;
    width: 16px
}

.menu__btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 26px;
    position: relative;
    right: 5%;
    top: -8px;
    width: 26px;
    z-index: 99999
}

.menu__box {
    display: none
}

.menu__box .header__city-select {
    background: none;
    background-image: url(../img/icons/location-arrow-white.svg);
    background-position: left 16px bottom 13px;
    background-repeat: no-repeat;
    border: 1px solid #00e1ff;
    border-left: none;
    border-right: none;
    font-family: ReSquare, sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 30px;
    outline: none;
    padding: 8px 16px 14px 51px;
    width: 100%
}

.menu__box .header__city-select,
.menu__box .header__city-select option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #f1f1f1
}

.menu__box .header__city-select option {
    background: #1d39c4
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .menu__box {
        background-color: #1d39c4;
        display: none;
        left: 0;
        margin: 0;
        padding-bottom: 20px;
        padding-top: 120px;
        position: fixed;
        right: 0;
        top: 0;
        transition-duration: .25s;
        z-index: 99999
    }

    .menu__box ul {
        list-style: none;
        padding-left: 0
    }

    .menu__box.opened {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .menu__box {
        background-color: #1d39c4;
        display: none;
        left: 0;
        margin: 0;
        padding-bottom: 20px;
        padding-top: 120px;
        position: fixed;
        right: 0;
        top: 0;
        transition-duration: .25s;
        z-index: 99999
    }

    .menu__box,
    .menu__box ul {
        list-style: none;
        padding-left: 0
    }

    .menu__box.opened {
        display: block
    }
}

.menu__item {
    display: none
}

.menu__item.el-popup-open-btn {
    background: none;
    border: none;
    cursor: pointer
}

.menu__item.el-popup-open-btn:hover {
    color: #f1f1f1
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .menu__item {
        color: #f1f1f1;
        display: block;
        font-family: ReSquare, sans-serif;
        font-size: 38px;
        font-weight: 600;
        line-height: 30px;
        padding: 5px 16px 11px;
        text-decoration: none;
        transition-duration: .25s
    }
}

@media only screen and (max-width: 767px) {
    .menu__item {
        color: #f1f1f1;
        display: block;
        font-family: ReSquare, sans-serif;
        font-size: 38px;
        font-weight: 600;
        line-height: 30px;
        padding: 5px 16px 11px;
        text-decoration: none;
        transition-duration: .25s
    }
}

.menu__item:hover {
    background-color: #1a1a1a
}

.social-menu {
    display: flex
}

.social-menu .vk-button {
    background-image: url(../img/vk.svg)
}

.social-menu .inst-button,
.social-menu .vk-button {
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    height: 40px;
    margin-left: 16px;
    width: 40px
}

.social-menu .inst-button {
    background-image: url(../img/instagram.svg)
}

.social-menu .tiktok-button {
    background-image: url(../img/tiktok.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    height: 40px;
    margin-left: 16px;
    width: 40px
}

.links-menu {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
    margin-top: 34px
}

.links-menu a {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
    text-decoration: none
}

.app-menu {
    display: flex;
    margin-left: 16px;
    margin-top: 46px
}

.app-menu a {
    align-items: center;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-right: 8px;
    padding: 7px 8px 6px 40px;
    position: relative;
    text-decoration: none
}

.app-menu a.ios i {
    background-image: url(../img/ios-white.svg)
}

.app-menu a.google i,
.app-menu a.ios i {
    height: 24px;
    left: 9px;
    position: absolute;
    top: 8px;
    width: 24px
}

.app-menu a.google i {
    background-image: url(../img/google-white.svg)
}

.ac-container {
    width: 544px
}

.ac-container .answer {
    padding-bottom: 44px
}

.ac-container .answer ul {
    color: #e6e6e6;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 120%;
    list-style: none;
    margin: 0;
    padding-left: 0;
    padding-top: 24px
}

.ac-container .answer ul li {
    padding-bottom: 6px
}

@media only screen and (max-width: 767px) {
    .ac-container {
        width: auto
    }
}

.accordion {
    display: block;
    margin: 0 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 760px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .accordion {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .accordion {
        width: auto
    }
}

.accordion h2 {
    border-top: 1px solid #262626;
    box-sizing: border-box;
    color: #f1f1f1;
    cursor: pointer;
    display: block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 42px;
    margin: 0;
    padding: 24px 35px 4px 0
}

.msg {
    max-height: 2000px;
    opacity: 1;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
    transform: translate(0)
}

.msg p {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 0
}

.msg p a {
    border-bottom: 1px solid rgba(89, 126, 247, .51);
    color: #00e1ff;
    text-decoration: none
}

.accordion ul {
    list-style: none;
    margin: 0;
    padding: 0 0 16px;
    perspective: 900
}

.accordion ul li {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: relative
}

.accordion ul li:first-of-type {
    animation-delay: .5s
}

.accordion ul li:nth-of-type(2) {
    animation-delay: .75s
}

.accordion ul li:nth-of-type(3) {
    animation-delay: 1s
}

.accordion ul li:last-of-type {
    padding-bottom: 0
}

.accordion ul li i {
    margin-top: 38px;
    position: absolute;
    right: 10px;
    transform: translate(-6px)
}

.accordion ul li i:after,
.accordion ul li i:before {
    background-color: #f1f1f1;
    border-radius: 50px;
    content: "";
    height: 16px;
    position: absolute;
    transform: rotate(90deg);
    width: 2px
}

.accordion ul li input[type=checkbox] {
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.accordion ul li input[type=checkbox]:checked ~ div.msg {
    margin-top: 0;
    max-height: 0;
    opacity: 0
}

.accordion ul li input[type=checkbox]:checked ~ i:before {
    transform: translate(0) rotate(90deg)
}

.accordion ul li input[type=checkbox]:checked ~ i:after {
    transform: translate(0) rotate(0deg)
}

div.msg,
ul li i:after,
ul li i:before {
    transition: all .5s ease-in-out
}

.title-accordion {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px
}

.column-game {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .column-game {
        flex-direction: column
    }
}

.gallery {
    grid-column-gap: 8px;
    grid-row-gap: 7px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr)
}

.gallery .large-image {
    grid-area: 1/1/3/2;
    height: 584px;
    width: 584px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .gallery .large-image {
        grid-area: auto;
        height: auto;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .gallery .large-image {
        grid-area: 1/1/2/3;
        height: auto;
        width: auto
    }
}

.gallery .mini-image-1 {
    grid-area: 1/2/2/3;
    height: 290px;
    width: 290px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .gallery .mini-image-1 {
        height: auto;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .gallery .mini-image-1 {
        grid-area: 2/1/3/2;
        height: auto;
        width: auto
    }
}

.gallery .mini-image-2 {
    grid-area: 1/3/2/4;
    height: 290px;
    width: 290px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .gallery .mini-image-2 {
        height: auto;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .gallery .mini-image-2 {
        grid-area: 2/2/3/3;
        height: auto;
        width: auto
    }
}

.gallery .mini-image-3 {
    grid-area: 2/2/3/3;
    height: 290px;
    width: 290px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .gallery .mini-image-3 {
        height: auto;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .gallery .mini-image-3 {
        grid-area: 3/1/4/2;
        height: auto;
        width: auto
    }
}

.gallery .mini-image-4 {
    grid-area: 2/3/3/4;
    height: 290px;
    width: 290px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .gallery .mini-image-4 {
        height: auto;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .gallery .mini-image-4 {
        grid-area: 3/2/4/3;
        height: auto;
        width: auto
    }
}

.gallery .mini-image-5 {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .gallery .mini-image-5 {
        display: block;
        height: auto;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .gallery .mini-image-5 {
        display: none
    }
}

.gallery a {
    overflow: hidden
}

.gallery a img {
    height: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    width: 100%
}

.gallery a:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .gallery {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 767px) {
    .gallery {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto auto
    }
}

.lg-download {
    display: none
}

.lg-icon {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    height: 48px;
    margin-top: -10px;
    outline: none;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    width: 48px;
    z-index: 1080
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    opacity: .5;
    pointer-events: none
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #f1f1f1
}

.lg-actions .lg-next {
    align-items: center;
    display: flex;
    right: 20px
}

.lg-actions .lg-next:before {
    background: url(../img/arrow-slider.svg);
    background-size: cover;
    content: "";
    height: 24px;
    position: absolute;
    right: 10px;
    width: 24px
}

.lg-actions .lg-prev {
    align-items: center;
    display: flex;
    left: 20px
}

.lg-actions .lg-prev:after {
    background: url(../img/arrow-slider.svg);
    background-size: cover;
    content: "";
    height: 24px;
    position: absolute;
    right: 10px;
    transform: translate(-1px) rotate(180deg);
    width: 24px
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    background-color: rgba(0, 0, 0, .45);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1082
}

.lg-toolbar .lg-icon {
    background: #262626;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #f1f1f1;
    cursor: pointer;
    float: right;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 27px;
    line-height: 24px;
    outline: medium none;
    padding: 8px 16px 8px 48px;
    position: relative;
    right: 24px;
    text-align: center;
    text-decoration: none !important;
    top: 24px;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #f1f1f1
}

.lg-toolbar .lg-close:before {
    background-image: url(../img/close.svg);
    background-size: cover;
    content: "";
    height: 24px;
    left: 15px;
    position: absolute;
    width: 24px
}

.lg-toolbar .lg-download:after {
    content: ""
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #f1f1f1;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    max-height: 350px;
    position: absolute;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    width: 100%;
    z-index: 1080
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-thumb {
    height: 100%;
    margin-bottom: -5px;
    padding: 10px 0
}

.lg-outer .lg-thumb-item {
    border: 2px solid #f1f1f1;
    border-radius: 5px;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    height: 100%;
    margin-bottom: 5px;
    overflow: hidden
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toggle-thumb {
    background-color: #0d0a0a;
    border: none;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    outline: medium none;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toggle-thumb:after {
    content: ""
}

.lg-outer .lg-toggle-thumb:hover {
    color: #f1f1f1
}

.lg-outer .lg-video-cont {
    display: inline-block;
    max-height: 100%;
    max-width: 1140px;
    padding: 0 5px;
    vertical-align: middle;
    width: 100%
}

.lg-outer .lg-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    cursor: pointer;
    height: 59px;
    left: 50%;
    margin-left: -42px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 84px;
    z-index: 1080
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url(../img/video-play.png) no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    opacity: .8;
    width: 64px
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .08s ease 0s;
    -moz-transition: opacity .08s ease 0s;
    -o-transition: opacity .08s ease 0s;
    transition: opacity .08s ease 0s;
    width: 100%;
    z-index: 1083
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: ""
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: ""
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important
}

#lg-zoom-in:after {
    content: ""
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: ""
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: ""
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: inset 0 0 0 2px #f1f1f1
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #f1f1f1;
    border-radius: 3px;
    bottom: 100%;
    color: #f1f1f1;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    width: 120px
}

.lg-outer .lg-pager-thumb-cont img {
    height: 100%;
    width: 100%
}

.lg-outer .lg-pager {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px hsla(0, 0%, 100%, .7);
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: inset 0 0 0 8px #f1f1f1
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: ""
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: ""
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    transition: visibility 0s linear .18s, opacity .18s linear 0s;
    visibility: hidden;
    z-index: 1081
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    opacity: 1;
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #f1f1f1
}

.lg-outer .lg-dropdown {
    background-color: #f1f1f1;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    visibility: hidden
}

.lg-outer .lg-dropdown:after {
    border: 8px solid transparent;
    border-bottom-color: #f1f1f1;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 16px;
    top: -16px;
    width: 0
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown > li:hover .lg-icon,
.lg-outer .lg-dropdown > li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 4px 12px;
    white-space: pre
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: ""
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: ""
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: ""
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: ""
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: ""
}

.lg-outer .lg-img-rotate {
    bottom: 0;
    left: 0;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.32, 0, .67, 0) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(.32, 0, .67, 0) 0s;
    -o-transition: -o-transform .3s cubic-bezier(.32, 0, .67, 0) 0s;
    transition: transform .3s cubic-bezier(.32, 0, .67, 0) 0s
}

.lg-rotate-left:after {
    content: ""
}

.lg-rotate-right:after {
    content: ""
}

.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
    font-size: 26px
}

.lg-flip-hor:after {
    content: ""
}

.lg-flip-ver:after {
    content: ""
}

.lg-group {
    *zoom: 1
}

.lg-group:after,
.lg-group:before {
    content: "";
    display: table;
    line-height: 0
}

.lg-group:after {
    clear: both
}

.lg-outer {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
    width: 100%;
    z-index: 1050
}

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

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    opacity: 1;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.lg-outer .lg-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.lg-outer .lg-item {
    background: url(../img/loading.gif) no-repeat scroll 50% transparent;
    display: none !important
}

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    margin-right: -1px;
    width: 1px
}

.lg-outer .lg-img-wrap {
    bottom: 0;
    left: 0;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    height: auto !important;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
    z-index: 1040
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    left: 0;
    opacity: 0;
    position: absolute
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

footer {
    padding-top: 53px
}

@media only screen and (max-width: 767px) {
    footer {
        padding-top: 48px
    }
}

.wrap-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 27px;
    padding-top: 42px
}

.wrap-footer .wrapper-footer {
    display: flex;
    justify-content: space-between;
}

.wrap-footer .footer-items {
    display: flex
}

.container-socials-main {
    font-family: ALS Hauss Book, sans-serif;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .container-socials-main ul {
        display: flex;
        flex-direction: column!important;
    }
}

.wrap-footer .footer-items-inline .wrap-item ul, .container-socials-main ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

.wrap-footer .footer-items .wrap-item {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    padding-right: 90px;
}

.wrap-footer .footer-items .wrap-item .title {
    color: #bdbdbd;
    font-size: 16px;
    line-height: 22px
}

.wrap-footer .footer-items .wrap-item ul, .container-socials-main ul {
    list-style: none;
    padding: 0
}

.wrap-footer .footer-items .wrap-item ul li, .container-socials-main ul li {
    margin-bottom: 8px
}

.wrap-footer .footer-items .wrap-item ul li a, .container-socials-main ul li a {
    border-bottom: 1px solid #404040;
    color: #f1f1f1;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 4px;
    text-decoration: none
}

.wrap-footer .footer-items .wrap-item ul li a:hover, .container-socials-main ul li a:hover {
    opacity: .8
}

.wrap-footer .footer-items .wrap-item ul .inst-icon, .container-socials-main ul .inst-icon {
    display: flex !important;
    width: 122px
}

.wrap-footer .footer-items .wrap-item ul .inst-icon i, .container-socials-main ul .inst-icon i {
    background-image: url(../img/instagram.svg);
    background-size: contain;
    display: block;
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-footer .footer-items .wrap-item ul .vk-icon, .container-socials-main ul .vk-icon {
    display: flex !important;
    width: 129px
}

.wrap-footer .footer-items .wrap-item ul .vk-icon i, .container-socials-main ul .vk-icon i {
    background-image: url(../img/vk.svg);
    background-size: contain;
    display: block;
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-footer .footer-items .wrap-item ul .telegram-icon, .container-socials-main ul .telegram-icon {
    display: flex !important;
    width: 129px
}

.wrap-footer .footer-items .wrap-item ul .telegram-icon i, .container-socials-main ul .telegram-icon i {
    background-image: url(../img/telegram-white.svg);
    background-size: contain;
    display: block;
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-footer .footer-items .wrap-item ul .tiktok-icon, .container-socials-main ul .tiktok-icon {
    display: flex !important;
    width: 129px
}

.wrap-footer .footer-items .wrap-item ul .tiktok-icon i, .container-socials-main ul .tiktok-icon i {
    background-image: url(../img/tiktok.svg);
    background-size: contain;
    display: block;
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-footer .footer-items .wrap-item ul .youtube-icon, .container-socials-main ul .youtube-icon {
    display: flex !important;
    width: 129px
}

.wrap-footer .footer-items .wrap-item ul .youtube-icon i, .container-socials-main ul .youtube-icon i {
    background-image: url(../img/youtube.svg);
    background-size: contain;
    display: block;
    height: 24px;
    margin-right: 16px;
    width: 24px;
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-footer .footer-items .wrap-item ul, .container-socials-main ul {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .wrap-footer .footer-items .wrap-item ul, .container-socials-main ul {
        margin-bottom: 0
    }

    .wrap-footer .footer-items .wrap-item {
        padding-right: 24px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-footer .footer-items {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .wrap-footer .footer-items {
        margin-bottom: 0
    }

    .wrap-footer {
        padding-top: 0
    }
}

.copyright {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 19px;
    padding-right: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .copyright {
        padding-bottom: 0;
        padding-top: 4px
    }
}

@media only screen and (max-width: 767px) {
    .copyright {
        padding-bottom: 4px
    }
}

.copyright-footer {
    justify-content: space-between
}

.copyright-footer,
.copyright-footer .copyright-item {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.copyright-footer .copyright-item .right-column {
    display: flex;
    flex-direction: column;
}

.copyright-footer .copyright-item a {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 19px
}

@media only screen and (max-width: 767px) {
    .copyright-footer .copyright-item a {
        padding-bottom: 4px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .copyright-footer .copyright-item {
        align-items: baseline;
        flex-direction: column;
        padding-top: 2px;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .copyright-footer .copyright-item {
        align-items: baseline;
        flex-direction: column;
        padding-top: 2px;
        position: relative
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .copyright-footer {
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .copyright-footer {
        align-items: baseline;
        flex-direction: column;
        padding-top: 2px;
        position: relative
    }
}

.wrap-socials {
    display: flex
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-socials {
        display: flex;
        padding-bottom: 36px
    }
}

@media only screen and (max-width: 767px) {
    .wrap-socials {
        flex-direction: column
    }
}

.app-block-footer {
    display: flex
}

.app-block-footer a {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    padding: 7px 8px 6px 32px;
    position: relative;
    text-decoration: none
}

.app-block-footer a.ios {
    margin-right: 8px
}

.app-block-footer a.ios i {
    background-image: url(../img/ios.svg)
}

.app-block-footer a.android i,
.app-block-footer a.ios i {
    height: 16px;
    left: 9px;
    position: absolute;
    top: 8px;
    width: 16px
}

.app-block-footer a.android i {
    background-image: url(../img/android.svg)
}

.app-block-footer a:hover {
    filter: brightness(1.5)
}

@media only screen and (max-width: 767px) {
    .app-block-footer a {
        margin-right: 8px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-block-footer {
        align-items: baseline
    }
}

@media only screen and (max-width: 767px) {
    .app-block-footer {
        display: inherit;
        margin-top: 16px
    }
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #f1f1f1 url(../img/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format("embedded-opentype"), url(../fonts/slick.woff) format("woff"), url(../fonts/slick.ttf) format("truetype"), url(../fonts/slick.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0px;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #f1f1f1;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0px;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.pager-numbers {
    display: flex;
    font-family: ALS Hauss Book, sans-serif
}

.pager-numbers .pager-prev {
    align-items: center;
    display: flex
}

.pager-numbers .pager-prev span {
    align-items: center;
    background-image: url(../img/arrow-right.svg);
    display: flex;
    height: 16px;
    transform: rotate(179deg);
    width: 16px
}

.pager-numbers .pager-prev.none {
    display: none
}

.pager-numbers .pager-next {
    align-items: center;
    display: flex
}

.pager-numbers .pager-next span {
    align-items: center;
    background-image: url(../img/arrow-right.svg);
    display: flex;
    height: 16px;
    width: 16px
}

.pager-numbers .pager-next.none {
    display: none
}

.pager-numbers .pager-current {
    background: #00e1ff;
    border-radius: 4px;
    color: #f1f1f1;
    font-size: 14px;
    line-height: 24px;
    margin: 0 4px;
    padding: 7px 15px
}

.pager-numbers a {
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    margin: 0 4px;
    padding: 6px 13px;
    text-decoration: none
}

.pager-numbers a:hover {
    border: 1px solid #00e1ff
}

.pager-numbers a:hover u {
    color: #00e1ff
}

.pager-numbers a u {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none
}

.star-rating-wrap {
    background: url(../img/stars-rating.svg);
    background-position: 0 0;
    background-repeat: repeat-x;
    display: block;
    float: left;
    height: 24px;
    margin-left: 16px;
    margin-top: 5px;
    position: relative;
    width: 120px
}

.star-rating-wrap .on {
    background: url(../img/stars-rating.svg);
    background-position: 0 -24px;
    height: 24px
}

@media only screen and (max-width: 767px) {
    .tabs .hidden-scroll-block {
        height: 46px;
        margin-right: -16px;
        overflow: hidden
    }

    .tabs .scroll-tabs {
        height: 54px
    }
}

.tabs .tabs-container {
    border-bottom: 1px solid #161616;
    display: flex
}

.tabs .tabs-container .tabs-container-tab {
    border-bottom: none;
    color: #88898c;
    cursor: pointer;
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-right: 32px;
    padding: 16px 0
}

.tabs .tabs-container .tabs-container-tab a {
    color: #88898c;
    text-decoration: none
}

.tabs .tabs-container .tabs-container-tab.active {
    border-bottom: 2px solid #00e1ff;
    color: #00e1ff
}

.tabs .tabs-container .tabs-container-tab.active a {
    color: #00e1ff
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tabs .tabs-container .tabs-container-tab {
        margin-right: 3%
    }
}

@media only screen and (max-width: 767px) {
    .tabs .tabs-container .tabs-container-tab {
        font-size: 14px;
        line-height: 18px;
        margin-right: 24px;
        padding: 10px 0
    }
}

.tabs .tabs-content-container {
    display: none
}

.tabs .tabs-content-container.active {
    display: block
}

.menu-tabs .right-column .hidden-scroll-block {
    overflow: auto;
    scroll-behavior: smooth
}

.menu-tabs .right-column .hidden-scroll-block::-webkit-scrollbar {
    width: 0
}

.menu-tabs .right-column .hidden-scroll-block .tabs-container {
    border-bottom: none;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .menu-tabs .right-column .hidden-scroll-block {
        margin-right: 0
    }
}

.menu-tabs .border-block {
    border-bottom: 1px solid #161616;
    height: 58px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .menu-tabs .border-block {
        margin-right: -5%
    }
}

@media only screen and (max-width: 767px) {
    .menu-tabs .border-block {
        height: 40px;
        margin-right: -16px;
        overflow: hidden
    }
}

.el-popup {
    display: none
}

.el-popup .wrap-popup {
    height: 100%;
    left: 50%;
    margin-left: -306px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 9999
}

.el-popup .wrap-popup .wrap-scroll {
    background: #212121;
    box-sizing: border-box;
    color: #f1f1f1;
    padding: 40px;
    width: 612px
}

@media only screen and (max-width: 767px) {
    .el-popup .wrap-popup .wrap-scroll {
        background: #212121;
        box-sizing: border-box;
        padding: 16px;
        width: auto
    }

    .el-popup .wrap-popup {
        height: 100%;
        left: 0;
        margin-left: 0;
        overflow: scroll;
        padding: 0;
        width: 100%
    }
}

.el-popup.el-popup-active {
    display: flex
}

.el-popup-close {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 99
}

.el-popup-close .el-popup-close-btn {
    background-color: inherit;
    background-image: url(../img/close.svg);
    border: none;
    cursor: pointer;
    height: 24px;
    width: 24px
}

@media only screen and (max-width: 767px) {
    .el-popup-close {
        position: fixed
    }
}

.el-popup-bg {
    align-items: center;
    background: rgba(40, 40, 40, .7);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998
}

.calculator-block {
    background: #161616;
    border-radius: 8px;
    padding: 24px 32px
}

.calculator-block .wrapper {
    display: flex;
    justify-content: space-between
}

.calculator-block .wrapper .column {
    width: 320px
}

.calculator-block .wrapper .column .switches-block {
    padding-top: 102px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .calculator-block .wrapper .column .switches-block {
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .calculator-block .wrapper .column .switches-block {
        padding-top: 24px
    }
}

.calculator-block .wrapper .column .stats-block-amount {
    padding-bottom: 82px
}

.calculator-block .wrapper .column .stats-block-amount .amount-for-open {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

.calculator-block .wrapper .column .stats-block-amount .amount-for-open i {
    background: url(../img/icons/rubl-icon.svg);
    display: inline-block;
    height: 28px;
    width: 28px
}

.calculator-block .wrapper .column .stats-block-amount .description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .calculator-block .wrapper .column .stats-block-amount {
        padding: 32px 0
    }
}

@media only screen and (max-width: 767px) {
    .calculator-block .wrapper .column .stats-block-amount {
        padding-bottom: 24px
    }
}

.calculator-block .wrapper .column .characteristics-club .item {
    border-top: 1px solid #3f3f3f;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: space-between;
    padding: 10px 10px 8px
}

.calculator-block .wrapper .column .characteristics-club .item .category {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 21px
}

.calculator-block .wrapper .column .characteristics-club .item .quantity {
    color: #f1f1f1;
    font-size: 16px;
    line-height: 21px
}

.calculator-block .wrapper .column .characteristics-club .item:last-child {
    border-bottom: 1px solid #3f3f3f
}

.calculator-block .wrapper .column .finance-block .item {
    padding-bottom: 24px
}

.calculator-block .wrapper .column .finance-block .item .amount {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.calculator-block .wrapper .column .finance-block .item .amount i {
    background: url(../img/icons/rubl-icon.svg);
    background-size: cover;
    display: inline-block;
    height: 18px;
    width: 18px
}

.calculator-block .wrapper .column .finance-block .item .description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 2px
}

.calculator-block .wrapper .column .finance-block .item:last-child {
    padding-bottom: 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .calculator-block .wrapper .column .finance-block {
        padding-top: 32px
    }
}

@media only screen and (max-width: 767px) {
    .calculator-block .wrapper .column .finance-block {
        padding-top: 24px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .calculator-block .wrapper .column {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .calculator-block .wrapper .column {
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .calculator-block .wrapper {
        flex-direction: column;
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .calculator-block .wrapper {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .calculator-block {
        padding: 24px
    }
}

@media only screen and (max-width: 767px) {
    .calculator-block {
        padding: 16px
    }
}

.choose-city {
    background: none;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    height: 48px;
    position: relative;
    width: 100%
}

.choose-city select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/icons/arrow-grey.svg) right 12px center no-repeat;
    background-size: 24px;
    border: none;
    color: #f1f1f1;
    cursor: pointer;
    font-size: 16px;
    outline: none;
    padding: 25px 32px 6px 12px;
    width: 100%
}

.choose-city select option {
    background: #161616;
    color: #f1f1f1
}

.choose-city label {
    color: #767676;
    font-size: 12px;
    left: 12px;
    line-height: 15px;
    position: absolute;
    top: 6px;
    user-select: none
}

.choose-amount-seat {
    font-family: ALS Hauss Book, sans-serif;
    padding-top: 32px
}

.choose-amount-seat .range-info {
    display: flex;
    justify-content: space-between
}

.choose-amount-seat .range-info .text-range {
    color: #8d8d8d;
    font-size: 18px;
    line-height: 24px
}

.choose-amount-seat .range-info output {
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.choose-amount-seat input[type=range] {
    -webkit-appearance: none;
    background: hsla(0, 0%, 100%, .6);
    background-image: linear-gradient(#00e1ff, #00e1ff);
    background-repeat: no-repeat;
    background-size: 0 100%;
    height: 4px;
    margin: 0;
    width: 200px;
    width: 100%
}

.choose-amount-seat input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #00e1ff;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 #555;
    cursor: ew-resize;
    height: 16px;
    width: 16px
}

.choose-amount-seat input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    background: #00e1ff;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 #555;
    cursor: ew-resize;
    height: 16px;
    width: 16px
}

.choose-amount-seat input[type=range]:-ms-thumb,
.choose-amount-seat input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    background: #00e1ff;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 #555;
    cursor: ew-resize;
    height: 16px;
    width: 16px
}

.choose-amount-seat input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none
}

.choose-amount-seat input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none
}

.choose-amount-seat input[type=range]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .choose-amount-seat {
        padding-bottom: 24px;
        padding-top: 24px
    }
}

.blue-button-calculator {
    margin-top: 51px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .blue-button-calculator {
        margin-top: 32px
    }
}

@media only screen and (max-width: 767px) {
    .blue-button-calculator {
        box-sizing: border-box;
        margin-top: 24px;
        text-align: center;
        width: 100%
    }
}

.diagram-block {
    padding-top: 80px
}

.diagram-block .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.diagram-block .diagram-container {
    display: flex;
    height: 24px;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .diagram-block .diagram-container {
        border-radius: 50%;
        display: inherit;
        height: 150px;
        margin: 0 auto;
        width: 150px
    }
}

.diagram-block .diagram-container {
    border-radius: 4px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .diagram-block .diagram-container {
        border-radius: 50%
    }

    .diagram-block .diagram-container:after {
        background-color: #161616;
        border-radius: 50%;
        color: #f1f1f1;
        content: "";
        height: 80%;
        left: 10%;
        position: absolute;
        top: 10%;
        width: 80%;
        z-index: 50
    }
}

.diagram-block .diagram {
    border-left: 2px solid;
    height: 100%;
    position: relative
}

.diagram-block .diagram:first-child {
    border: none
}

@media only screen and (max-width: 767px) {
    .diagram-block .diagram {
        clip: rect(0, 75px, 150px, 0);
        background-color: #aaa;
        border-radius: 50%;
        position: absolute;
        width: 100% !important
    }
}

.diagram-block .diagram-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 29px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .diagram-block .diagram-wrapper {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .diagram-block .diagram-wrapper {
        display: none
    }
}

.diagram-block #computer_equipment {
    background-color: #00e1ff;
    z-index: 10
}

@media only screen and (max-width: 767px) {
    .diagram-block #computer_equipment {
        transform: rotate(142deg)
    }
}

.diagram-block #construction {
    background-color: #13c2c2;
    z-index: 20
}

@media only screen and (max-width: 767px) {
    .diagram-block #construction {
        transform: rotate(210deg)
    }
}

.diagram-block #furniture {
    background-color: #52c41a;
    z-index: 30
}

@media only screen and (max-width: 767px) {
    .diagram-block #furniture {
        transform: rotate(349deg)
    }
}

.diagram-block #electricity_supply {
    background-color: #fadb14;
    z-index: 40
}

@media only screen and (max-width: 767px) {
    .diagram-block #electricity_supply {
        transform: rotate(318deg)
    }
}

.diagram-block #ventilation {
    background-color: #faad14;
    z-index: 40
}

@media only screen and (max-width: 767px) {
    .diagram-block #ventilation {
        transform: rotate(285deg)
    }
}

.diagram-block #server {
    background-color: #722ed1;
    z-index: 40
}

@media only screen and (max-width: 767px) {
    .diagram-block #server {
        transform: rotate(244deg)
    }
}

.diagram-block #other {
    background-color: #eb2f96;
    z-index: 40
}

@media only screen and (max-width: 767px) {
    .diagram-block #other {
        transform: rotate(263deg)
    }
}

.diagram-block ul {
    display: flex;
    height: 100px;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding-left: 0;
    padding-top: 18px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .diagram-block ul {
        flex-direction: column;
        height: auto;
        padding-top: 48px
    }
}

@media only screen and (max-width: 767px) {
    .diagram-block ul {
        flex-direction: column;
        height: auto
    }
}

.diagram-block li {
    box-sizing: border-box;
    color: #f1f1f1;
    display: flex;
    flex-direction: column;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding-right: 4px;
    position: relative
}

.diagram-block li .color-text {
    font-weight: 700;
    padding-bottom: 4px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .diagram-block li .color-text {
        padding-bottom: 0;
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .diagram-block li .color-text {
        width: 50%
    }
}

.diagram-block li .stat-label-cost {
    white-space: nowrap
}

.diagram-block li .stat-label-percent {
    font-weight: 500
}

.diagram-block li .description {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 4px
}

.diagram-block li[data-name=computer_equipment] .color-text {
    color: #00e1ff
}

.diagram-block li[data-name=construction] .color-text {
    color: #36cfc9
}

.diagram-block li[data-name=furniture] .color-text {
    color: #73d13d
}

.diagram-block li[data-name=electricity_supply] .color-text {
    color: #fadb14
}

.diagram-block li[data-name=ventilation] .color-text {
    color: #faad14
}

.diagram-block li[data-name=server] .color-text {
    color: #9254de
}

.diagram-block li[data-name=other] .color-text {
    color: #f759ab
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .diagram-block li {
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 16px
    }
}

@media only screen and (max-width: 767px) {
    .diagram-block li {
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 16px;
        width: 100%
    }
}

.diagram-block li:last-child {
    text-align: right
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .diagram-block li:last-child {
        padding-bottom: 0;
        text-align: initial
    }
}

@media only screen and (max-width: 767px) {
    .diagram-block li:last-child {
        padding-bottom: 0;
        text-align: initial
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .diagram-block {
        padding-top: 0;
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .diagram-block {
        padding-top: 24px
    }
}

.donut-chart {
    display: none;
    padding-top: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .donut-chart {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .donut-chart {
        display: block
    }
}

.donut {
    border-radius: 100%;
    display: block;
    height: 216px;
    margin: 0 auto;
    width: 216px
}

.donut:after {
    background: #161616;
    border-radius: 50%;
    content: "";
    height: 180px;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%)
}

.donut:after,
.wrapper-donut-info .description {
    display: block;
    width: 180px
}

.skeleton-box {
    background-color: #bfbfbf !important;
    border-radius: 0 !important;
    color: #bfbfbf !important
}

.skeleton-box a,
.skeleton-box button,
.skeleton-box div,
.skeleton-box img,
.skeleton-box input,
.skeleton-box input:disabled,
.skeleton-box span {
    border-color: #bfbfbf !important;
    visibility: hidden
}

.skeleton-box.skeleton-effect-fade {
    animation: skeleton-effect-fade 1.2s infinite
}

.skeleton-box.skeleton-effect-pulse {
    animation: skeleton-effect-pulse 1.2s infinite
}

.skeleton-box.skeleton-effect-blink,
.skeleton-box.skeleton-effect-wave {
    animation: skeleton-effect-wave 1.2s infinite;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 25%, #000 75%, transparent);
    mask-image: linear-gradient(90deg, transparent 0, #000 25%, #000 75%, transparent);
    -webkit-mask-position: 50% top;
    mask-position: 50% top;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%
}

@keyframes skeleton-effect-fade {
    0% {
        opacity: .8
    }
    50% {
        opacity: .2
    }
    to {
        opacity: .8
    }
}

@keyframes skeleton-effect-wave {
    0% {
        -webkit-mask-position: 50% top;
        mask-position: 50% top
    }
    to {
        -webkit-mask-position: -150% top;
        mask-position: -150% top
    }
}

@keyframes skeleton-effect-pulse {
    0% {
        transform: scale(1)
    }
    40% {
        transform: scale(1)
    }
    50% {
        transform: scale(.975)
    }
    to {
        transform: scale(1)
    }
}

.banner-main {
    display: block;
    max-height: 400px;
    margin: 0 auto;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    .banner-main {
        height: auto;
        margin-bottom: 24px;
        width: 102%
    }
}

.wrap-main-block {
    display: flex;
    margin-bottom: 28px;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .wrap-main-block picture {
        margin: 0 -5%
    }
}

.wrap-main-block .title-main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-main-block .title-main span {
    max-width: fit-content;
    width: 100%;
    z-index: 999;
    border: 2px solid #00e1ff;
    padding: 16px;
    font-size: 24px;
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-main-block .title-main span {
        height: auto;
        margin-top: inherit;
        position: relative;
        top: inherit;
        max-width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .wrap-main-block .title-main span {
        height: auto;
        margin-top: inherit;
        position: relative;
        top: inherit;
        width: auto
    }

    .wrap-main-block .title-main {
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-main-block {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 767px) {
    .wrap-main-block {
        flex-direction: column-reverse;
        margin-bottom: 24px
    }
}

.city-block .nav-block {
    flex-wrap: wrap
}

.city-block .nav-block .no-linkable {
    cursor: default
}

.city-block .nav-block .no-linkable:hover {
    filter: inherit
}

.city-block .nav-block a {
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .city-block .nav-block a {
        width: 32%
    }
}

@media only screen and (max-width: 767px) {
    .city-block .nav-block a {
        width: 100%
    }
}

.all-tournaments__main-page {
    padding-top: 64px !important
}

@media only screen and (max-width: 767px) {
    .all-tournaments__main-page {
        padding-top: 32px !important
    }
}

.nav-block {
    color: #f1f1f1;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block.main-nav {
        flex-wrap: wrap
    }

    .nav-block.main-nav a {
        width: 48.5%
    }
}

.nav-block .coming-soon-open {
    cursor: default;
    pointer-events: none
}

.nav-block .coming-soon-open:hover {
    filter: inherit
}

.nav-block a {
    color: #f1f1f1;
    text-decoration: none;
    width: 380px
}

.nav-block a:hover {
    filter: brightness(150%)
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block a {
        margin-bottom: 20px;
        width: 24%
    }
}

@media only screen and (max-width: 767px) {
    .nav-block a {
        margin-bottom: 8px;
        width: 48.5%
    }
}

.nav-block .item-nav-city {
    align-items: flex-start;
    border-radius: 8px;
    display: flex;
    font-family: ALS Hauss, sans-serif;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 190px
}

.nav-block .item-nav-city .wrap-city-text {
    padding: 16px;
    z-index: 99
}

.nav-block .item-nav-city .wrap-city-text .description,
.nav-block .item-nav-city .wrap-city-text .soon-block {
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block .item-nav-city .wrap-city-text {
        align-self: baseline;
        padding: 9px;
        position: absolute;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city .wrap-city-text {
        padding: 12px 16px
    }
}

.nav-block .item-nav-city .title-item {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 4px
}

.nav-block .item-nav-city .title-item span {
    font-family: ALS Hauss Book, sans-serif
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block .item-nav-city .title-item {
        font-size: 16px;
        line-height: 24px
    }
}

.nav-block .item-nav-city.color-1 {
    background: #520339
}

.nav-block .item-nav-city.color-1 i {
    background-image: url(../img/samara.svg);
    background-size: contain;
    bottom: -2px;
    height: 138px;
    position: absolute;
    right: 0;
    width: 120px
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city.color-1 i {
        height: 120px;
        right: 0;
        top: 6px;
        width: 104px
    }
}

.nav-block .item-nav-city.color-1 .soon-block {
    color: #eb2f96
}

.nav-block .item-nav-city.color-2 {
    background: #120338
}

.nav-block .item-nav-city.color-2 i {
    background-image: url(../img/moscow.svg);
    background-size: contain;
    bottom: -3px;
    height: 138px;
    position: absolute;
    right: 0;
    width: 120px
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city.color-2 i {
        height: 120px;
        right: 0;
        top: 6px;
        width: 104px
    }
}

.nav-block .item-nav-city.color-2 .soon-block {
    color: #722ed1
}

.nav-block .item-nav-city.color-3 {
    background: #030852
}

.nav-block .item-nav-city.color-3 i {
    background-image: url(../img/krasnodar.svg);
    background-size: contain;
    bottom: -8px;
    height: 138px;
    position: absolute;
    right: 0;
    width: 120px
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city.color-3 i {
        height: 120px;
        right: 0;
        top: 6px;
        width: 104px
    }
}

.nav-block .item-nav-city.color-3 .soon-block {
    color: #00e1ff
}

.nav-block .item-nav-city.color-4 {
    background: #002329
}

.nav-block .item-nav-city.color-4 i {
    background-image: url(../img/saint-petersburg.svg);
    background-size: contain;
    bottom: -5px;
    height: 138px;
    position: absolute;
    right: 0;
    width: 120px
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city.color-4 i {
        height: 120px;
        right: 0;
        top: 6px;
        width: 104px
    }
}

.nav-block .item-nav-city.color-5 {
    background: #5c0011
}

.nav-block .item-nav-city.color-5 .description {
    color: #f5222d
}

.nav-block .item-nav-city.color-5 i {
    background-image: url(../img/mahachkala.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -11px;
    height: 130px;
    position: absolute;
    right: 18px;
    width: 44px
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city.color-5 i {
        right: 27px;
        top: 17px
    }
}

.nav-block .item-nav-city.color-6 {
    background: #092b00
}

.nav-block .item-nav-city.color-6 .description {
    color: #f5222d
}

.nav-block .item-nav-city.color-6 i {
    background-image: url(../img/mytishi.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 117px;
    position: absolute;
    right: 0;
    width: 120px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block .item-nav-city.color-6 i {
        bottom: 0;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city.color-6 i {
        bottom: 0;
        height: 101px;
        right: 0;
        width: 104px
    }
}

.nav-block .item-nav-city.color-6 .soon-block {
    color: #389e0d
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block .item-nav-city {
        align-items: end;
        flex-direction: column-reverse;
        height: 160px;
        justify-content: space-between;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav-city {
        height: 120px;
        overflow: hidden;
        width: auto
    }
}

.nav-block .item-nav {
    align-items: flex-end;
    border-radius: 8px;
    display: flex;
    font-family: ALS Hauss, sans-serif;
    height: 160px;
    position: relative
}

.nav-block .item-nav .title-item {
    font-size: 20px;
    line-height: 26px;
    padding: 24px
}

.nav-block .item-nav .title-item .link-icon {
    background: url(../img/link.svg);
    display: inline-block;
    height: 16px;
    position: relative;
    right: 0;
    top: 3px;
    width: 16px
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav .title-item {
        font-size: 14px;
        line-height: 19px;
        padding: 14px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block .item-nav {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .nav-block .item-nav {
        height: 96px;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .nav-block {
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .nav-block {
        flex-wrap: wrap
    }
}

.container-logo-main {
    flex: 1.5;
}

.container-logo-main .glitch-img {
    height: 560px;
    left: inherit;
    right: 0 !important;
    width: 752px
}

@media only screen and (max-width: 767px) {
    .container-logo-main .glitch-img {
        height: auto;
        width: 100%
    }
}

.container-logo-main .container-glitch {
    margin: 0;
    right: 0 !important
}

@media only screen and (max-width: 767px) {
    .container-logo-main {
        height: auto;
        width: 100%;
    }
}

.container-glitch-owner {
    margin: 0 0 0 220px
}

.container-glitch-owner,
.container-glitch-owner .container-glitch {
    height: 520px;
    overflow: hidden;
    position: relative;
    width: 960px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-glitch-owner .container-glitch img {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .container-glitch-owner .container-glitch img {
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-glitch-owner .container-glitch {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .container-glitch-owner .container-glitch {
        height: auto;
        width: 100%
    }
}

.container-glitch-owner .glitch-img {
    height: 520px;
    left: inherit;
    right: 0 !important;
    width: 960px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-glitch-owner .glitch-img {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .container-glitch-owner .glitch-img {
        height: auto;
        width: 100%
    }
}

.container-glitch-owner .container-glitch {
    margin: 0;
    right: 0 !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-glitch-owner {
        height: auto;
        margin: 0;
        padding-bottom: 54%;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .container-glitch-owner {
        height: auto;
        margin: 0;
        padding-bottom: 100%;
        width: 106%
    }
}

.wrap-list-clubs {
    padding-top: 64px
}

.wrap-list-clubs h4 {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    margin-bottom: 40px;
    margin-top: 0
}

.list-clubs {
    display: flex
}

.list-clubs .block-club {
    margin-right: 20px;
    position: relative;
    width: 380px
}

.list-clubs .block-club a {
    text-decoration: none
}

.list-clubs .block-club a .description-block-club,
.list-clubs .block-club a:hover img {
    opacity: .8
}

.list-clubs .block-club .characteristic-icon {
    display: flex;
    left: 16px;
    position: absolute;
    top: 16px
}

.list-clubs .block-club .characteristic-icon img {
    height: 32px;
    width: 32px
}

.list-clubs .block-club img {
    border-radius: 8px;
    height: 240px;
    width: 380px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .list-clubs .block-club img {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .list-clubs .block-club img {
        height: auto;
        width: 100%
    }
}

.list-clubs .block-club .description-block-club .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    padding: 16px 0 10px
}

.list-clubs .block-club .description-block-club .club-characteristics {
    justify-content: flex-start;
    margin-top: 16px;
    width: auto
}

.list-clubs .block-club .description-block-club .club-characteristics.soon-data .item {
    color: #8d8d8d !important
}

.list-clubs .block-club .description-block-club .club-characteristics .item {
    font-family: ALS Hauss Book, sans-serif;
    font-weight: 600;
    height: auto;
    margin-right: 32px;
    width: 76px
}

.list-clubs .block-club .description-block-club .club-characteristics .item .wrap-characteristic {
    padding: 8px 16px 8px 0
}

.list-clubs .block-club .description-block-club .club-characteristics .item .wrap-characteristic .name-zone {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.list-clubs .block-club .description-block-club .club-characteristics .item .amount .wrap {
    font-size: 18px !important;
    line-height: 14px !important
}

.list-clubs .block-club .description-block-club .address-text {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px
}

.list-clubs .block-club .description-block-club .soon {
    background: #610b00;
    border-radius: 4px;
    color: #a7a7a7;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-top: 12px;
    padding: 4px 8px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .list-clubs .block-club {
        margin-bottom: 56px;
        margin-right: 0;
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .list-clubs .block-club {
        margin-bottom: 40px;
        margin-right: 0;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .list-clubs {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .list-clubs {
        flex-direction: column
    }
}

.rating-club-block {
    align-items: center;
    display: flex;
    padding-top: 18px
}

.rating-club-block .text-work-time {
    color: #f1f1f1
}

.rating-club,
.rating-club-block .text-work-time {
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px
}

.rating-club {
    align-items: center;
    border: 1px solid #161616;
    border-radius: 4px;
    color: #ffd666;
    display: inline-block;
    display: inline-flex;
    margin-right: 16px;
    padding: 6px 8px;
    position: relative
}

.rating-club i {
    background-image: url(../img/star.svg);
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.rating-club .tooltiptext {
    background: #262626;
    border-radius: 4px;
    box-sizing: border-box;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 18px;
    opacity: 0;
    padding: 12px 16px;
    position: absolute;
    top: 42px;
    transition: all .3s ease;
    visibility: hidden;
    width: 320px;
    z-index: 1
}

.rating-club .tooltiptext .rating-wrapper {
    align-items: center;
    color: #ffd666;
    display: flex;
    font-family: ReSquare;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.rating-club .tooltiptext .amount-grade {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px
}

@media only screen and (max-width: 767px) {
    .rating-club .tooltiptext .amount-grade {
        padding-top: 8px
    }
}

.rating-club .tooltiptext .rating-description {
    color: #a7a7a7;
    font-size: 16px;
    line-height: 21px;
    padding-top: 4px
}

.rating-club .tooltiptext .note {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 18px;
    padding-top: 16px
}

@media only screen and (max-width: 767px) {
    .rating-club .tooltiptext .note {
        padding-top: 8px
    }
}

.rating-club .tooltiptext:after {
    border: 10px solid transparent;
    border-top-color: #262626;
    content: " ";
    left: 20px;
    margin-left: 0;
    position: absolute;
    top: -20px;
    transform: rotate(180deg) !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .rating-club .tooltiptext:after {
        left: 19px
    }
}

@media only screen and (max-width: 767px) {
    .rating-club .tooltiptext:after {
        left: 19px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .rating-club .tooltiptext {
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .rating-club .tooltiptext {
        left: 0;
        margin-left: 0;
        right: 0
    }
}

.rating-club:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 767px) {
    .rating-club:hover .tooltiptext {
        left: 0;
        right: inherit
    }
}

.academy-block-mobile {
    display: none
}

.academy-block-mobile:hover {
    filter: brightness(150%)
}

.academy-block-mobile a {
    background: #002329;
    border-radius: 8px;
    display: flex;
    height: 277px;
    justify-content: space-between;
    margin: 0 5%;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

.academy-block-mobile a .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    padding: 16px;
    width: 248px
}

.academy-block-mobile a .title .link-icon {
    background: url(../img/link.svg);
    background-size: cover;
    display: inline-block;
    height: 24px;
    position: relative;
    right: 0;
    top: 6px;
    width: 24px
}

@media only screen and (max-width: 767px) {
    .academy-block-mobile a {
        flex-direction: column;
        height: auto;
        margin: 0 16px
    }
}

.academy-block-mobile img {
    bottom: 0;
    height: 256px;
    position: absolute;
    right: 0;
    width: 610px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .academy-block-mobile img {
        position: absolute
    }
}

@media only screen and (max-width: 767px) {
    .academy-block-mobile img {
        bottom: -5px;
        height: auto;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .academy-block-mobile {
        display: block;
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .academy-block-mobile {
        display: block;
        padding-top: 40px
    }
}

.wrapper-tabs {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 1180px
}

.wrapper-tabs .left-column {
    width: 280px
}

.wrapper-tabs .left-column h4 {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    margin: 0 0 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-tabs .left-column h4 {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-tabs .left-column h4 {
        margin: 0
    }
}

.wrapper-tabs .left-column .menu-description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-tabs .left-column .menu-description {
        padding-bottom: 24px;
        padding-top: 14px
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-tabs .left-column .menu-description {
        padding-bottom: 24px;
        padding-top: 14px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-tabs .left-column {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-tabs .left-column {
        width: auto
    }
}

.wrapper-tabs .right-column {
    width: 780px
}

.wrapper-tabs .right-column .wrap-products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -8px;
    padding-top: 40px
}

.wrapper-tabs .right-column .wrap-products .product-item {
    margin: 0 8px;
    padding-bottom: 40px;
    width: calc(24% - 10px)
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-image {
    align-items: center;
    display: flex;
    justify-content: center
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-image .blur {
    background: #00e1ff;
    border-radius: 50px;
    filter: blur(36px);
    height: 80px;
    position: absolute;
    width: 80px
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-image img {
    height: 180px;
    width: 180px;
    z-index: 9
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-uom {
    color: #3f3f3f;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding-top: 8px
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-price {
    color: #f1f1f1;
    display: flex;
    padding-top: 4px
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-price .price-amount {
    font-family: ReSquare;
    font-size: 24px;
    font-weight: 600;
    line-height: 11px
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-price .price-currency {
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 18px
}

.wrapper-tabs .right-column .wrap-products .product-item .product-item-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #f1f1f1;
    display: -webkit-box;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    min-height: 44px;
    overflow: hidden;
    padding-top: 8px;
    text-overflow: ellipsis
}

@media only screen and (max-width: 767px) {
    .wrapper-tabs .right-column .wrap-products .product-item {
        padding-bottom: 24px;
        width: calc(48% - 10px)
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-tabs .right-column {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-tabs .right-column {
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-tabs {
        flex-direction: column;
        padding: 40px 5% 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-tabs {
        flex-direction: column;
        padding: 0 16px;
        width: auto
    }
}

.blocked-block {
    pointer-events: none
}

.app-qr-block {
    align-items: center;
    background: #161616;
    border-radius: 8px;
    display: flex;
    height: 400px;
    margin: 56px auto;
    overflow: hidden;
    width: 1180px
}

.app-qr-block .left-column img {
    display: flex
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-qr-block .left-column img {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .app-qr-block .left-column img {
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-qr-block .left-column {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .app-qr-block .left-column {
        width: 100%
    }
}

.app-qr-block .right-column {
    margin-left: 45px
}

.app-qr-block .right-column .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-qr-block .right-column .title {
        padding: 24px
    }
}

@media only screen and (max-width: 767px) {
    .app-qr-block .right-column .title {
        font-size: 32px;
        line-height: 24px;
        padding: 16px 24px 24px
    }
}

.app-qr-block .right-column .desktop-qr-block {
    align-items: center;
    display: flex;
    margin-top: 92px
}

.app-qr-block .right-column .desktop-qr-block img {
    border-radius: 10px;
    height: 128px;
    overflow: hidden;
    width: 128px
}

.app-qr-block .right-column .desktop-qr-block .desktop-qr-block-text {
    font-family: ALS Hauss Book, sans-serif;
    margin-left: 24px;
    width: 176px
}

.app-qr-block .right-column .desktop-qr-block .desktop-qr-block-text .title {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px
}

.app-qr-block .right-column .desktop-qr-block .desktop-qr-block-text .description {
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-qr-block .right-column .desktop-qr-block {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .app-qr-block .right-column .desktop-qr-block {
        display: none
    }
}

.app-qr-block .right-column .mobile-qr-block {
    display: none
}

.app-qr-block .right-column .mobile-qr-block .wrap-buttons {
    margin-top: 0;
    padding: 0 24px 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-qr-block .right-column .mobile-qr-block {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .app-qr-block .right-column .mobile-qr-block {
        display: block
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-qr-block .right-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .app-qr-block .right-column {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-qr-block {
        align-items: baseline;
        flex-direction: column;
        height: auto;
        margin: 56px 5%;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .app-qr-block {
        align-items: baseline;
        flex-direction: column;
        height: auto;
        margin: 42px 16px;
        width: auto
    }
}

.title-hardware-elements-section {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    width: 265px
}

.title-hardware-elements-section .description-title {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .title-hardware-elements-section .description-title {
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .title-hardware-elements-section {
        width: 343px
    }
}

@media only screen and (max-width: 767px) {
    .title-hardware-elements-section {
        width: auto
    }
}

.hardware {
    border-bottom: 1px solid #262626;
    height: 58px;
    width: 773px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .hardware {
        padding-top: 24px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .hardware {
        height: 40px;
        width: auto
    }
}

.hardware-elements-section {
    display: flex;
    height: 600px;
    justify-content: space-between;
    padding-bottom: 80px;
    padding-top: 42px;
    position: relative
}

.hardware-elements-section .description-hardware-elements-section {
    padding-bottom: 161px;
    width: 773px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .hardware-elements-section .description-hardware-elements-section {
        padding-bottom: 48px
    }
}

@media only screen and (max-width: 767px) {
    .hardware-elements-section .description-hardware-elements-section {
        min-width: 189px;
        padding-bottom: 48px;
        width: auto
    }
}

.hardware-elements-section-2 {
    padding-top: 56px
}

.hardware-elements-section-2 .wrap-monitor {
    display: flex;
    justify-content: space-between;
    padding-top: 56px
}

.hardware-elements-section-2 .wrap-monitor .parameters-monitor {
    width: 50%
}

.hardware-elements-section-2 .wrap-monitor .parameters-monitor ul {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 32px;
    line-height: 120%;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .hardware-elements-section-2 .wrap-monitor .parameters-monitor ul {
        font-size: 24px;
        line-height: 30px
    }
}

.hardware-elements-section-2 .wrap-monitor .parameters-monitor ul li {
    padding-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .hardware-elements-section-2 .wrap-monitor .parameters-monitor {
        width: auto
    }

    .hardware-elements-section-2 .wrap-monitor {
        flex-direction: column;
        padding-top: 32px
    }

    .hardware-elements-section-2 {
        padding-top: 32px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .hardware-elements-section {
        flex-direction: column;
        height: 762px;
        justify-content: inherit
    }
}

@media only screen and (max-width: 767px) {
    .hardware-elements-section {
        display: block;
        height: 709px;
        padding-bottom: 0
    }
}

.description-hardware {
    color: #f1f1f1;
    font-family: ALS Hauss, sans-serif;
    font-size: 72px;
    line-height: 120%
}

@media only screen and (max-width: 767px) {
    .description-hardware {
        font-size: 32px;
        line-height: 120%
    }
}

.title-hardware {
    color: #88898c;
    font-family: ALS Hauss, sans-serif;
    font-size: 24px;
    line-height: 120%;
    padding-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .title-hardware {
        font-size: 18px;
        line-height: 120%
    }
}

.more-info-hardware {
    display: flex;
    padding-top: 56px
}

.more-info-hardware .wrap-info-hardware {
    width: 50%
}

@media only screen and (max-width: 767px) {
    .more-info-hardware .wrap-info-hardware {
        padding-top: 32px;
        width: auto
    }
}

.more-info-hardware p {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 32px;
    line-height: 120%;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .more-info-hardware {
        flex-direction: column;
        font-size: 24px;
        line-height: 30px;
        padding-top: 0
    }
}

.title-internet {
    color: #f1f1f1;
    font-family: ALS Hauss, sans-serif;
    font-size: 72px;
    line-height: 120%;
    padding-top: 56px
}

@media only screen and (max-width: 767px) {
    .title-internet {
        font-size: 32px;
        line-height: 120%;
        padding-top: 32px
    }
}

.tabs {
    position: relative
}

.tabs input[type=radio] {
    display: none
}

.tab,
.tab-title {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .tab-title {
        font-size: 14px;
        margin-right: 18px;
        padding: 16px 0
    }
}

.tab :checked + .tab-title {
    border-bottom: 2px solid #00e1ff;
    color: #00e1ff;
    position: relative;
    z-index: 1
}

.tab :checked ~ .tab-content {
    display: block
}

.specifications-title {
    color: #e6e6e6;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 140%;
    margin-top: 16px;
    display: block;
}

.specifications-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 32px;
}

.specifications-inline .specifications-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .specifications-inline {
        flex-direction: column;
    }

    .specifications-inline .specifications-item {
        width: 100%;
    }
}


.specifications-inline .specifications-item .icon-specification {
    width: 64px;
    height: auto;
    margin-bottom: 0;
}

.specifications-inline .specification-title {
    width: 180px;
    line-height: 1!important;
}

.specifications-inline .specification {
    font-size: 24px!important;
    line-height: 1!important;
}

.specifications {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 40px
}

.specifications-item {
    padding-bottom: 82px;
    width: 367px
}

.specifications-item .icon-specification {
    height: 56px;
    margin-bottom: 16px;
    width: 56px
}

.specifications-item .specification {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 32px;
    line-height: 42px
}

.specifications-item .specification-title {
    color: #bdbdbd;
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .specifications-item .specification {
        font-size: 18px;
        line-height: 23px;
        margin-top: 8px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .specifications-item {
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .specifications-item {
        padding-bottom: 34px;
        width: 48%
    }
}

.form-subscription {
    width: 367px
}

.form-subscription .wrap-input .title-subscription {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px
}

.form-subscription .wrap-input .field-email {
    display: flex;
    justify-content: space-between
}

.form-subscription .wrap-input .field-email input {
    background: #212121;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    box-sizing: border-box;
    color: #b3b3b3;
    font-size: 16px;
    height: 48px;
    outline: 0;
    padding: 13px 12px;
    width: 296px
}

@media only screen and (max-width: 767px) {
    .form-subscription .wrap-input .field-email input {
        width: 100%
    }
}

.form-subscription .wrap-input .field-email.field .wrap {
    padding-bottom: 16px
}

.form-subscription .wrap-input .field-email .submit-btn {
    background: #2900f2;
    background-image: url(../img/arrow-enter.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    height: 48px;
    width: 48px
}

.form-subscription .wrap-input .field-email .submit-btn:hover {
    filter: brightness(1.5)
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .form-subscription .wrap-input .field-email .submit-btn {
        border: none;
        color: #f1f1f1
    }
}

@media only screen and (max-width: 767px) {
    .form-subscription .wrap-input .field-email .submit-btn {
        margin-left: 8px
    }

    .form-subscription .wrap-input .field-email {
        flex-direction: row
    }

    .form-subscription .wrap-input .field-email .wrap {
        width: 100%
    }

    .form-subscription {
        width: auto
    }
}

.field-subscription-privacy_agree label {
    align-items: center;
    color: #f1f1f1;
    cursor: pointer;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 120%
}

.field-subscription-privacy_agree label a {
    border-bottom: 1px solid #404040;
    color: #ccc;
    text-decoration: none
}

.field-subscription-privacy_agree label a:hover {
    border-bottom: 1px solid #00e1ff;
    color: #00e1ff
}

.field-subscription-privacy_agree label p {
    margin: 0;
    padding-left: 9px
}

@media only screen and (max-width: 767px) {
    .field-subscription-privacy_agree label p {
        margin: 3px;
        padding-left: 32px
    }

    .field-subscription-privacy_agree label {
        align-items: inherit;
        position: relative
    }
}

.field-subscription-privacy_agree input[type=checkbox] {
    display: none
}

.field-subscription-privacy_agree input[type=checkbox] + label span {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    bottom: 1px;
    box-sizing: border-box;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px
}

@media only screen and (max-width: 767px) {
    .field-subscription-privacy_agree input[type=checkbox] + label span {
        position: absolute;
        top: 0
    }
}

.field-subscription-privacy_agree input[type=checkbox]:checked + label span {
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0 !important
}

.breadcrumbs .delimiter {
    background: #00e1ff;
    border-radius: 50px;
    height: 4px;
    margin: 0 10px;
    width: 4px
}

.breadcrumbs .delimiter:last-child {
    display: none
}

.breadcrumbs a {
    color: #00e1ff;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none
}

.breadcrumbs a:hover {
    opacity: .8
}

.background-franchise-block {
    height: 640px;
    overflow: hidden;
    padding-top: 24px
}

.background-franchise-block .background-picture {
    position: absolute
}

.background-franchise-block .background-picture img {
    width: 100%
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .background-franchise-block .background-picture {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .background-franchise-block .background-picture {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .background-franchise-block {
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .background-franchise-block {
        height: auto;
        padding-top: 16px
    }
}

.indent-mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .indent-mobile {
        display: inline-block
    }
}

.picture-block {
    position: absolute;
    right: 0;
    width: 494px;
    z-index: 0
}

.picture-block img {
    width: 100%
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .picture-block {
        margin: 0 auto;
        padding-top: 64px;
        position: relative;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .picture-block {
        margin: 0 auto;
        position: relative;
        width: 100%
    }
}

.hidden-scroll-stats-block {
    margin-right: -16px;
    overflow: hidden
}

.section::-webkit-scrollbar {
    width: 5px
}

.section::-webkit-scrollbar-track {
    background-color: #161616
}

.section::-webkit-scrollbar-thumb,
.section::-webkit-scrollbar-track {
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 8px;
    width: 5px
}

.section::-webkit-scrollbar-thumb {
    background-color: #3f3f3f
}

.description-franchise-block {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px
}

.description-franchise-block ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.stats-block {
    align-items: center;
    display: flex;
    overflow: auto;
    padding-bottom: 40px;
    padding-top: 100px
}

.stats-block .item {
    padding-right: 48px
}

.stats-block .item .wrap {
    display: flex
}

.stats-block .item .wrap img {
    height: 64px;
    margin-right: 16px;
    width: 64px
}

@media only screen and (max-width: 767px) {
    .stats-block .item .wrap img {
        height: 32px;
        position: relative;
        top: 8px;
        width: 32px
    }
}

.stats-block .item .numbers {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 120px;
    font-weight: 600;
    line-height: 38px
}

@media only screen and (max-width: 767px) {
    .stats-block .item .numbers {
        font-size: 48px;
        line-height: 42px
    }
}

.stats-block .item .description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-top: 24px
}

@media only screen and (max-width: 767px) {
    .stats-block .item .description {
        padding-top: 8px;
        width: 200px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .stats-block {
        margin-right: -5%;
        padding-top: 37px
    }
}

@media only screen and (max-width: 767px) {
    .stats-block {
        align-items: baseline;
        margin-right: -16px;
        padding-bottom: 24px;
        padding-top: 37px
    }
}

.wrap-franchise-block {
    display: flex;
    justify-content: space-between
}

.wrap-franchise-block .container-logo-main,
.wrap-franchise-block .container-logo-main .container-glitch,
.wrap-franchise-block .container-logo-main .container-glitch .banner-main {
    height: 605px;
    width: 789px
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block .container-logo-main .container-glitch,
    .wrap-franchise-block .container-logo-main .container-glitch .banner-main {
        height: auto;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-franchise-block .container-logo-main {
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block .container-logo-main {
        height: auto;
        padding-bottom: 0;
        width: 100%
    }
}

.wrap-franchise-block .main-left-block {
    width: 800px;
    z-index: 999
}

.wrap-franchise-block .main-left-block h1 {
    line-height: 42px;
    width: 660px
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block .main-left-block h1 {
        font-size: 32px;
        line-height: 30px;
        line-height: 24px;
        width: auto
    }
}

.wrap-franchise-block .main-left-block .advantages-blocks-main {
    display: flex;
    justify-content: space-between;
    padding-top: 178px;
    scrollbar-width: thin
}

.wrap-franchise-block .main-left-block .advantages-blocks-main .advantage-item {
    width: 240px
}

.wrap-franchise-block .main-left-block .advantages-blocks-main .advantage-item .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.wrap-franchise-block .main-left-block .advantages-blocks-main .advantage-item .description {
    font-size: 16px;
    line-height: 21px;
    padding-top: 8px
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block .main-left-block .advantages-blocks-main .advantage-item .description {
        width: 240px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-franchise-block .main-left-block .advantages-blocks-main .advantage-item {
        width: 30%
    }
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block .main-left-block .advantages-blocks-main .advantage-item {
        margin-right: 32px
    }
}

.wrap-franchise-block .main-left-block .advantages-blocks-main::-webkit-scrollbar {
    width: 5px
}

.wrap-franchise-block .main-left-block .advantages-blocks-main::-webkit-scrollbar-track {
    background-clip: content-box;
    background-color: #161616;
    border: 5px solid transparent;
    border-radius: 8px;
    width: 5px
}

.wrap-franchise-block .main-left-block .advantages-blocks-main::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #3f3f3f;
    border: 5px solid transparent;
    border-radius: 8px;
    width: 5px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-franchise-block .main-left-block .advantages-blocks-main {
        padding-top: 48px
    }
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block .main-left-block .advantages-blocks-main {
        margin-right: -16px;
        overflow: auto;
        padding-bottom: 24px;
        padding-top: 32px
    }
}

.wrap-franchise-block .main-left-block .description {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-franchise-block .main-left-block {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block .main-left-block {
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-franchise-block {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .wrap-franchise-block {
        flex-direction: column
    }
}

.button-wrap-main-block {
    display: flex;
    padding-top: 32px
}

@media only screen and (max-width: 767px) {
    .button-wrap-main-block {
        flex-direction: column-reverse;
        padding-top: 24px;
    }

    .button-wrap-main-block .blue-button-main {
        margin-right: 0;
        text-align: center;
    }

    .button-wrap-main-block .outline-button {
        margin-top: 8px;
        text-align: center;
    }

    .total-income__button-wrap .blue-button-main {
        margin-right: 0;
        width: 100%
    }
}

.research-clubs {
    margin: 0 auto;
    padding-top: 56px;
    width: 980px
}

.research-clubs .title-research-clubs {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 64px;
    font-weight: 600;
    line-height: 48px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .research-clubs .title-research-clubs {
        font-size: 40px;
        line-height: 30px;
        text-align: left
    }
}

.research-clubs .description-research-clubs {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 32px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .research-clubs .description-research-clubs {
        text-align: left
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .research-clubs {
        padding-top: 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .research-clubs {
        padding-top: 0;
        width: auto
    }
}

.title-franchise {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .title-franchise {
        font-size: 34px;
        line-height: 30px
    }
}

.tablet-title-franchise {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tablet-title-franchise {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .tablet-title-franchise {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .calculator-block-wrapper {
        display: flex;
        justify-content: space-between;
        padding-top: 48px
    }

    .desktop-title-franchise {
        display: none
    }
}

.wrapper-title-description {
    width: 660px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-title-description {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-title-description {
        width: auto
    }
}

.employees-items {
    display: flex;
    margin-top: 57px;
    overflow: auto;
    padding-bottom: 40px
}

.employees-items .item {
    background: #161616;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 488px;
    margin-right: 24px;
    padding: 16px 24px;
    position: relative;
    width: 310px
}

.employees-items .item img {
    border-radius: 8px;
    bottom: 0;
    height: 215px;
    position: absolute;
    width: 278px
}

.employees-items .item .employees-description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-top: 16px;
    width: 262px
}

.employees-items .item .title-employees {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.employees-items .item .name-employees {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-top: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .employees-items {
        margin-right: -6%;
        margin-top: 48px
    }
}

@media only screen and (max-width: 767px) {
    .employees-items {
        margin-right: -16px;
        margin-top: 48px
    }
}

.six-steps-block {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding-top: 64px
}

.six-steps-block .step-block {
    width: 178px
}

.six-steps-block .step-block .number-step {
    align-items: center;
    background: #00e1ff;
    border: 4px solid;
    border-radius: 50px;
    box-sizing: border-box;
    display: flex;
    height: 52px;
    width: 52px;
    z-index: 99
}

.six-steps-block .step-block .number-step span {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 100%
}

.six-steps-block .step-block .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    padding: 16px 0
}

.six-steps-block .step-block .description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 20px;
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .six-steps-block .step-block .description {
        width: 193px
    }
}

@media only screen and (max-width: 767px) {
    .six-steps-block .step-block .description {
        width: 193px
    }
}

.six-steps-block .step-block .wrap-number-step {
    align-items: center;
    display: flex
}

.six-steps-block .step-block .wrap-number-step .line {
    background: #161616;
    border-radius: 8px;
    height: 2px;
    width: 71%;
    z-index: 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .six-steps-block .step-block {
        margin-right: 40px;
        width: 230px
    }
}

@media only screen and (max-width: 767px) {
    .six-steps-block .step-block {
        margin-right: 40px;
        width: 193px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .six-steps-block {
        margin-right: -6%;
        overflow-x: scroll;
        padding-bottom: 40px;
        padding-top: 64px
    }

    .six-steps-block::-webkit-scrollbar {
        width: 5px
    }

    .six-steps-block::-webkit-scrollbar-track {
        background-color: #161616
    }

    .six-steps-block::-webkit-scrollbar-thumb,
    .six-steps-block::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }

    .six-steps-block::-webkit-scrollbar-thumb {
        background-color: #3f3f3f
    }
}

@media only screen and (max-width: 767px) {
    .six-steps-block {
        margin-right: -16px;
        overflow-x: scroll;
        padding-bottom: 24px;
        padding-top: 38px
    }

    .six-steps-block::-webkit-scrollbar {
        width: 5px
    }

    .six-steps-block::-webkit-scrollbar-track {
        background-color: #161616
    }

    .six-steps-block::-webkit-scrollbar-thumb,
    .six-steps-block::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }

    .six-steps-block::-webkit-scrollbar-thumb {
        background-color: #3f3f3f
    }
}

.clubs-block {
    display: flex;
    justify-content: space-between;
    overflow: auto;
    padding-bottom: 40px;
    padding-top: 48px
}

.clubs-block a {
    margin-right: 24px
}

.clubs-block .club-item {
    background: #161616;
    border-radius: 8px;
    height: 316px;
    overflow: hidden;
    position: relative;
    width: 283px
}

.clubs-block .club-item img {
    height: 240px;
    width: 310px
}

.clubs-block .club-item .rating .tooltiptext {
    display: none
}

.clubs-block .club-item .wrap-info-club {
    bottom: 0;
    padding: 0 16px 16px;
    position: absolute;
    z-index: 99
}

.clubs-block .club-item .wrap-info-club .city-club {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px
}

.clubs-block .club-item .wrap-info-club .address-club {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 14px
}

.clubs-block .club-item .wrap-info-club .revenue-club {
    color: #8d8d8d;
    display: flex;
    flex-direction: column;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px
}

.clubs-block .club-item .wrap-info-club .revenue-club span {
    color: #f1f1f1;
    padding-top: 2px
}

.clubs-block .club-item .wrap-info-club .opened-club {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px
}

.clubs-block .club-item .wrap-info-club .opened-club span {
    color: #f1f1f1
}

.clubs-block .club-item:after {
    background: linear-gradient(180deg, hsla(0, 0%, 9%, 0), #161616 50%);
    border-radius: 8px 0 8px 8px;
    bottom: 0;
    content: "";
    height: 168px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.clubs-block::-webkit-scrollbar {
    width: 5px
}

.clubs-block::-webkit-scrollbar-track {
    background-color: #161616
}

.clubs-block::-webkit-scrollbar-thumb,
.clubs-block::-webkit-scrollbar-track {
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 8px;
    width: 5px
}

.clubs-block::-webkit-scrollbar-thumb {
    background-color: #3f3f3f
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .clubs-block {
        margin-right: -6%;
        padding-bottom: 24px;
        padding-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .clubs-block {
        margin-right: -16px;
        padding-bottom: 24px;
        padding-top: 24px
    }
}

.advantages-items {
    display: flex;
    overflow: auto;
    padding-bottom: 40px;
    padding-top: 40px
}

.advantages-items .item {
    display: flex;
    margin-right: 24px;
    position: relative
}

.advantages-items .item img {
    border-radius: 8px;
    height: 440px;
    width: 310px
}

.advantages-items .item:after {
    background: linear-gradient(180deg, rgba(47, 84, 235, 0), #00e1ff);
    border-radius: 8px 0 8px 8px;
    bottom: 0;
    content: "";
    height: 168px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.advantages-items .item .advantage-description {
    bottom: 0;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 16px 24px;
    position: absolute;
    z-index: 99
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-items {
        margin-right: -6%
    }
}

@media only screen and (max-width: 767px) {
    .advantages-items {
        margin-right: -16px
    }
}

.wrapper-block {
    padding: 40px 0
}

@media only screen and (max-width: 767px) {
    .wrapper-block {
        padding: 16px 0
    }
}

.ancor-title-support {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .ancor-title-support {
        color: #00e1ff;
        font-family: ReSquare, sans-serif;
        font-size: 40px;
        font-weight: 600;
        line-height: 30px
    }
}

.text-support {
    color: #00e1ff;
    font-family: ReSquare, sans-serif;
    font-size: 64px;
    font-weight: 600;
    line-height: 48px;
    padding-bottom: 16px
}

.text-support:last-child {
    padding-bottom: 0
}

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

.switch-block {
    background: #161616;
    border-radius: 8px;
    box-sizing: border-box;
    height: 776px;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 34px;
    width: 100%
}

.switch-block .desktop-hide {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-block .desktop-hide {
        display: inline-flex
    }
}

@media only screen and (max-width: 767px) {
    .switch-block .desktop-hide {
        display: inline-flex
    }
}

.switch-block .install-app-wrap {
    display: inline-block;
    margin-top: 24px
}

.switch-block .install-app-wrap .tooltiptext {
    background: #212121;
    border-radius: 16px;
    box-sizing: border-box;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 16px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    transition: all .3s ease;
    visibility: hidden;
    width: 192px;
    z-index: 9999
}

.switch-block .install-app-wrap .tooltiptext img {
    height: 160px;
    width: 160px
}

.switch-block .install-app-wrap .tooltiptext .description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    text-align: center
}

.switch-block .install-app-wrap:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-block .install-app-wrap {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .switch-block .install-app-wrap {
        display: none
    }
}

.switch-block .title-switch-block {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.switch-block .subtitle-switch-block {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    width: 395px
}

@media only screen and (max-width: 767px) {
    .switch-block .subtitle-switch-block {
        font-size: 40px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-block {
        height: auto;
        padding: 16px
    }
}

@media only screen and (max-width: 767px) {
    .switch-block {
        height: auto;
        padding: 0
    }
}

.title-design {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 8px
}

.stats-research-clubs {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 56px 0;
    width: 880px
}

.stats-research-clubs .stats-item {
    width: 280px
}

.stats-research-clubs .stats-item .stat {
    color: #00e1ff;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .stats-research-clubs .stats-item .stat {
        text-align: left
    }
}

.stats-research-clubs .stats-item .description-stats-item {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .stats-research-clubs .stats-item .description-stats-item {
        text-align: left
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .stats-research-clubs .stats-item {
        width: 32%
    }
}

@media only screen and (max-width: 767px) {
    .stats-research-clubs .stats-item {
        padding-bottom: 20px;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .stats-research-clubs {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .stats-research-clubs {
        flex-direction: column;
        padding: 32px 0;
        width: auto
    }
}

.construction-block {
    display: flex;
    justify-content: space-between
}

.construction-block .constrction-item {
    width: 380px
}

.construction-block .constrction-item img {
    border-radius: 8px;
    height: 244px;
    width: 380px
}

.construction-block .constrction-item .description {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .construction-block .constrction-item .description {
        text-align: left
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .construction-block .constrction-item {
        padding-right: 32px
    }
}

@media only screen and (max-width: 767px) {
    .construction-block .constrction-item {
        padding-right: 32px
    }

    .construction-block {
        width: 1000px
    }
}

.blue-button {
    box-sizing: border-box;
    display: block;
    margin: 64px auto 0;
    width: 177px
}

.app-slider {
    padding-top: 56px
}

.app-slider .slick-arrow {
    background: #00e1ff;
    border: none;
    cursor: pointer;
    height: 48px;
    margin-top: -48px;
    outline: none;
    top: 50%;
    width: 48px
}

.app-slider .slick-arrow i {
    background-image: url(../img/arrow.svg);
    background-size: cover;
    height: 24px;
    left: 13px;
    position: absolute;
    top: 13px;
    width: 24px
}

.app-slider .slick-prev-main {
    border-radius: 4px;
    left: 33%;
    position: absolute;
    z-index: 999
}

.app-slider .slick-next-main {
    border-radius: 4px;
    position: absolute;
    right: 33%
}

.app-slider .slick-next-main i {
    transform: rotate(179deg) !important
}

.app-slider .slick-slide {
    opacity: .5;
    outline: none;
    padding: 0 1%
}

.app-slider .slick-slide.slick-active {
    opacity: .5
}

.app-slider .slick-slide.slick-current.slick-active {
    opacity: 1
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .app-slider .slick-slide {
        width: 300px
    }
}

@media only screen and (max-width: 767px) {
    .app-slider .slick-slide {
        padding: 0 16px
    }
}

.app-slider .slick-dots {
    bottom: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    padding-top: 40px;
    position: relative
}

.app-slider .slick-dots li button:before {
    color: #262626;
    font-size: 14px;
    opacity: 1
}

.app-slider .slick-dots .slick-active button:before {
    color: #00e1ff;
    opacity: 1
}

.slider-for {
    margin: 0 auto;
    pointer-events: none;
    width: 580px
}

@media only screen and (max-width: 767px) {
    .slider-for {
        padding: 0 16px;
        width: auto
    }
}

.description-app .title {
    color: #f1f1f1;
    font-size: 32px;
    line-height: 42px
}

.description-app .description,
.description-app .title {
    font-family: ALS Hauss Book, sans-serif;
    text-align: center
}

.description-app .description {
    color: #8c8c8c;
    font-size: 16px;
    line-height: 21px;
    padding-top: 8px
}

.ceo-container {
    padding-top: 56px
}

.ceo-container .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    margin: 0 auto;
    text-align: center;
    width: 780px
}

@media only screen and (max-width: 767px) {
    .ceo-container .title {
        font-size: 40px;
        line-height: 30px;
        text-align: left;
        width: auto
    }
}

.ceo-container .ceo-blocks {
    display: flex;
    justify-content: space-between;
    padding-top: 56px
}

.ceo-container .ceo-blocks .ceo-block {
    background: #121212;
    border-radius: 8px;
    display: flex;
    height: 440px;
    justify-content: center;
    position: relative;
    width: 380px
}

.ceo-container .ceo-blocks .ceo-block .title-ceo {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    padding-top: 24px;
    text-align: center
}

.ceo-container .ceo-blocks .ceo-block img {
    bottom: 0;
    height: 288px;
    position: absolute;
    width: 360px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .ceo-container .ceo-blocks .ceo-block img {
        height: auto;
        width: 100%
    }
}

.ceo-container .ceo-blocks .ceo-block .socials-block-ceo {
    display: flex;
    justify-content: center;
    padding-top: 16px
}

.ceo-container .ceo-blocks .ceo-block .socials-block-ceo .vk-link {
    background-image: url(../img/vk-blue.svg);
    height: 24px;
    margin-right: 19px;
    width: 24px
}

.ceo-container .ceo-blocks .ceo-block .socials-block-ceo .inst-link {
    background-image: url(../img/instagram-blue.svg);
    height: 24px;
    width: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .ceo-container .ceo-blocks .ceo-block {
        width: 32%
    }
}

@media only screen and (max-width: 767px) {
    .ceo-container .ceo-blocks .ceo-block {
        margin-bottom: 20px;
        width: auto
    }

    .ceo-container .ceo-blocks {
        flex-direction: column
    }

    .ceo-container {
        padding-top: 0
    }
}

.more-block {
    padding-top: 112px
}

.more-block .more-block-items {
    display: flex;
    justify-content: space-between;
    padding: 56px 0
}

.more-block .more-block-items .item {
    width: 280px
}

.more-block .more-block-items .item .title-item {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-top: 23px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .more-block .more-block-items .item .title-item {
        text-align: left
    }
}

.more-block .more-block-items .item p {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin-top: 8px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .more-block .more-block-items .item p {
        text-align: left
    }
}

.more-block .more-block-items .item img {
    display: block;
    height: 56px;
    margin: 0 auto;
    width: 56px
}

@media only screen and (max-width: 767px) {
    .more-block .more-block-items .item img {
        margin: inherit
    }

    .more-block .more-block-items .item {
        padding-bottom: 32px;
        width: auto
    }

    .more-block .more-block-items .item:last-child {
        padding-bottom: 0
    }

    .more-block .more-block-items {
        flex-direction: column;
        padding: 0
    }

    .more-block {
        padding-top: 48px
    }
}

.videoWrapper {
    background-color: #000;
    height: 0;
    position: relative;
    width: 100%
}

.videoWrapper43 {
    padding-top: 75%
}

.videoWrapper169 {
    padding-top: 340px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .videoWrapper169 {
        padding-top: 54%
    }
}

@media only screen and (max-width: 767px) {
    .videoWrapper169 {
        padding-top: 54%
    }
}

.videoIframe {
    background-color: transparent;
    bottom: 0
}

.videoIframe,
.videoPoster {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.videoPoster {
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-size: cover;
    border: 0;
    cursor: pointer;
    margin: 0;
    opacity: 1;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-indent: -999em;
    -webkit-transition: opacity .8s, height 0s;
    -moz-transition: opacity .8s, height 0s;
    transition: opacity .8s, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.videoPoster:before {
    border-radius: 100%;
    height: 80px;
    margin: -40px 0 0 -40px;
    width: 80px
}

.videoPoster:after,
.videoPoster:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

.videoPoster:after {
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    height: 0;
    margin: -20px 0 0 -10px;
    width: 0
}

.videoWrapperActive .videoPoster {
    height: 0;
    opacity: 0;
    -webkit-transition-delay: 0s, .8s;
    -moz-transition-delay: 0s, .8s;
    transition-delay: 0s, .8s
}

.videoPoster img {
    bottom: 0;
    height: 340px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .videoPoster img {
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .videoPoster img {
        height: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .scrolling-video {
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll
    }
}

@media only screen and (max-width: 767px) {
    .scrolling-video {
        -webkit-overflow-scrolling: touch;
        height: 353px;
        overflow-x: scroll
    }
}

.video-container {
    background: #f1f1f1;
    border-radius: 8px;
    height: 340px;
    overflow: hidden;
    position: relative;
    width: 600px
}

.video-container .video-event {
    height: 100%;
    position: relative
}

.video-container .video-event .play-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100%
}

.video-container .video-event .play-button img {
    width: 100%
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .video-container {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .video-container {
        height: auto;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
}

.wrapper-video-block {
    display: flex;
    padding: 40px 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-video-block {
        flex-direction: column;
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-video-block {
        flex-direction: column;
        padding: 0 0 16px
    }
}

.video-block {
    display: flex
}

.video-block .description-video {
    align-self: end;
    box-sizing: border-box;
    font-family: ALS Hauss Book, sans-serif;
    padding-left: 40px;
    width: 310px
}

.video-block .description-video .title {
    color: #f1f1f1;
    font-size: 16px;
    line-height: 22px
}

.video-block .description-video .time-video {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 21px;
    padding-top: 8px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .video-block .description-video {
        align-self: auto;
        padding: 24px 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .video-block .description-video {
        align-self: auto;
        padding: 24px 0;
        width: auto
    }
}

.video-block .video {
    width: 562px
}

.video-block .video p {
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .video-block .video {
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .video-block .video {
        width: 288px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .video-block {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .video-block {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        width: auto
    }
}

.link-block-youtube {
    text-decoration: none
}

.block-youtube {
    background-color: #030852;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: space-between;
    padding: 16px 24px;
    width: 270px
}

.block-youtube i {
    align-self: end;
    background-image: url(../img/icons/youtube-icon.svg);
    height: 80px;
    width: 80px
}

.block-youtube .text-block-youtube {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    width: 164px
}

.block-youtube .text-block-youtube i {
    background-image: url(../img/icons/external-link-icon.svg);
    display: inline-block;
    height: 16px;
    left: 3px;
    position: relative;
    top: 3px;
    width: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .block-youtube .text-block-youtube {
        align-self: end
    }
}

@media only screen and (max-width: 767px) {
    .block-youtube .text-block-youtube {
        align-self: end
    }
}

.block-youtube:hover .text-block-youtube {
    text-decoration: underline
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .block-youtube {
        flex-direction: row-reverse;
        height: 112px;
        justify-content: space-between;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .block-youtube {
        flex-direction: row-reverse;
        height: 112px;
        justify-content: space-between;
        padding: 16px;
        width: 100%
    }
}

.container-swiper {
    -webkit-overflow-scrolling: touch;
    margin-right: -16px !important;
    overflow-y: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-swiper {
        margin-right: -6% !important
    }
}

.swiper-construction {
    padding-top: 56px
}

@media only screen and (max-width: 767px) {
    .swiper-construction .blue-button {
        margin-top: 40px;
        text-align: center;
        width: 100%
    }

    .swiper-construction {
        padding-top: 0
    }

    .map-block {
        margin-top: 0 !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .lg-object.lg-image {
        padding: 0 5%
    }
}

@media only screen and (max-width: 767px) {
    .wrap-construction-block .container-swiper {
        height: 380px
    }

    .wrap-construction-block {
        height: 360px;
        margin-right: -16px !important;
        overflow: hidden
    }

    .wrap-construct .container-swiper {
        height: 480px
    }

    .wrap-construct {
        height: 456px;
        margin-right: -16px !important;
        overflow: hidden
    }
}

.description-name {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 19px;
    margin: 0 auto;
    padding-top: 8px;
    text-align: center;
    width: 279px
}

.about-esports-block {
    display: flex;
    justify-content: space-between
}

.about-esports-block .left-column {
    width: 600px
}

.about-esports-block .left-column .stats-img {
    margin-bottom: 56px;
    margin-top: 95px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .about-esports-block .left-column .stats-img {
        display: block;
        margin: 0 auto;
        padding: 40px 0;
        width: 413px
    }
}

@media only screen and (max-width: 767px) {
    .about-esports-block .left-column .stats-img {
        margin-top: 24px;
        width: 100%
    }
}

.about-esports-block .left-column .title-about-esports {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.about-esports-block .left-column p {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .about-esports-block .left-column {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .about-esports-block .left-column {
        width: auto
    }
}

.about-esports-block .right-column {
    width: 600px
}

.about-esports-block .right-column img {
    width: 100%
}

.about-esports-block .right-column .wrap-description-right-column {
    padding-top: 29px
}

.about-esports-block .right-column .wrap-description-right-column .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.about-esports-block .right-column .wrap-description-right-column .description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .about-esports-block .right-column {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .about-esports-block .right-column {
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .about-esports-block {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .about-esports-block {
        flex-direction: column
    }
}

.how-much-cost {
    background: #161616;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 560px;
    justify-content: space-between;
    padding: 24px 32px
}

.how-much-cost .left-column .title-how-much-cost {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    width: 470px
}

@media only screen and (max-width: 767px) {
    .how-much-cost .left-column .title-how-much-cost {
        font-size: 40px;
        line-height: 30px;
        width: auto
    }
}

.how-much-cost .left-column .sum-block .sum-title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 120px;
    font-weight: 600;
    line-height: 90px;
    padding-top: 64px
}

.how-much-cost .left-column .sum-block .sum-title i {
    background-image: url(../img/icons/rubl-white.svg);
    display: inline-block;
    height: 71px;
    position: relative;
    right: 28px;
    width: 71px
}

@media only screen and (max-width: 767px) {
    .how-much-cost .left-column .sum-block .sum-title i {
        background-size: cover;
        height: 29px;
        right: 10px;
        top: 2px;
        width: 29px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .how-much-cost .left-column .sum-block .sum-title {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .how-much-cost .left-column .sum-block .sum-title {
        font-size: 48px;
        line-height: 42px;
        padding-top: 24px
    }
}

.how-much-cost .left-column .sum-block .sum-description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 14px;
    padding-top: 22px
}

.how-much-cost .left-column .how-much-cost-list {
    display: flex;
    padding-top: 84px
}

.how-much-cost .left-column .how-much-cost-list .item {
    padding-right: 32px;
    width: 178px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .how-much-cost .left-column .how-much-cost-list .item {
        width: 33%
    }

    .how-much-cost .left-column .how-much-cost-list .item:last-child {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .how-much-cost .left-column .how-much-cost-list .item {
        padding-bottom: 16px;
        width: auto
    }

    .how-much-cost .left-column .how-much-cost-list .item:last-child {
        padding-bottom: 0
    }
}

.how-much-cost .left-column .how-much-cost-list .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

.how-much-cost .left-column .how-much-cost-list .title i {
    background: url(../img/icons/percent-icon.svg);
    display: inline-block;
    height: 28px;
    width: 28px
}

.how-much-cost .left-column .how-much-cost-list .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 8px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .how-much-cost .left-column .how-much-cost-list {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .how-much-cost .left-column .how-much-cost-list {
        flex-direction: column;
        padding-top: 24px
    }
}

.how-much-cost .right-column {
    width: 426px
}

.how-much-cost .right-column .title {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

.how-much-cost .right-column .list-block {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 24px;
    margin-top: 8px;
    padding-left: 24px
}

.how-much-cost .right-column .list-block li {
    font-size: 18px;
    line-height: 23px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .how-much-cost .right-column .list-block {
        column-count: 2
    }
}

.how-much-cost .right-column .submit-application {
    text-align: center;
    width: 320px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .how-much-cost .right-column .submit-application {
        box-sizing: border-box;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .how-much-cost .right-column .submit-application {
        box-sizing: border-box;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .how-much-cost .right-column {
        padding-top: 24px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .how-much-cost .right-column {
        padding-top: 24px;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .how-much-cost {
        flex-direction: column;
        height: auto;
        padding: 16px
    }
}

@media only screen and (max-width: 767px) {
    .how-much-cost {
        flex-direction: column;
        height: auto;
        padding: 16px
    }
}

.franchise-faq {
    padding-top: 40px
}

.franchise-faq .accordion {
    margin: inherit
}

.franchise-faq .accordion h2 {
    border: none;
    font-size: 20px;
    line-height: 26px
}

.gallery-franchise {
    position: relative
}

.button-virtual-tour {
    align-items: center;
    background: #211f1f;
    border-radius: 4px;
    bottom: 30px;
    box-sizing: border-box;
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    left: 16px;
    line-height: 21px;
    padding: 12px 16px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 260px;
    z-index: 999
}

.button-virtual-tour .external-link {
    background-image: url(../img/icons/external-link-icon.svg);
    display: inline-block;
    height: 16px;
    left: 6px;
    position: relative;
    top: 1px;
    width: 16px
}

.button-virtual-tour i {
    background-image: url(../img/franchise/virtual-tour.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.button-virtual-tour:hover {
    background: #262626
}

@media only screen and (max-width: 767px) {
    .button-virtual-tour {
        bottom: inherit;
        top: 16px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tabs-franchise .hidden-scroll {
        height: 45px;
        margin-right: -5%;
        overflow: hidden
    }

    .tabs-franchise .hidden-scroll .tabs-menu {
        margin-top: 0;
        width: 954px
    }

    .tabs-franchise .hidden-scroll .tabs-menu li {
        margin-right: 24px
    }

    .tabs-franchise .hidden-scroll .scroll-tabs {
        height: 57px;
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .tabs-franchise .hidden-scroll {
        height: 45px;
        overflow: hidden
    }

    .tabs-franchise .hidden-scroll .tabs-menu {
        margin-top: 0;
        width: 864px
    }

    .tabs-franchise .hidden-scroll .tabs-menu li {
        margin-right: 24px
    }

    .tabs-franchise .hidden-scroll .scroll-tabs {
        height: 57px
    }
}

.wrapper-gallery-francise {
    margin-top: 40px;
    position: relative
}

.switch-slide {
    display: flex;
    justify-content: space-between;
    position: relative
}

.switch-slide .container-slides {
    bottom: 40px;
    position: absolute;
    right: 107px
}

.switch-slide .container-slides .target.hidden {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target .wrap-slide {
        margin-left: 0
    }
}

.switch-slide .container-slides .target.target-1 {
    border-radius: 20px;
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target.target-1 {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target.target-1 {
        width: auto
    }
}

.switch-slide .container-slides .target.target-2 {
    border-radius: 20px;
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target.target-2 {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target.target-2 {
        width: auto
    }

    .switch-slide .container-slides .target.target-2 .wrap-slide {
        flex-direction: row-reverse
    }

    .switch-slide .container-slides .target.target-2 .wrap-slide img {
        margin-left: 0;
        margin-right: 15px
    }
}

.switch-slide .container-slides .target.target-3 {
    border-radius: 20px;
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target.target-3 {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target.target-3 {
        width: auto
    }
}

.switch-slide .container-slides .target.target-4 {
    border-radius: 20px;
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target.target-4 {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target.target-4 {
        width: auto
    }

    .switch-slide .container-slides .target.target-4 .wrap-slide {
        flex-direction: row-reverse
    }

    .switch-slide .container-slides .target.target-4 .wrap-slide img {
        margin-left: 0;
        margin-right: 15px
    }
}

.switch-slide .container-slides .target.target-5 {
    border-radius: 20px;
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target.target-5 {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target.target-5 {
        width: auto
    }
}

.switch-slide .container-slides .target img {
    display: block;
    position: relative;
    width: 250px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target img {
        margin: 0 auto
    }
}

.switch-slide .container-slides .target .description-app {
    padding-top: 167px;
    width: 360px
}

.switch-slide .container-slides .target .description-app h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    margin: 0 0 17px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target .description-app h2 {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target .description-app h2 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 9px
    }
}

.switch-slide .container-slides .target .description-app p {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target .description-app p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target .description-app p {
        font-size: 12px;
        line-height: 18px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides .target .description-app {
        padding-top: 100px;
        width: 260px
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide .container-slides .target .description-app {
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 15px;
        width: auto
    }

    .switch-slide .container-slides .target {
        float: none;
        height: auto;
        margin: 0 5% 20px;
        width: 560px
    }

    .switch-slide .container-slides .target.target-1 {
        background: #dbe9f5;
        border-radius: 20px;
        float: none;
        height: auto;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .container-slides {
        bottom: inherit;
        margin-top: 48px;
        position: relative;
        right: inherit
    }
}

.switch-slide .controls {
    display: flex;
    flex-wrap: wrap;
    padding-top: 24px;
    width: 760px;
    z-index: 99
}

.switch-slide .controls i {
    background-image: url(../img/icons/icons-sprite_01.svg);
    height: 24px;
    margin-bottom: 8px;
    width: 24px
}

.switch-slide .controls p {
    margin: 0
}

.switch-slide .controls a {
    box-sizing: border-box;
    color: #8d8d8d;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 16px;
    margin-right: 24px;
    padding: 9px;
    width: 166px
}

.switch-slide .controls a.active {
    color: #f1f1f1
}

.switch-slide .controls a.active,
.switch-slide .controls a:hover {
    border: 1px solid #3f3f3f;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 8px
}

.switch-slide .controls a.source-1 i {
    background-position: 0 0
}

.switch-slide .controls a.source-1.active,
.switch-slide .controls a.source-1:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-1.active i,
.switch-slide .controls a.source-1:hover i {
    background-position: 0 -30px !important
}

.switch-slide .controls a.source-2 i {
    background-position: -28px 0
}

.switch-slide .controls a.source-2.active,
.switch-slide .controls a.source-2:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-2.active i,
.switch-slide .controls a.source-2:hover i {
    background-position: -28px -30px !important
}

.switch-slide .controls a.source-3 i {
    background-position: -60px 0
}

.switch-slide .controls a.source-3.active,
.switch-slide .controls a.source-3:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-3.active i,
.switch-slide .controls a.source-3:hover i {
    background-position: -60px -30px !important
}

.switch-slide .controls a.source-4 i {
    background-position: -86px -1px
}

.switch-slide .controls a.source-4.active,
.switch-slide .controls a.source-4:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-4.active i,
.switch-slide .controls a.source-4:hover i {
    background-position: -86px -33px !important
}

.switch-slide .controls a.source-5 i {
    background-position: -118px 0
}

.switch-slide .controls a.source-5.active,
.switch-slide .controls a.source-5:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-5.active i,
.switch-slide .controls a.source-5:hover i {
    background-position: -118px -30px !important
}

.switch-slide .controls a.source-6 i {
    background-position: -148px 0
}

.switch-slide .controls a.source-6.active,
.switch-slide .controls a.source-6:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-6.active i,
.switch-slide .controls a.source-6:hover i {
    background-position: -148px -33px !important
}

.switch-slide .controls a.source-7 i {
    background-position: -173px 0
}

.switch-slide .controls a.source-7.active,
.switch-slide .controls a.source-7:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-7.active i,
.switch-slide .controls a.source-7:hover i {
    background-position: -173px -33px !important
}

.switch-slide .controls a.source-8 i {
    background-position: -207px 0
}

.switch-slide .controls a.source-8.active,
.switch-slide .controls a.source-8:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-8.active i,
.switch-slide .controls a.source-8:hover i {
    background-position: -207px -34px !important
}

.switch-slide .controls a.source-9 i {
    background-position: -235px 0
}

.switch-slide .controls a.source-9.active,
.switch-slide .controls a.source-9:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-9.active i,
.switch-slide .controls a.source-9:hover i {
    background-position: -235px -34px !important
}

.switch-slide .controls a.source-10 i {
    background-position: -265px -1px
}

.switch-slide .controls a.source-10.active,
.switch-slide .controls a.source-10:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-10.active i,
.switch-slide .controls a.source-10:hover i {
    background-position: -265px -34px !important
}

.switch-slide .controls a.source-11 i {
    background-position: -296px 0
}

.switch-slide .controls a.source-11.active,
.switch-slide .controls a.source-11:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-11.active i,
.switch-slide .controls a.source-11:hover i {
    background-position: -296px -33px !important
}

.switch-slide .controls a.source-12 i {
    background-position: -330px 0 !important;
    background-repeat: no-repeat
}

.switch-slide .controls a.source-12.active,
.switch-slide .controls a.source-12:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-12.active i,
.switch-slide .controls a.source-12:hover i {
    background-position: -330px -35px !important
}

.switch-slide .controls a.source-13 i {
    background-image: url(../img/icons/tournament-icon.svg);
    background-position: 0 0 !important;
    background-repeat: no-repeat
}

.switch-slide .controls a.source-13.active,
.switch-slide .controls a.source-13:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-13.active i,
.switch-slide .controls a.source-13:hover i {
    background-position: 0 -31px !important
}

.switch-slide .controls a.source-14 i {
    background-image: url(../img/icons/steam-icon-01.svg);
    background-position: 0 0 !important;
    background-repeat: no-repeat
}

.switch-slide .controls a.source-14.active,
.switch-slide .controls a.source-14:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-14.active i,
.switch-slide .controls a.source-14:hover i {
    background-position: 0 -34px !important
}

.switch-slide .controls a.source-15 i {
    background-image: url(../img/icons/trophy-icon.svg);
    background-position: 0 0 !important;
    background-repeat: no-repeat
}

.switch-slide .controls a.source-15.active,
.switch-slide .controls a.source-15:hover {
    color: #f1f1f1
}

.switch-slide .controls a.source-15.active i,
.switch-slide .controls a.source-15:hover i {
    background-position: 0 -32px !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .controls a {
        width: 148px
    }

    .switch-slide .controls {
        padding-top: 65px;
        width: auto
    }
}

.switch-slide .blur {
    background: #061178;
    border-radius: 200px;
    bottom: -194px;
    filter: blur(100px);
    height: 450px;
    opacity: .9;
    position: absolute;
    right: -78px;
    width: 450px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .switch-slide .blur {
        bottom: inherit;
        filter: blur(50px);
        left: 50%;
        margin-left: -225px;
        right: inherit
    }

    .switch-slide {
        flex-direction: column-reverse;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .switch-slide {
        background: none;
        display: none;
        height: auto;
        margin-top: 50px;
        width: auto
    }
}

.mobile-switch-block {
    display: none
}

@media only screen and (max-width: 767px) {
    .mobile-switch-block {
        display: block;
        padding-top: 32px
    }

    .mobile-switch-block .list-items-mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .mobile-switch-block .list-items-mobile .source-mobile {
        background: none;
        border: none;
        color: #8d8d8d;
        display: flex;
        flex-direction: column;
        font-family: ALS Hauss Book, sans-serif;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 24px;
        outline: none;
        padding: 12px
    }

    .mobile-switch-block .list-items-mobile .source-mobile i {
        background-image: url(../img/icons/icons-sprite_01.svg);
        height: 24px;
        margin-bottom: 8px;
        width: 24px
    }

    .mobile-switch-block .list-items-mobile .source-mobile p {
        margin: 0;
        text-align: left
    }

    .mobile-switch-block .list-items-mobile .source-mobile:last-child {
        margin: 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-2 i {
        background-position: -28px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-3 i {
        background-position: -60px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-4 i {
        background-position: -86px -1px
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-5 i {
        background-position: -118px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-6 i {
        background-position: -148px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-7 i {
        background-position: -174px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-8 i {
        background-position: -207px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-9 i {
        background-position: -235px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-10 i {
        background-position: -265px -1px
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-11 i {
        background-position: -296px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-12 i {
        background-position: -330px 0
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-13 i {
        background-image: url(../img/icons/tournament-icon.svg);
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-14 i {
        background-image: url(../img/icons/steam-icon-01.svg);
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .mobile-switch-block .list-items-mobile .source-mobile.source-15 i {
        background-image: url(../img/icons/trophy-icon.svg);
        background-position: 0 0;
        background-repeat: no-repeat
    }
}

.blue-button-gallery,
.blue-button-steps {
    margin-right: 8px
}

@media only screen and (max-width: 767px) {
    .blue-button-gallery,
    .blue-button-steps {
        margin-right: 0;
        text-align: center
    }
}

.container-crm .title-crm-block {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.container-crm .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .container-crm .title {
        font-size: 40px;
        line-height: 30px;
        width: auto
    }
}

.container-crm .controls a i {
    background-image: url(../img/icons/crm-sprite-icons.svg);
    height: 24px;
    margin-bottom: 8px;
    width: 24px
}

.container-crm .controls a.source-1 i {
    background-position: 0 0
}

.container-crm .controls a.source-1.active,
.container-crm .controls a.source-1:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-1.active i,
.container-crm .controls a.source-1:hover i {
    background-position: 0 -32px !important
}

.container-crm .controls a.source-2 i {
    background-position: -28px 0
}

.container-crm .controls a.source-2.active,
.container-crm .controls a.source-2:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-2.active i,
.container-crm .controls a.source-2:hover i {
    background-position: -28px -31px !important
}

.container-crm .controls a.source-3 i {
    background-position: -59px 0
}

.container-crm .controls a.source-3.active,
.container-crm .controls a.source-3:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-3.active i,
.container-crm .controls a.source-3:hover i {
    background-position: -59px -33px !important
}

.container-crm .controls a.source-4 i {
    background-position: -91px 0
}

.container-crm .controls a.source-4.active,
.container-crm .controls a.source-4:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-4.active i,
.container-crm .controls a.source-4:hover i {
    background-position: -91px -32px !important
}

.container-crm .controls a.source-5 i {
    background-position: -124px 0
}

.container-crm .controls a.source-5.active,
.container-crm .controls a.source-5:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-5.active i,
.container-crm .controls a.source-5:hover i {
    background-position: -124px -32px !important
}

.container-crm .controls a.source-6 i {
    background-position: -155px 0
}

.container-crm .controls a.source-6.active,
.container-crm .controls a.source-6:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-6.active i,
.container-crm .controls a.source-6:hover i {
    background-position: -155px -31px !important
}

.container-crm .controls a.source-7 i {
    background-position: -184px 0
}

.container-crm .controls a.source-7.active,
.container-crm .controls a.source-7:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-7.active i,
.container-crm .controls a.source-7:hover i {
    background-position: -184px -31px !important
}

.container-crm .controls a.source-8 i {
    background-position: -212px -1px
}

.container-crm .controls a.source-8.active,
.container-crm .controls a.source-8:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-8.active i,
.container-crm .controls a.source-8:hover i {
    background-position: -212px -35px !important
}

.container-crm .controls a.source-9 i {
    background-position: -242px -1px
}

.container-crm .controls a.source-9.active,
.container-crm .controls a.source-9:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-9.active i,
.container-crm .controls a.source-9:hover i {
    background-position: -242px -35px !important
}

.container-crm .controls a.source-10 i {
    background-position: -276px 0
}

.container-crm .controls a.source-10.active,
.container-crm .controls a.source-10:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-10.active i,
.container-crm .controls a.source-10:hover i {
    background-position: -276px -35px !important
}

.container-crm .controls a.source-11 i {
    background-position: -212px -1px
}

.container-crm .controls a.source-11.active,
.container-crm .controls a.source-11:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-11.active i,
.container-crm .controls a.source-11:hover i {
    background-position: -212px -35px !important
}

.container-crm .controls a.source-12 i {
    background-position: -304px 0 !important
}

.container-crm .controls a.source-12.active,
.container-crm .controls a.source-12:hover {
    color: #f1f1f1
}

.container-crm .controls a.source-12.active i,
.container-crm .controls a.source-12:hover i {
    background-position: -304px -34px !important
}

.container-crm .switch-slide {
    flex-direction: row-reverse;
    justify-content: space-between
}

.container-crm .switch-slide .controls {
    width: auto
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-crm .switch-slide .controls a {
        width: 21%
    }
}

.container-crm .switch-slide .wrap-slide img {
    left: -121px;
    width: 620px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-crm .switch-slide .wrap-slide img {
        left: inherit
    }
}

.container-crm .switch-slide .blur {
    bottom: -213px;
    left: 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-crm .switch-slide .blur {
        bottom: -60px;
        left: 50%
    }
}

.container-crm .switch-slide .target {
    border-radius: inherit
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-crm .switch-slide {
        flex-direction: column-reverse
    }
}

.container-crm .container-slides {
    left: 0;
    right: inherit;
    top: 140px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-crm .container-slides {
        top: 0
    }
}

.container-crm .crm-switch-wrapper {
    width: 571px;
    z-index: 999
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-crm .crm-switch-wrapper {
        width: auto
    }
}

.container-crm .description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px
}

@media only screen and (max-width: 767px) {
    .container-crm .description {
        padding-bottom: 0;
        width: auto
    }
}

.wrap-form-question {
    margin-top: 24px
}

.wrap-form-question .form-group {
    margin-bottom: 24px
}

.questions-popup-wrap {
    width: 480px !important
}

.questions-popup-wrap .questions-popup {
    padding: 32px !important
}

.crm-slider-wrapper {
    background: #161616;
    border-radius: 8px;
    box-sizing: border-box;
    height: 700px;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 34px
}

.crm-slider-wrapper .desktop-hide {
    padding: 16px 16px 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .crm-slider-wrapper .desktop-hide {
        display: none
    }
}

.crm-slider-wrapper .source-mobile {
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 12px
}

.crm-slider-wrapper .source-mobile i {
    background-image: url(../img/icons/crm-sprite-icons.svg) !important;
    height: 24px;
    margin-bottom: 8px;
    width: 24px
}

.crm-slider-wrapper .source-mobile.source-2 i {
    background-position: -28px 0
}

.crm-slider-wrapper .source-mobile.source-3 i {
    background-position: -59px 0 !important
}

.crm-slider-wrapper .source-mobile.source-4 i {
    background-position: -91px -1px !important
}

.crm-slider-wrapper .source-mobile.source-5 i {
    background-position: -124px 0 !important
}

.crm-slider-wrapper .source-mobile.source-6 i {
    background-position: -155px 0 !important
}

.crm-slider-wrapper .source-mobile.source-7 i {
    background-position: -183px 0 !important
}

.crm-slider-wrapper .source-mobile.source-8 i {
    background-position: -213px -1px !important
}

.crm-slider-wrapper .source-mobile.source-9 i {
    background-position: -242px 0 !important
}

.crm-slider-wrapper .source-mobile.source-10 i {
    background-position: -274px -1px !important
}

.crm-slider-wrapper .source-mobile.source-11 i {
    background-position: -213px -1px !important
}

.crm-slider-wrapper .source-mobile.source-12 i,
.crm-slider-wrapper .source-mobile.source-13 i {
    background-position: -304px 0 !important;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .crm-slider-wrapper {
        height: auto;
        padding: 16px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .crm-slider-wrapper {
        height: auto;
        padding: 0;
        width: auto
    }
}

.desktop-hide {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .desktop-hide {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .desktop-hide {
        display: block
    }
}

.total-income {
    color: #f1f1f1;
    padding: 30px 0;
    text-align: center
}

.total-income .total-income__value .total-income__amount {
    font-family: ReSquare, sans-serif;
    font-size: 120px;
    line-height: 90px
}

.total-income .total-income__value .total-income__amount i {
    background-image: url(../img/rubl-alt.svg);
    background-size: contain;
    display: inline-block;
    height: 64px;
    width: 64px
}

@media only screen and (max-width: 767px) {
    .total-income .total-income__value .total-income__amount i {
        height: 32px;
        width: 32px
    }

    .total-income .total-income__value .total-income__amount {
        font-size: 48px;
        line-height: 42px
    }
}

.total-income .total-income__description {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 24px 0
}

@media only screen and (max-width: 767px) {
    .total-income .total-income__description {
        padding: 16px 0
    }
}

.app-popup-popup-wrap {
    align-items: center;
    display: flex;
    height: 100%
}

.app-popup,
.crm-popup {
    width: 100%
}

.app-popup .wrap-blur-image,
.crm-popup .wrap-blur-image {
    align-items: center;
    display: flex;
    justify-content: center
}

.app-popup .wrap-blur-image img,
.crm-popup .wrap-blur-image img {
    height: 548px;
    width: 279px;
    z-index: 9
}

.app-popup .blur,
.crm-popup .blur {
    background: #061178;
    border-radius: 50px;
    filter: blur(60px);
    height: 465px;
    position: absolute;
    width: 465px
}

.app-popup .description-app-popup,
.crm-popup .description-app-popup {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding-top: 52px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .app-popup .description-app-popup,
    .crm-popup .description-app-popup {
        position: relative
    }
}

.crm-popup {
    padding: 0 !important
}

.crm-popup .wrap-blur-image img {
    height: auto;
    width: 100%
}

.item-popup-block {
    width: 48%
}

.item-popup-block .el-popup-active {
    overflow: hidden
}

.crm-info-tablet {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .crm-info-tablet {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .crm-info-tablet {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .crm-info-tablet-hide {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .mobile-info-wrap {
        padding: 16px 16px 0
    }
}

.price {
    display: flex;
    justify-content: space-between;
    padding-top: 90px
}

.price .tabs {
    border-bottom: 1px solid #262626
}

.price .description-price-elements-section {
    height: 637px;
    width: 780px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .price .description-price-elements-section {
        padding-bottom: 42px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .price .description-price-elements-section {
        height: 690px;
        padding-bottom: 42px;
        padding-top: 0;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .price {
        flex-direction: column;
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .price {
        flex-direction: column;
        margin-bottom: 48px;
        padding-top: 0
    }
}

.title-price-elements-section {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px
}

.title-price-elements-section h4 {
    position: absolute
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .title-price-elements-section h4 {
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .title-price-elements-section h4 {
        position: relative
    }
}

.title-price-elements-section .day-title-wrap {
    padding-top: 174px
}

.title-price-elements-section .day-title-wrap .day-title {
    color: #bdbdbd;
    display: flex;
    font-size: 48px;
    line-height: 42px;
    padding-bottom: 238px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .title-price-elements-section .day-title-wrap {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .title-price-elements-section .day-title-wrap {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .title-price-elements-section {
        bottom: inherit;
        height: auto;
        left: inherit;
        padding-bottom: 36px;
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .title-price-elements-section {
        bottom: 0;
        height: auto;
        left: 0;
        padding-bottom: 36px;
        transform: inherit;
        transform-origin: inherit;
        transition: inherit
    }
}

.title-tab {
    color: #e6e6e6;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    height: 50px;
    line-height: 140%;
    padding: 24px 0
}

@media only screen and (max-width: 767px) {
    .title-tab {
        font-size: 16px;
        height: auto
    }
}

.tabs-specification {
    position: relative
}

.tabs-specification input[type=radio] {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tooltip-block {
        display: flex !important;
        flex-flow: row-reverse
    }
}

@media only screen and (max-width: 767px) {
    .tooltip-block {
        display: flex !important;
        flex-flow: row-reverse
    }
}

.mobile-price {
    display: none;
    height: 42px;
    margin-bottom: 24px
}

.mobile-price .day-title {
    color: #bdbdbd;
    display: flex;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .mobile-price .day-title {
        font-size: 32px;
        line-height: 24px
    }
}

.mobile-price .info .tooltiptext {
    left: inherit;
    right: -7px
}

.mobile-price .info .tooltiptext:after {
    left: inherit;
    right: 9px;
    transform: rotate(1turn) !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .mobile-price {
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .mobile-price {
        display: flex;
        justify-content: space-between
    }
}

.tab-specification,
.tab-title {
    display: inline-block
}

.tab-title {
    border-bottom: none;
    color: #88898c;
    cursor: pointer;
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-right: 32px;
    padding: 16px 0
}

@media only screen and (max-width: 767px) {
    .tab-title {
        font-size: 14px;
        line-height: 18px;
        margin-right: 18px;
        padding: 10px 0
    }
}

.tab-content {
    display: none;
    left: 0;
    position: absolute;
    width: 100%
}

.tab-specification :checked + .tab-title {
    border-bottom: 2px solid #00e1ff;
    color: #00e1ff;
    position: relative;
    z-index: 1
}

.tab-specification :checked ~ .tab-content {
    display: block
}

.text-big {
    font-family: ALS Hauss, ALSHauss-Bold;
    font-size: 24px;
    line-height: 120%;
    padding-left: 0
}

@media only screen and (max-width: 767px) {
    .text-big {
        font-size: 16px;
        padding-left: 20px
    }
}

.text-medium {
    font-size: 18px
}

.text-medium,
.text-medium-dark {
    color: #f1f1f1;
    font-family: ALS Hauss, ALSHauss-Bold;
    line-height: 120%
}

.text-medium-dark {
    font-size: 24px
}

@media only screen and (max-width: 767px) {
    .text-medium,
    .text-medium-dark {
        font-size: 16px
    }

    .text-medium {
        white-space: nowrap
    }
}

.table-wrap {
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 18px
}

.table-wrap,
.table-wrap .wrap-price-column {
    display: flex;
    justify-content: space-between
}

.table-wrap .wrap-price-column .table-column {
    padding-bottom: 55px;
    width: 252px
}

.table-wrap .wrap-price-column .table-column .time-wrap {
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px
}

.table-wrap .wrap-price-column .table-column .line {
    background: #646464;
    height: 8px;
    margin-top: 5px;
    width: 100%
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .table-wrap .wrap-price-column .table-column {
        width: 32%
    }
}

@media only screen and (max-width: 767px) {
    .table-wrap .wrap-price-column .table-column {
        width: 32%
    }
}

.table-wrap .wrap-price-column .price-column .price-block {
    display: flex;
    padding-top: 14px
}

.table-wrap .wrap-price-column .price-column .price-block .price-wrap {
    color: #bfbfbf;
    font-family: ReSquare;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .table-wrap .wrap-price-column .price-column .price-block .price-wrap {
        font-size: 24px;
        line-height: 18px
    }
}

.table-wrap .wrap-price-column .price-column .price-block .hours-block {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding-top: 8px
}

.table-wrap .wrap-price-column .price-column .price-block .discount {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-left: 6px;
    position: relative;
    text-decoration: line-through
}

.table-wrap .wrap-price-column .price-column .price-block .discount .ic_5h {
    background-image: url(../img/fire-icon.svg);
    display: block;
    height: 16px;
    position: absolute;
    right: -20px;
    top: 3px;
    width: 16px
}

@media only screen and (max-width: 767px) {
    .table-wrap .wrap-price-column .price-column .price-block .discount .ic_5h {
        top: 0
    }
}

.table-wrap .wrap-price-column .price-column .price-block .discount .moon {
    background-image: url(../img/night-icon.svg);
    background-size: contain;
    display: block;
    height: 16px;
    position: absolute;
    right: -20px;
    top: 3px;
    width: 16px
}

@media only screen and (max-width: 767px) {
    .table-wrap .wrap-price-column .price-column .price-block .discount .moon {
        top: 0
    }

    .table-wrap .wrap-price-column .price-column .price-block .discount {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .table-wrap {
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .table-wrap {
        padding-top: 0
    }
}

.info {
    background-image: url(../img/info.svg);
    display: inline-block;
    height: 24px;
    margin-left: 16px;
    margin-top: 14px;
    position: relative;
    width: 24px
}

.info .tooltiptext {
    background: #262626;
    border-radius: 4px;
    bottom: 40px;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: -86px;
    line-height: 18px;
    opacity: 0;
    padding: 7px;
    position: absolute;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    width: 188px;
    z-index: 1
}

.info .tooltiptext:after {
    border: 10px solid transparent;
    border-top-color: #262626;
    bottom: -20px;
    content: " ";
    left: 87px;
    margin-left: 0;
    position: absolute;
    transform: rotate(1turn) !important
}

.info:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 767px) {
    .info {
        margin-top: 0
    }
}

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

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .main-price .price {
        height: auto;
        margin-top: 90px
    }

    .main-price .price .description-price-elements-section {
        height: 774px
    }
}

@media only screen and (max-width: 767px) {
    .main-price .price {
        height: auto;
        margin-bottom: 48px;
        margin-top: 40px
    }

    .main-price .price .description-price-elements-section {
        height: 697px;
        padding-top: 0
    }
}

.table-column.timeline-1.active .line {
    background: #13c2c2
}

.table-column.timeline-1.active .price-wrap {
    color: #f1f1f1 !important
}

.table-column.timeline-2.active .line {
    background: #1890ff
}

.table-column.timeline-2.active .price-wrap {
    color: #f1f1f1 !important
}

.table-column.timeline-3.active .line {
    background: #722ed1
}

.table-column.timeline-3.active .price-wrap {
    color: #f1f1f1 !important
}

.table-column.timeline-4.active .line {
    background: #13c2c2
}

.table-column.timeline-4.active .price-wrap {
    color: #f1f1f1 !important
}

.price-page .price {
    padding-top: 64px
}

.price-page .description {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px;
    width: 780px
}

@media only screen and (max-width: 767px) {
    .price-page .description {
        width: auto
    }
}

.title-price {
    color: #f1f1f1;
    display: inline-block;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    position: absolute;
    top: 80px;
    width: 200px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .title-price {
        position: relative;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .title-price {
        position: relative;
        top: 0
    }
}

.questions {
    margin: 0 auto;
    width: 780px
}

.questions h1 {
    padding-top: 10px
}

.questions .title {
    color: #00e1ff;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px
}

.questions .title-questions-elements-section {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 36px;
    padding-top: 10px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .questions .title-questions-elements-section {
        bottom: inherit;
        font-size: 56px;
        height: auto;
        left: inherit;
        line-height: 120%;
        padding-bottom: 36px;
        top: inherit;
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .questions .title-questions-elements-section {
        bottom: inherit;
        font-size: 48px;
        height: auto;
        left: inherit;
        line-height: 42px;
        padding-bottom: 22px;
        top: inherit;
        transform: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .questions {
        flex-direction: column;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .questions {
        flex-direction: column;
        width: auto
    }
}

.description-faq {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .description-faq {
        font-size: 16px;
        line-height: 21px;
        margin-top: 24px
    }
}

.description-questions-elements-section {
    padding-top: 56px;
    width: 773px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .description-questions-elements-section {
        right: 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .description-questions-elements-section {
        padding-top: 24px;
        right: 0;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-glitch.glitch-faq,
    .container-glitch.glitch-faq img {
        width: 100%
    }
}

.title-form {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 24px
}

.form-wrap {
    width: 773px
}

.form-question {
    display: flex;
    justify-content: space-between
}

.form-question textarea {
    background: #333;
    border: none;
    box-sizing: border-box;
    color: #b3b3b3;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 24px;
    height: 172px;
    line-height: 30px;
    outline: none;
    padding: 18px 24px;
    resize: none;
    width: 100%
}

.form-question .wrap-input {
    display: flex;
    justify-content: space-between;
    padding-top: 5px
}

.form-question .wrap-input input {
    background: #333;
    border: none;
    box-sizing: border-box;
    color: #b3b3b3;
    font-size: 24px;
    height: 56px;
    line-height: 30px;
    outline: none;
    padding: 13px 24px;
    width: 358px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .form-question .wrap-input input {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .form-question .wrap-input input {
        width: 100%
    }
}

.form-question .wrap-input button {
    background: #00e1ff;
    border: none;
    color: #f1f1f1;
    cursor: pointer;
    font-family: ALS Hauss, sans-serif;
    font-size: 24px;
    height: 56px;
    line-height: 100%;
    outline: none;
    padding: 16px 24px;
    position: absolute;
    right: 0;
    top: 0
}

.form-question .wrap-input button:disabled {
    cursor: default;
    opacity: .5
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .form-question .wrap-input button {
        margin-left: 0;
        margin-top: 8px;
        position: relative;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .form-question .wrap-input button {
        margin-left: 0;
        margin-top: 8px;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .form-question .wrap-input {
        flex-direction: column;
        padding-top: 2px
    }
}

@media only screen and (max-width: 767px) {
    .form-question .wrap-input {
        flex-direction: column;
        padding-top: 2px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .form-question {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .form-question {
        width: auto
    }
}

.contact {
    padding-top: 72px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .contact {
        padding-top: 72px
    }
}

@media only screen and (max-width: 767px) {
    .contact {
        padding-top: 0
    }
}

.title-contact-elements-section {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .title-contact-elements-section {
        left: 0;
        padding: 0 5%;
        z-index: 9
    }
}

@media only screen and (max-width: 767px) {
    .title-contact-elements-section {
        bottom: inherit;
        font-size: 48px;
        height: auto;
        left: inherit;
        line-height: 120%;
        padding: 0;
        text-transform: capitalize;
        top: inherit;
        transform: none
    }
}

.wrap-contact {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    position: relative
}

.wrap-contact .contact-info {
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: ALS Hauss Book, sans-serif;
    height: auto;
    width: 390px;
    z-index: 9
}

.wrap-contact .contact-info .contact-info__address-item {
    margin-bottom: 16px
}

.wrap-contact .contact-info .contact-info__telephone {
    align-items: center;
    display: flex;
    margin-top: 32px
}

.wrap-contact .contact-info .contact-info__telephone .phone-icon {
    background-image: url(../img/icons/phone-icon.svg);
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-contact .contact-info .contact-info__telephone a {
    color: #00e1ff;
    font-size: 18px;
    text-decoration: none
}

.wrap-contact .contact-info .contact-info__address-label {
    align-items: center;
    color: #bdbdbd;
    display: flex;
    font-size: 16px;
    margin-bottom: 6px
}

.wrap-contact .contact-info .contact-info__address-label .empty-icon {
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-contact .contact-info .contact-info__address-label .location-icon {
    background-image: url(../img/icons/location-map-icon.svg);
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-contact .contact-info .contact-info__address-label .clock-icon {
    background-image: url(../img/icons/clock-map-icon.svg);
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-contact .contact-info .contact-info__address-label .metro-icon {
    background-image: url(../img/icons/metro-icon.svg);
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.wrap-contact .contact-info .contact-info__address-value {
    color: #f1f1f1;
    font-size: 18px;
    margin-left: 39px
}

.wrap-contact .contact-info .contact-info__address-value-wrap {
    align-items: center;
    display: flex
}

.wrap-contact .contact-info .contact-info__address-links {
    margin-left: 39px;
    margin-top: 8px
}

.wrap-contact .contact-info .contact-info__address-distance {
    align-items: center;
    color: #bdbdbd;
    display: flex;
    margin-left: 8px
}

.wrap-contact .contact-info .contact-info__address-distance i {
    background-image: url(../img/icons/walker.svg);
    height: 16px;
    width: 16px
}

.wrap-contact .contact-info .contact-info__address-links a {
    color: #00e1ff;
    text-decoration: none
}

.wrap-contact .contact-info .contact-info__address-links span {
    color: #3f3f3f
}

.wrap-contact .contact-info .contact-info__address {
    margin-top: 32px
}

.wrap-contact .contact-info .address {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-contact .contact-info {
        background: inherit;
        flex-direction: column;
        margin: 0;
        padding: 0 5%;
        position: relative;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrap-contact .contact-info {
        background: inherit;
        flex-direction: column;
        left: 0;
        margin: 0;
        padding: 24px 5% 0;
        position: relative;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-contact {
        flex-direction: column
    }

    .wrap-contact iframe {
        width: 100%;
        z-index: -1
    }
}

@media only screen and (max-width: 767px) {
    .wrap-contact {
        flex-direction: column;
        margin-top: 16px;
        padding-top: 0;
        position: relative
    }

    .wrap-contact #map {
        position: relative;
        width: 90%;
        margin: auto;
    }
}

.tablet-wrap {
    padding: 0
}

#map {
    border-radius: 16px;
    height: 560px;
    overflow: hidden;
    width: 780px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    #map {
        margin-top: 40px;
        width: 90%;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    #map {
        height: 400px;
        margin-top: 40px;
        width: 100%
    }
}

#map .gm-control-active.gm-fullscreen-control,
#map .gm-style-mtc {
    display: none
}

.ymaps-marker img {
    height: 56px;
    left: -20px;
    position: relative;
    top: -56px;
    width: 40px
}

.yandex-map {
    border-radius: 8px;
    height: 560px;
    overflow: hidden;
    width: 780px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .yandex-map {
        border-radius: 0;
        margin-top: 40px;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .yandex-map {
        border-radius: 0;
        height: 400px;
        margin-top: 40px;
        width: 100%
    }
}

.external-pages {
    margin: 0 auto;
    width: 774px
}

.external-pages h1 {
    font-family: ReSquare;
    font-size: 48px;
    line-height: 120%
}

.external-pages p {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 160%;
    margin: 0;
    padding-top: 28px
}

@media only screen and (max-width: 767px) {
    .external-pages p {
        padding-top: 16px
    }
}

.external-pages a {
    color: #00e1ff;
    text-decoration: none
}

.external-pages ol {
    padding-left: 21px;
    padding-top: 36px
}

.external-pages ol li {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 160%;
    padding-bottom: 16px;
    padding-left: 16px
}

@media only screen and (max-width: 767px) {
    .external-pages ol {
        margin-top: 24px;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .external-pages .more-information-text {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .external-pages .more-information-text {
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .external-pages {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .external-pages {
        width: auto
    }
}

.my-body {
    background-color: #212121;
    background-image: none
}

.wrap-app-main {
    display: flex
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrap-app-main {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .wrap-app-main {
        flex-direction: column
    }
}

.container-glitch {
    height: 579px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .container-glitch,
    .container-glitch img {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .container-glitch {
        height: 394px;
        width: 375px
    }
}

.glitch-img {
    background-position: 50%;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.title-app {
    margin: 0 auto;
    padding-top: 180px;
    width: 480px
}

.title-app h1 {
    line-height: 42px;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .title-app h1 {
        font-size: 40px;
        line-height: 30px;
        margin-top: 6px
    }
}

.title-app .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .title-app .description,
    .title-app .wrap-buttons {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .title-app {
        padding-top: 24px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .title-app {
        padding-top: 0;
        width: auto
    }
}

.wrap-buttons {
    display: inline-flex;
    margin-top: 24px
}

.button-app {
    background: #00e1ff;
    border-radius: 4px;
    height: 40px;
    width: 128px
}

.button-app.ios {
    background-image: url(../img/app/ios.svg);
    margin-right: 16px
}

.button-app.android,
.button-app.ios {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto
}

.button-app.android {
    background-image: url(../img/app/android.svg);
    margin-right: 0
}

.button-app:hover {
    filter: brightness(1.2)
}

.presentation-app {
    margin: 0 auto;
    overflow: hidden;
    width: 752px
}

.presentation-app .image-app {
    position: relative
}

@media only screen and (max-width: 767px) {
    .presentation-app .image-app {
        display: block;
        width: 100%
    }
}

.presentation-app .mobile-title-app {
    display: none
}

.presentation-app .mobile-title-app .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .presentation-app .mobile-title-app {
        display: block
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .presentation-app {
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .presentation-app {
        margin: 0 auto;
        width: 100%
    }
}

.image-app {
    display: block
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .image-app {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .image-app {
        width: 100%
    }
}

.advantages-grid-item {
    align-items: center;
    display: flex;
    justify-content: center
}

.advantages-grid-item.height-fix {
    margin-top: -190px
}

@media only screen and (max-width: 767px) {
    .advantages-grid-item.height-fix {
        margin-top: 0
    }
}

.advantages-grid-item.reverse-grid {
    flex-direction: row-reverse
}

.advantages-grid-item.reverse-grid .right-column {
    margin-left: 0;
    margin-right: 60px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-grid-item.reverse-grid .right-column {
        margin-right: 0;
        z-index: 9
    }
}

@media only screen and (max-width: 767px) {
    .advantages-grid-item.reverse-grid .right-column {
        margin-right: 0
    }

    .advantages-grid-item.reverse-grid {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-grid-item .left-column {
        left: -55px;
        position: relative;
        width: 411px
    }

    .advantages-grid-item .left-column img {
        width: 100%
    }
}

.advantages-grid-item .right-column {
    margin-left: 60px;
    width: 380px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-grid-item .right-column {
        margin-left: 0;
        width: 282px
    }
}

@media only screen and (max-width: 767px) {
    .advantages-grid-item .right-column {
        margin-left: 0;
        width: auto
    }
}

.advantages-grid-item .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 40px;
    font-weight: 600;
    line-height: 30px
}

.advantages-grid-item .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 24px
}

@media only screen and (max-width: 767px) {
    .advantages-grid-item {
        flex-direction: column
    }
}

.booking-block {
    background: #161616;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-top: 28px;
    padding-top: 30px
}

.booking-block .info-booking-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 64px;
    padding-right: 100px;
    padding-top: 34px;
    width: 380px
}

.booking-block .info-booking-block .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 40px;
    font-weight: 600;
    line-height: 30px
}

.booking-block .info-booking-block .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .booking-block .info-booking-block {
        padding: 40px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .booking-block .info-booking-block {
        padding: 16px;
        width: auto
    }
}

.booking-block .wrap-qr-code {
    align-items: center;
    display: flex
}

.booking-block .wrap-qr-code .info-qr {
    padding-left: 32px
}

.booking-block .wrap-qr-code .info-qr .info-qr-text {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 21px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .booking-block .wrap-qr-code .info-qr .info-qr-text {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .booking-block .wrap-qr-code .info-qr .info-qr-text {
        display: none
    }
}

.booking-block .wrap-qr-code .info-qr .wrap-buttons-app {
    display: flex;
    flex-direction: column
}

.booking-block .wrap-qr-code .info-qr .wrap-buttons-app .button-app.ios {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .booking-block .wrap-qr-code .info-qr .wrap-buttons-app {
        flex-direction: row;
        padding-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .booking-block .wrap-qr-code .info-qr .wrap-buttons-app {
        flex-direction: row;
        padding-top: 24px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .booking-block .wrap-qr-code .info-qr {
        padding-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .booking-block .wrap-qr-code .info-qr {
        padding-left: 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .booking-block .wrap-qr-code img {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .booking-block .wrap-qr-code img {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .booking-block {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .booking-block {
        flex-direction: column
    }
}

.advantages-block {
    display: flex;
    justify-content: space-between;
    margin-top: 28px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-block .item-column {
        display: flex
    }
}

@media only screen and (max-width: 767px) {
    .advantages-block .item-column {
        display: flex
    }
}

.advantages-block .item-block {
    background: #161616;
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 24px;
    width: 380px
}

.advantages-block .item-block .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 40px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 16px;
    padding-top: 40px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-block .item-block .title {
        font-size: 32px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .advantages-block .item-block .title {
        font-size: 32px;
        line-height: 24px
    }
}

.advantages-block .item-block .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .advantages-block .item-block .description {
        font-size: 16px;
        line-height: 22px
    }
}

.advantages-block .item-block img {
    height: 56px;
    width: 56px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-block .item-block {
        margin-right: 16px;
        width: 320px
    }
}

@media only screen and (max-width: 767px) {
    .advantages-block .item-block {
        margin-right: 16px;
        width: 296px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .advantages-block {
        overflow: hidden
    }
}

@media only screen and (max-width: 767px) {
    .advantages-block {
        overflow: hidden
    }
}

.install-app-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 130px
}

.install-app-block .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .install-app-block .title {
        text-align: center
    }
}

.install-app-block .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 38px;
    padding-top: 16px
}

.install-app-block .wrap-buttons {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .install-app-block .wrap-buttons {
        display: inline-flex
    }
}

@media only screen and (max-width: 767px) {
    .install-app-block .wrap-buttons {
        display: inline-flex
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .install-app-block {
        padding-top: 56px
    }

    .install-app-block .description,
    .install-app-block img {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .install-app-block {
        padding-bottom: 80px;
        padding-top: 64px
    }

    .install-app-block .description,
    .install-app-block img {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .scroll-hide-advantages {
        height: 466px;
        margin-right: -5%;
        overflow: hidden
    }

    .scroll-hide-advantages .advantages-block {
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .scroll-hide-advantages {
        height: 466px;
        margin-right: -16px;
        overflow: hidden
    }

    .scroll-hide-advantages .advantages-block {
        overflow: auto
    }
}

.lightgallery-block {
    padding-bottom: 50px;
}

.lightgallery-block #lightgallery {
    border-radius: 16px;
    overflow: hidden;
}

.description-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding-bottom: 50px;
}

.description-block .left-block {
    /*width: 780px*/
}

.description-block .top-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*width: 780px*/
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .description-block .left-block {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .description-block .left-block {
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .description-block .right-block {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .description-block .right-block {
        display: none
    }
}

.description-block .characteristic-icon .info-advantage .tooltiptext {
    transition: none
}

.description-block .characteristic-icon .info-advantage:hover .tooltiptext {
    bottom: inherit;
    left: -162px;
    top: 42px;
    transition: none
}

.description-block .characteristic-icon .info-advantage:hover .tooltiptext:after {
    bottom: inherit;
    left: 176px;
    top: -20px;
    transform: rotate(180deg) !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .description-block .characteristic-icon .info-advantage:hover .tooltiptext:after {
        left: 14px
    }
}

@media only screen and (max-width: 767px) {
    .description-block .characteristic-icon .info-advantage:hover .tooltiptext:after {
        left: 14px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .description-block .characteristic-icon .info-advantage:hover .tooltiptext {
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .description-block .characteristic-icon .info-advantage:hover .tooltiptext {
        left: 0
    }
}

.description-block .title {
    color: #00e1ff;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px
}

.description-block p {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .description-block p {
        font-size: 16px;
        line-height: 21px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .description-block {
        flex-direction: column;
        overflow: inherit
    }
}

@media only screen and (max-width: 767px) {
    .description-block {
        flex-direction: column;
        overflow: inherit
    }
}

.club-characteristics {
    display: flex
}

.club-characteristics .item {
    border-radius: 8px;
    font-family: ALS Hauss Book, sans-serif;
    height: 73px;
    margin-right: 8px;
    width: 88px
}

.club-characteristics .item:last-child {
    margin-right: 0
}

.club-characteristics .item .amount {
    color: #f1f1f1;
    font-size: 18px;
    padding-bottom: 6px
}

.club-characteristics .item .amount span {
    font-size: 18px;
    line-height: 23px
}

@media only screen and (max-width: 767px) {
    .club-characteristics .item .amount span {
        font-size: 18px;
        line-height: 23px
    }

    .club-characteristics .item {
        height: auto;
        width: 32%
    }
}

.club-characteristics .characteristic-pc {
    background: #262626;
    color: #f1f1f1
}

.club-characteristics .characteristic-pc .name-zone {
    color: #8d8d8d
}

.club-characteristics .characteristic-vip {
    background: #520339
}

.club-characteristics .characteristic-vip .name-zone {
    color: #f759ab
}

.club-characteristics .characteristic-tv {
    background: #120338
}

.club-characteristics .characteristic-tv .name-zone {
    color: #b37feb
}

.club-characteristics .characteristic-vip_tv {
    background: #610b00
}

.club-characteristics .characteristic-vip_tv .name-zone {
    color: #ff9c6e
}

.club-characteristics .wrap-characteristic {
    padding: 12px 16px
}

.club-characteristics .wrap-characteristic .name-zone {
    font-size: 14px;
    line-height: 18px
}

@media only screen and (max-width: 767px) {
    .club-characteristics {
        width: auto
    }
}

.characteristic-icon {
    display: flex
}

.characteristic-icon img {
    margin-left: 8px
}

.characteristic-icon.desktop-hide {
    display: none;
    margin-top: 22px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .characteristic-icon.desktop-hide {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .characteristic-icon.desktop-hide {
        display: block
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .characteristic-icon.mobile-hide {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .characteristic-icon.mobile-hide {
        display: none
    }
}

.workload p {
    color: #f1f1f1;
    display: inline-block;
    font-family: ReSquare, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    position: relative
}

.workload p.green:after {
    background: #52c41a
}

.workload p.green:after,
.workload p.orange:after {
    border-radius: 50px;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
    right: -20px;
    top: 7px;
    width: 8px
}

.workload p.orange:after {
    background: #fa8c16
}

.workload p.red:after {
    background: #ff4d4f;
    border-radius: 50px;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
    right: -20px;
    top: 7px;
    width: 8px
}

.plan-block {
    display: flex;
    justify-content: space-between
}

.plan-block .title-plan {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    padding-bottom: 40px
}

.plan-block .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
    padding: 16px;
}

.plan-block .description .hightlight {
    color: #212121;
    font-size: 20px;
}

.plan-block .description .hightlight.in {
    text-shadow: 1px 0 #00e1ff, -1px 0 #00e1ff, 0 1px #00e1ff, 0 -1px #00e1ff;
}
.plan-block .description .hightlight.eco {
    text-shadow: 1px 0 #00ff2a, -1px 0 #00ff2a, 0 1px #00ff2a, 0 -1px #00ff2a;
}
.plan-block .description .hightlight.vip {
    text-shadow: 1px 0 #0068ff, -1px 0 #0068ff, 0 1px #0068ff, 0 -1px #0068ff;
}
.plan-block .description .hightlight.top {
    text-shadow: 1px 0 #ff9800, -1px 0 #ff9800, 0 1px #ff9800, 0 -1px #ff9800;
}
.plan-block .description .hightlight.pro {
    text-shadow: 1px 0 #0af, -1px 0 #0af, 0 1px #0af, 0 -1px #0af;
}
.plan-block .description .hightlight.ult {
    text-shadow: 1px 0 #f00, -1px 0 #f00, 0 1px #f00, 0 -1px #f00;
}
.plan-block .description .hightlight.ps5 {
    text-shadow: 1px 0 #a0f, -1px 0 #a0f, 0 1px #a0f, 0 -1px #a0f;
}

.plan-block .legend-map-mobile {
    display: none;
    margin-top: 37px;
}

@media only screen and (max-width: 767px) {
    .plan-block .legend-map-mobile {
        display: block
    }

    .plan-block .legend-map {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .plan-block .left-block {
        height: auto;
        width: 100%
    }
}

.plan-block .right-block img {
    max-height: 960px;
    width: 780px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .plan-block .right-block img {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .plan-block .right-block img {
        height: auto;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .plan-block {
        padding-top: 90px
    }
}

@media only screen and (max-width: 1279px) {
    .plan-block {
        flex-direction: column;
        padding-top: 55px
    }
}

.geforce-img {
    display: block;
    margin: 0 auto;
    width: 845px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .geforce-img {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .geforce-img {
        width: 100%
    }
}

.info-advantage {
    display: inline-block;
    margin-right: 8px;
    position: relative
}

.info-advantage,
.info-advantage img {
    height: 32px;
    width: 32px
}

.info-advantage .tooltiptext {
    background: #262626;
    border-radius: 4px;
    bottom: 42px;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: -73px;
    line-height: 18px;
    opacity: 0;
    padding: 7px;
    position: absolute;
    transition: all .3s ease;
    visibility: hidden;
    width: 188px;
    z-index: 1;
    z-index: 999
}

.info-advantage .tooltiptext:after {
    border: 10px solid transparent;
    border-top-color: #262626;
    bottom: -20px;
    content: " ";
    left: 87px;
    margin-left: 0;
    position: absolute;
    transform: rotate(1turn) !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .info-advantage .tooltiptext:after {
        left: 31px
    }
}

@media only screen and (max-width: 767px) {
    .info-advantage .tooltiptext:after {
        left: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .info-advantage .tooltiptext {
        bottom: 42px;
        left: -17px
    }
}

@media only screen and (max-width: 767px) {
    .info-advantage .tooltiptext {
        bottom: 42px;
        left: -1px
    }
}

.info-advantage .clock-tooltip {
    background: #262626;
    border-radius: 4px;
    bottom: 42px;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: -64px;
    line-height: 18px;
    opacity: 0;
    padding: 7px;
    position: absolute;
    text-align: center;
    transition: all .3s ease;
    visibility: hidden;
    width: 150px;
    z-index: 1
}

.info-advantage .clock-tooltip:after {
    border: 10px solid transparent;
    border-top-color: #262626;
    bottom: -20px;
    content: " ";
    left: 71px;
    margin-left: 0;
    position: absolute;
    transform: rotate(1turn) !important
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .info-advantage .clock-tooltip:after {
        left: 31px
    }
}

@media only screen and (max-width: 767px) {
    .info-advantage .clock-tooltip:after {
        left: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .info-advantage .clock-tooltip {
        bottom: 42px;
        left: -25px
    }
}

@media only screen and (max-width: 767px) {
    .info-advantage .clock-tooltip {
        bottom: 42px;
        left: -9px
    }
}

.info-advantage:hover .clock-tooltip,
.info-advantage:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

.clubs-page {
    padding-bottom: 80px;
    padding-top: 64px
}

.clubs-page .list-clubs {
    flex-wrap: wrap;
    margin-right: -20px;
    padding-top: 40px
}

.clubs-page .list-clubs .block-club {
    margin-bottom: 40px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .clubs-page .list-clubs {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .clubs-page .list-clubs {
        margin-right: 0
    }
}

.clubs-page .open-club-item {
    background: #120338;
    border-radius: 8px;
    height: 240px;
    width: 380px
}

.clubs-page .open-club-item a {
    display: flex;
    flex-direction: column;
    height: 240px;
    justify-content: space-between;
    text-decoration: none
}

.clubs-page .open-club-item a .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    padding: 16px
}

.clubs-page .open-club-item a .title .external-link {
    background-image: url(../img/icons/open-link-violet.svg);
    display: inline-block;
    height: 24px;
    position: relative;
    right: -2px;
    top: 5px;
    width: 24px
}

.clubs-page .open-club-item a img {
    height: 150px;
    margin: 0 auto;
    width: 205px
}

.clubs-page .open-club-item a:hover {
    opacity: .8
}

@media only screen and (max-width: 767px) {
    .clubs-page .open-club-item a {
        height: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .clubs-page .open-club-item {
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .clubs-page .open-club-item {
        height: auto;
        width: 100%
    }
}

.clubs-page .description {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 80px;
    width: 780px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .clubs-page .description {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .clubs-page .description {
        margin-bottom: 48px;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .clubs-page {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .clubs-page {
        padding-bottom: 48px;
        padding-top: 48px
    }
}

.owner-wrapper {
    overflow: hidden
}

.owner-block {
    height: 528px;
    margin-top: 80px
}

.owner-block .container-owner {
    background-image: url(../img/background-owner.svg);
    display: flex;
    height: 520px;
    justify-content: center;
    margin: 0 auto;
    width: 960px
}

.owner-block .container-owner img {
    height: 520px;
    width: 585px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .owner-block .container-owner img {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .owner-block .container-owner img {
        height: auto;
        width: 340px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .owner-block .container-owner {
        background-size: contain;
        height: auto;
        width: 600px
    }
}

@media only screen and (max-width: 767px) {
    .owner-block .container-owner {
        background-size: contain;
        height: auto;
        width: 100%
    }
}

.owner-block .owner-description {
    position: absolute;
    width: 480px;
    z-index: 999
}

.owner-block .owner-description .title {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

.owner-block .owner-description .owner-name {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 24px;
    padding-top: 40px
}

.owner-block .owner-description .owner__link_instagram i {
    background-image: url(../img/instagram-blue.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.owner-block .owner-description .owner__link_telegram i {
    background-image: url(../img/telegram-blue.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.owner-block .owner-description .owner__link_vk i {
    background-image: url(../img/vk-blue.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.owner-block .owner-description a {
    align-items: center;
    color: #00e1ff;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    text-decoration: none
}

.owner-block .owner-description a:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .owner-block .owner-description {
        position: relative;
        width: auto;
        z-index: 99
    }
}

@media only screen and (max-width: 767px) {
    .owner-block .owner-description {
        position: relative;
        width: auto;
        z-index: 99
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .owner-block {
        display: flex;
        flex-direction: column;
        height: 692px;
        justify-content: space-between;
        overflow: hidden
    }
}

@media only screen and (max-width: 767px) {
    .owner-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-glitch-owner {
        height: 695px;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-glitch-owner {
        height: 500px;
        position: relative
    }

    .hidden-scroll {
        height: 58px;
        margin-right: -16px;
        overflow: hidden
    }

    .scroll-tabs {
        overflow: auto
    }
}

.tabs-menu {
    border-bottom: 1px solid #161616;
    display: flex;
    padding: 0 0 16px
}

.tabs-menu li {
    list-style-type: none;
    margin-right: 32px
}

.tabs-menu li a {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 16px;
    text-decoration: none
}

.tabs-menu li a:hover {
    border-bottom: 2px solid;
    color: #00e1ff;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .tabs-menu li a {
        font-size: 14px;
        line-height: 24px
    }

    .tabs-menu li {
        margin-bottom: 16px
    }

    .tabs-menu {
        padding-bottom: 0;
        width: 634px
    }
}

.wrapper-news-city .news-block-main {
    display: flex;
    justify-content: space-between;
    padding-top: 40px
}

.wrapper-news-city .news-block-main .news-block {
    width: 280px
}

.wrapper-news-city .news-block-main .news-block a {
    font-family: ALS Hauss Book, sans-serif;
    text-decoration: none
}

.wrapper-news-city .news-block-main .news-block a img {
    border-radius: 8px;
    height: 186px;
    margin-bottom: 16px;
    width: 280px
}

.wrapper-news-city .news-block-main .news-block a .title-news {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #00e1ff;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.wrapper-news-city .news-block-main .news-block a .date-publication {
    color: #3f3f3f;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px
}

.wrapper-news-city .news-block-main .news-block:hover {
    filter: brightness(1.5)
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-news-city .news-block-main .news-block {
        margin-right: 20px
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-news-city .news-block-main .news-block {
        margin-right: 20px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-news-city {
        height: 334px;
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-news-city {
        height: 334px;
        overflow: auto
    }
}

.wrapper-list-games {
    color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    padding: 90px 0 10px
}

.wrapper-list-games .block-list-games {
    width: 780px
}

.wrapper-list-games .block-list-games .description {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-list-games .block-list-games {
        width: 66%
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-list-games .block-list-games {
        margin-top: 16px;
        width: auto
    }
}

.wrapper-list-games h4 {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    margin: 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-list-games {
        margin-top: 90px;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-list-games {
        flex-direction: column;
        margin-top: 40px;
        padding: 0
    }
}

.description-list {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-top: 24px
}

@media only screen and (max-width: 767px) {
    .description-list {
        width: 91%
    }
}

.applications-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-family: ALS Hauss Book, sans-serif
}

.applications-list .application-list-item {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 4px
}

.applications-list .application-list-item.hidden {
    display: none
}

.applications-list .application-list-item .lighted {
    color: #00e1ff
}

@media only screen and (max-width: 767px) {
    .applications-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.booking-button {
    background: #00e1ff;
    border: 0;
    border-radius: 4px;
    color: #f1f1f1;
    cursor: pointer;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    padding: 12px 16px;
    text-decoration: none;
    user-select: none
}

.booking-button:hover {
    background: #00e1ff
}

.games {
    overflow: hidden;
    position: relative;
    width: 100%
}

@-webkit-keyframes marquee {
    0% {
        left: 0
    }
    to {
        left: -100%
    }
}

@keyframes marquee {
    0% {
        left: 0
    }
    to {
        left: -100%
    }
}

@-webkit-keyframes marqueeRight {
    0% {
        right: 0
    }
    to {
        right: -100%
    }
}

@keyframes marqueeRight {
    0% {
        right: 0
    }
    to {
        right: -100%
    }
}

.indent-1 {
    margin-top: calc(80px * 1 + 12px * 1)
}

.indent-2 {
    margin-top: calc(80px * 2 + 12px * 2)
}

.indent-3 {
    margin-top: calc(80px * 3 + 12px * 3)
}

.ticker {
    height: calc(92px*4);
    margin-top: 24px;
    overflow: hidden;
}

.ticker .marquee-left {
    -webkit-animation: marquee 50s linear -.2s infinite;
    animation: marquee 50s linear -.2s infinite;
    display: flex;
    gap: 6px;
    overflow: hidden;
    position: absolute
}

.ticker .marquee-left span {
    color: #8c8c8c;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    white-space: nowrap
}

.ticker .marquee-left img {
    height: 80px;
    width: auto;
}

@media only screen and (max-width: 767px) {
    .ticker .marquee-left span {
        font-size: 24px;
        line-height: 18px
    }
}

.ticker .marquee-right {
    -webkit-animation: marqueeRight 50s linear -.2s infinite;
    animation: marqueeRight 50s linear -.2s infinite;
    display: flex;
    gap: 6px;
    overflow: hidden;
    position: absolute;
}

.ticker .marquee-right span {
    color: #8c8c8c;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    white-space: nowrap
}

.ticker .marquee-right img {
    height: 80px;
    width: auto;
}

@media only screen and (max-width: 767px) {
    .ticker .marquee-right span {
        font-size: 24px;
        line-height: 18px
    }

    .el-popup-content .tabs,
    .ticker {
        margin-top: 40px
    }

    .el-popup-content .tabs .hidden-scroll-block {
        margin-right: 0
    }

    .el-popup-content .tabs .hidden-scroll-block .tabs-container {
        width: auto
    }

    .el-popup-content .tabs .hidden-scroll-block .tabs-container .tabs-container-tab {
        font-size: 16px;
        line-height: 22px
    }

    .legend-map-desktop {
        display: none
    }
}

.map-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.map-legend .map-legend__item {
    width: max-content;
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.map-legend .map-legend__item .map-legend__item-icon {
    display: flex;
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon {
    background-size: cover;
    height: 24px;
    width: 24px
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_vip {
    background-image: url(../img/icons/vip.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_vip_tv {
    background-image: url(../img/icons/vip_tv.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_tv {
    background-image: url(../img/icons/tv.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_foodzone {
    background-image: url(../img/icons/foodzone.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_lounge {
    background-image: url(../img/icons/lounge-blue.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_entrance {
    background-image: url(../img/icons/entrance.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_wc {
    background-image: url(../img/icons/wc.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_locker {
    background-image: url(../img/icons/locker.svg)
}

.map-legend .map-legend__item .map-legend__item-icon .map-legend__icon_trash {
    background-image: url(../img/icons/trash.svg)
}

.map-legend .map-legend__item .map-legend__item-title {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px
}

.referral-wrapper {
    display: flex
}

.referral-wrapper .left-block .name {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .referral-wrapper .left-block .name {
        font-size: 32px;
        line-height: 24px
    }
}

.referral-wrapper .left-block .description {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-top: 16px;
    width: 392px
}

@media only screen and (max-width: 767px) {
    .referral-wrapper .left-block .description {
        width: auto
    }
}

.referral-wrapper .left-block .title-referral {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 32px;
    line-height: 42px;
    padding-top: 34px;
    width: 480px
}

@media only screen and (max-width: 767px) {
    .referral-wrapper .left-block .title-referral {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        padding-top: 32px;
        width: auto
    }
}

.referral-wrapper .left-block ul {
    padding-left: 32px
}

.referral-wrapper .left-block ul li {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 13px
}

@media only screen and (max-width: 767px) {
    .referral-wrapper .left-block ul {
        padding-left: 20px
    }
}

.referral-wrapper .right-block img {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .referral-wrapper .right-block img {
        margin-top: -50px
    }

    .referral-wrapper .right-block {
        overflow: hidden
    }

    .referral-wrapper {
        flex-direction: column
    }
}

.link-referral {
    align-items: center;
    color: #00e1ff;
    display: flex;
    font-family: ALS Hauss Book, sans-serif
}

.link-referral a {
    background: none;
    border: none;
    border-bottom: 1px solid rgba(89, 126, 247, .412);
    color: #00e1ff;
    font-size: 32px;
    line-height: 42px;
    outline: none;
    padding: 0;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .link-referral a {
        font-size: 24px;
        line-height: 32px
    }
}

.link-referral button {
    background-color: inherit;
    border: none;
    cursor: pointer;
    height: 32px;
    outline: none;
    width: 32px
}

.phone-form {
    padding-top: 25px
}

.phone-form .title {
    color: #8c8c8c;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px
}

.phone-form .field-referrallink-phone {
    width: auto
}

@media only screen and (max-width: 767px) {
    .phone-form .field-referrallink-phone {
        width: 63%
    }
}

.phone-form .form-control {
    background: none;
    border: 1px solid #bdbdbd;
    box-sizing: border-box;
    color: #f1f1f1;
    font-size: 16px;
    height: 48px;
    line-height: 22px;
    margin-right: 16px;
    outline: none;
    padding-left: 14px;
    width: 253px
}

@media only screen and (max-width: 767px) {
    .phone-form .form-control {
        padding-left: 11px;
        width: 95%
    }
}

.phone-form .phone-form-wrap {
    display: flex
}

.phone-form .phone-form-wrap .submit-btn {
    background: #00e1ff;
    border: none;
    border-radius: 4px;
    color: #f1f1f1;
    cursor: pointer;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    height: 48px;
    line-height: 24px;
    outline: none;
    padding: 12px 16px
}

.phone-form .phone-form-wrap .submit-btn:hover {
    opacity: .8
}

.errorMessage {
    color: red;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    padding-top: 4px
}

.advantages-wrap {
    padding-top: 70px
}

.advantages-wrap .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    width: 548px
}

.advantages-wrap .title span {
    color: #00e1ff
}

@media only screen and (max-width: 767px) {
    .advantages-wrap .title {
        font-size: 32px;
        line-height: 24px;
        width: auto
    }
}

.advantages-wrap .advantages {
    display: flex;
    justify-content: space-between;
    margin-top: 60px
}

.advantages-wrap .advantages .advantages-item {
    width: 204px
}

.advantages-wrap .advantages .advantages-item .description {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-top: 17px
}

@media only screen and (max-width: 767px) {
    .advantages-wrap .advantages .advantages-item {
        margin-bottom: 40px;
        width: 48%
    }

    .advantages-wrap .advantages {
        flex-wrap: wrap
    }
}

.referral-user {
    display: flex
}

.send-message {
    color: #52c41a;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-left: 31px;
    position: relative
}

.send-message:before {
    background-image: url(../img/done-icon.svg);
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 24px
}

.qr-referral img {
    border-radius: 6px;
    margin-top: 24px
}

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

    .refferal-glitch-container,
    .refferal-glitch-container img {
        width: 100%
    }
}

.empty {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    margin: 0;
    padding-top: 24px
}

.wrapper-read {
    padding-top: 10px
}

.wrapper-read a {
    border-bottom: 1px solid rgba(89, 126, 247, .51);
    color: #00e1ff;
    text-decoration: none
}

.wrapper-read ol {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    padding-left: 24px
}

.news-read-page {
    border-top: 1px solid #161616;
    margin-top: 80px;
    padding-top: 40px
}

.news-read-page .scroll-hide .wrapper-news-main {
    display: block;
    padding: 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-read-page .scroll-hide .wrapper-news-main {
        height: 351px;
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .news-read-page .scroll-hide .wrapper-news-main {
        height: 351px;
        padding-top: 40px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-read-page .scroll-hide {
        height: 378px
    }
}

@media only screen and (max-width: 767px) {
    .news-read-page .scroll-hide {
        height: 378px
    }
}

.news-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -41px;
    padding-top: 52px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-wrapper div {
        width: 48%
    }
}

.news-wrapper .news-block {
    height: 335px;
    margin-bottom: 64px;
    margin-left: 40px;
    width: 367px
}

.news-wrapper .news-block:hover {
    opacity: .8
}

.news-wrapper .news-block img {
    border-radius: 8px;
    height: 244px;
    margin-bottom: 16px;
    width: 367px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-wrapper .news-block img {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .news-wrapper .news-block img {
        height: auto;
        width: 100%
    }
}

.news-wrapper .news-block a {
    font-family: ALS Hauss Book, sans-serif;
    text-decoration: none
}

.news-wrapper .news-block .title-news {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #00e1ff;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.news-wrapper .news-block .date-publication {
    color: #3f3f3f;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-wrapper .news-block {
        height: auto;
        margin-left: 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .news-wrapper .news-block {
        height: auto;
        margin-bottom: 40px;
        margin-left: 0;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-wrapper {
        justify-content: space-between;
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .news-wrapper {
        margin-left: 0;
        padding-top: 38px
    }
}

.read-news-block {
    margin: 0 auto;
    width: 780px
}

.read-news-block .breadcrumbs {
    color: #00e1ff;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 19px
}

.read-news-block .date-news {
    color: #3f3f3f;
    font-family: ALS Hauss Book, sans-serif;
    line-height: 18px
}

.read-news-block h1 {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 36px;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .read-news-block h1 {
        font-size: 40px;
        line-height: 30px
    }
}

.read-news-block h2 {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 30px
}

@media only screen and (max-width: 767px) {
    .read-news-block h2 {
        font-size: 32px;
        line-height: 24px
    }
}

.read-news-block h3 {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .read-news-block h3 {
        font-size: 24px;
        line-height: 18px
    }
}

.read-news-block .date-news {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 42px;
    padding-top: 26px
}

@media only screen and (max-width: 767px) {
    .read-news-block .date-news {
        padding-top: 18px
    }
}

.read-news-block img {
    border-radius: 8px;
    width: 100%
}

.read-news-block p {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.read-news-block ul {
    padding-left: 20px
}

.read-news-block ul li {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .read-news-block {
        padding: 0 5%;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .read-news-block {
        padding: 0 5%;
        width: auto
    }
}

.wrapper-news-main {
    -webkit-overflow-scrolling: touch;
    display: flex;
    justify-content: space-between;
    padding-top: 40px
}

.wrapper-news-main .academy-block a {
    background: #002329;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 277px;
    justify-content: space-between;
    overflow: hidden;
    text-decoration: none;
    width: 280px
}

.wrapper-news-main .academy-block a .title {
    color: #f1f1f1;
    font-family: ReSquare;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    padding: 16px
}

.wrapper-news-main .academy-block a .title .link-icon {
    background: url(../img/link.svg);
    display: inline-block;
    height: 16px;
    position: relative;
    right: 0;
    top: 3px;
    width: 16px
}

.wrapper-news-main .academy-block a:hover {
    filter: brightness(1.5)
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-news-main .academy-block {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-news-main .academy-block {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .wrapper-news-main {
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-news-main {
        overflow: auto
    }
}

.similar-news {
    display: flex;
    justify-content: space-between;
    padding-top: 40px
}

.similar-news .news-block {
    width: 367px
}

.similar-news .news-block a {
    font-family: ALS Hauss Book, sans-serif;
    text-decoration: none
}

.similar-news .news-block img {
    border-radius: 8px;
    height: 244px;
    margin-bottom: 16px;
    width: 367px
}

.similar-news .news-block .title-news {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #00e1ff;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.similar-news .news-block .date-publication {
    color: #3f3f3f;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px
}

.similar-news .news-block:hover {
    opacity: .8
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .similar-news .news-block {
        margin-right: 20px
    }
}

@media only screen and (max-width: 767px) {
    .similar-news .news-block {
        margin-right: 20px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .similar-news {
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .similar-news {
        padding-top: 0
    }
}

.news-main-page {
    padding-top: 32px
}

.news-main-page .news-block-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1180px
}

.news-main-page .news-block-main .news-block {
    padding-bottom: 24px;
    width: 283px
}

.news-main-page .news-block-main .news-block a {
    font-family: ALS Hauss Book, sans-serif;
    text-decoration: none
}

.news-main-page .news-block-main .news-block img {
    border-radius: 8px;
    height: 186px;
    margin-bottom: 16px;
    width: 280px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-main-page .news-block-main .news-block img {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .news-main-page .news-block-main .news-block img {
        height: auto;
        width: 100%
    }
}

.news-main-page .news-block-main .news-block .title-news {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #00e1ff;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.news-main-page .news-block-main .news-block .date-publication {
    color: #3f3f3f;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px
}

.news-main-page .news-block-main .news-block:hover {
    filter: brightness(1.5)
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-main-page .news-block-main .news-block {
        margin-bottom: 40px;
        margin-right: 20px
    }
}

@media only screen and (max-width: 767px) {
    .news-main-page .news-block-main .news-block {
        margin-bottom: 40px;
        margin-right: 20px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-main-page .news-block-main {
        flex-wrap: inherit;
        gap: inherit;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .news-main-page .news-block-main {
        flex-wrap: inherit;
        gap: inherit;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .news-main-page,
    .scroll-hide {
        overflow: hidden
    }

    .scroll-hide {
        height: 324px;
        margin-right: -5%
    }
}

@media only screen and (max-width: 767px) {
    .scroll-hide {
        height: 324px;
        margin-right: -16px;
        overflow: hidden
    }
}

.video-wrapper {
    margin: 15px 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative
}

.video-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.doc-page {
    color: #f1f1f1
}

.doc-page,
.doc-page p {
    font-family: ALS Hauss Book, sans-serif
}

.doc-page p {
    font-size: 18px;
    line-height: 26px
}

.doc-page a {
    border-bottom: 1px solid rgba(89, 126, 247, .51);
    color: #00e1ff;
    text-decoration: none
}

.doc-page .revision-date {
    font-family: ALS Hauss Book, sans-serif;
    font-size: .9em;
    padding: 20px 0 0
}

.doc-page ol {
    counter-reset: li;
    font-family: ALS Hauss Book, sans-serif;
    list-style: none;
    padding: 12px 0
}

.doc-page ol li:before {
    content: counters(li, ".") ". ";
    counter-increment: li
}

.doc-page ol li {
    font-size: 18px;
    line-height: 26px;
    margin-top: 8px
}

.doc-page ol li .header-top-level {
    font-size: 1.3em;
    font-weight: 600
}

.doc-page ol li ol {
    padding-left: 22px
}

.doc-page .list-marker {
    display: block;
    padding-left: 14px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .club-promotion .wrap-slider-club-promotion {
        height: 192px;
        overflow: hidden
    }
}

@media only screen and (max-width: 767px) {
    .club-promotion .wrap-slider-club-promotion {
        height: 192px;
        overflow: hidden
    }
}

.club-promotion.club-promotion-branch {
    padding: 64px 0;
}

.club-promotion.club-promotion-main {
    padding-top: 64px
}

.club-promotion.club-promotion-locality {
    padding-top: 32px
}

@media only screen and (max-width: 767px) {
    .club-promotion.club-promotion-locality {
        padding-top: 16px
    }
}

.club-promotion.club-promotion-page {
    padding-top: 64px
}

.club-promotion .slider-club-promotion {
    display: flex;
    padding-top: 32px
}

.club-promotion .slider-club-promotion a {
    color: #f1f1f1;
    outline: none;
    text-decoration: none
}

.club-promotion .slider-club-promotion .slick-prev-main {
    align-items: center;
    background: none;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    cursor: pointer;
    display: flex !important;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 56px;
    top: -50px;
    width: 48px
}

.club-promotion .slider-club-promotion .slick-prev-main i {
    background-image: url(../img/icons/arrow-alt.svg);
    height: 24px;
    transform: rotate(180deg);
    width: 24px
}

.club-promotion .slider-club-promotion .slick-prev-main:hover {
    border: 1px solid #bdbdbd
}

.club-promotion .slider-club-promotion .slick-next-main {
    align-items: center;
    background: none;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    cursor: pointer;
    display: flex !important;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -50px;
    width: 48px
}

.club-promotion .slider-club-promotion .slick-next-main i {
    background-image: url(../img/icons/arrow-alt.svg);
    height: 24px;
    width: 24px
}

.club-promotion .slider-club-promotion .slick-next-main:hover {
    border: 1px solid #bdbdbd
}

.club-promotion .slider-club-promotion .club-promotion-block {
    background: #2900f2;
    border-radius: 8px;
    height: 160px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    width: 380px !important
}

.club-promotion .slider-club-promotion .club-promotion-block .promotion-description {
    font-family: ALS Hauss Book, sans-serif;
    padding: 16px 24px;
    width: 50%
}

.club-promotion .slider-club-promotion .club-promotion-block .promotion-description .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

.club-promotion .slider-club-promotion .club-promotion-block .promotion-description .promotion-date {
    align-items: center;
    color: #d6e4ff;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    padding-top: 8px
}

.club-promotion .slider-club-promotion .club-promotion-block .promotion-description .promotion-date i {
    background-image: url(../img/icons/clock.svg);
    background-size: cover;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

@media only screen and (max-width: 767px) {
    .club-promotion .slider-club-promotion .club-promotion-block .promotion-description {
        padding: 16px
    }
}

.club-promotion .slider-club-promotion .club-promotion-block img {
    bottom: -27px;
    height: 180px;
    position: absolute;
    right: 8px;
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .club-promotion .slider-club-promotion .club-promotion-block img {
        height: 160px;
        right: -30px;
        width: 160px
    }
}

@media only screen and (max-width: 767px) {
    .club-promotion .slider-club-promotion .club-promotion-block img {
        height: 160px;
        right: -30px;
        width: 160px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .club-promotion .slider-club-promotion .club-promotion-block {
        width: 280px !important
    }
}

@media only screen and (max-width: 767px) {
    .club-promotion .slider-club-promotion .club-promotion-block {
        width: 302px !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .club-promotion .slider-club-promotion {
        height: 200px;
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .club-promotion .slider-club-promotion {
        height: 200px;
        overflow: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .club-promotion {
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .club-promotion {
        padding-right: 0
    }
}

.img-background {
    background: #00e1ff;
    border-radius: 8px;
    display: flex;
    height: 416px;
    justify-content: center;
    margin-top: 40px;
    overflow: hidden
}

.img-background img {
    height: 480px;
    width: 480px
}

@media only screen and (max-width: 767px) {
    .img-background img {
        height: 230px;
        width: 230px
    }

    .img-background {
        height: 200px
    }
}

.terms-action-wrap {
    padding: 40px 0 26px
}

.terms-action-wrap .terms-action {
    align-items: center;
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.terms-action-wrap .terms-action i {
    background-image: url(../img/clock-grey.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.terms-action-wrap .location-action {
    align-items: center;
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px
}

.terms-action-wrap .location-action i {
    background-image: url(../img/location-grey.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.sharing-wrap {
    display: none;
    margin: 0 auto;
    padding-top: 40px;
    width: 780px
}

.sharing-wrap .sharing-block {
    background: #161616;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 112px;
    justify-content: space-between;
    padding: 16px
}

.sharing-wrap .sharing-block .list-sharing-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sharing-wrap .sharing-block .list-sharing-wrap .title {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.sharing-wrap .sharing-block .list-sharing-wrap .list-sharing {
    display: flex
}

.sharing-wrap .sharing-block .list-sharing-wrap .list-sharing a {
    height: 40px;
    width: 40px
}

.sharing-wrap .sharing-block .list-sharing-wrap .list-sharing a.vk-sharing {
    background-image: url(../img/icons/vk-sharing.svg);
    margin-right: 8px
}

.sharing-wrap .sharing-block .list-sharing-wrap .list-sharing a.fb-sharing {
    background-image: url(../img/icons/facebook-sharing.svg);
    margin-right: 8px
}

.sharing-wrap .sharing-block .list-sharing-wrap .list-sharing a.tg-sharing {
    background-image: url(../img/icons/telegram-sharing.svg)
}

.sharing-wrap .sharing-block .copy-link {
    align-self: flex-end;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 8px 16px;
    text-decoration: none
}

.sharing-wrap .sharing-block .copy-link:hover {
    border: 1px solid #bdbdbd;
    color: #8d8d8d
}

@media only screen and (max-width: 767px) {
    .sharing-wrap .sharing-block .copy-link {
        display: none
    }

    .sharing-wrap .sharing-block {
        margin: 0 16px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .sharing-wrap {
        padding: 40px 5% 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .sharing-wrap {
        width: auto
    }
}

.promo-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -41px;
    padding-top: 48px
}

.promo-list .promo-list__item {
    margin-bottom: 48px;
    margin-left: 40px;
    width: 366px
}

.promo-list .promo-list__item a {
    font-family: ALS Hauss Book, sans-serif;
    text-decoration: none
}

.promo-list .promo-list__item .promotion-description {
    margin-top: 16px
}

.promo-list .promo-list__item .promotion-description .title {
    color: #f1f1f1;
    font-size: 20px;
    line-height: 26px
}

.promo-list .promo-list__item .promotion-description .promotion-date {
    align-items: center;
    color: #bdbdbd;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px
}

.promo-list .promo-list__item .promotion-description .promotion-date i {
    background-image: url(../img/clock-grey.svg);
    background-size: cover;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.promo-list .promo-list__item .club-promotion-block-image {
    align-items: center;
    background: #00e1ff;
    border-radius: 8px;
    display: flex;
    height: 244px;
    justify-content: space-around;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .promo-list .promo-list__item {
        margin-left: 0;
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .promo-list .promo-list__item {
        margin-bottom: 40px;
        margin-left: 0;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .promo-list {
        justify-content: space-between;
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .promo-list {
        justify-content: space-between;
        margin-left: 0
    }
}

.markting-list {
    color: #f1f1f1;
    padding-left: 18px
}

.markting-list,
.price-list-button {
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 160%
}

.price-list-button {
    align-items: center;
    border: 1px solid;
    border-radius: 4px;
    color: #8c8c8c !important;
    display: inline-flex;
    margin-top: 24px;
    padding: 12px 16px
}

.price-list-button i {
    background-image: url(../img/icons/external-arrow.svg);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: auto;
    display: inline-block;
    height: 24px;
    width: 24px
}

.price-list-button:hover {
    border-color: #00e1ff;
    color: #00e1ff !important
}

.price-list-button:hover i {
    background-position: -19px 5px
}

.tournament-card {
    border-radius: 10px;
    box-sizing: border-box;
    color: #f1f1f1;
    display: flex;
    height: 400px;
    justify-content: space-between;
    margin-top: 44px;
    width: 1180px
}

.tournament-card__left-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    width: 356px
}

@media only screen and (max-width: 767px) {
    .tournament-card__left-column {
        padding: 16px;
        width: auto
    }
}

.tournament-card a {
    text-decoration: none
}

.tournament-card .tournament-card__controls {
    align-items: center;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    margin-top: 24px
}

.tournament-card .tournament-card__controls a {
    background: #161616;
    border-radius: 4px;
    color: #f1f1f1;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-card .tournament-card__image {
        width: 58%
    }
}

.tournament-card .tournament-card__image img {
    height: 400px;
    width: 720px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-card {
        overflow: hidden;
        width: 100%
    }
}

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

.tournament-card__timer {
    margin-left: 16px
}

.tournament-card__timer .tournament-card__timer-title {
    color: #85a5ff;
    font-size: 14px
}

.tournament-card__timer .tournament-card__timer-counter {
    font-family: ALS Hauss, sans-serif;
    font-size: 14px;
    line-height: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-card__mobile .tournament-card__controls,
    .tournament-card__timer {
        display: none
    }
}

.map-stat__item__scores_win,
.match-score__score-item_win {
    color: #73d13d
}

.tournament-items-list__items-status {
    margin: 16px 0
}

.tournament-card__location,
.tournament-card__prize_fund,
.tournament-card__start-date,
.tournament-upcoming-card__prize_fund,
.tournament-upcoming-card__start-date {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.tournament-card__location span,
.tournament-card__prize_fund span,
.tournament-card__start-date span,
.tournament-upcoming-card__prize_fund span,
.tournament-upcoming-card__start-date span {
    color: #85a5ff
}

.tournament-upcoming-card__name {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .tournament-upcoming-card__name {
        font-size: 40px;
        line-height: 30px
    }
}

.tournament-card__status-name {
    margin-left: 4px
}

.tournament-card__status-name.tournament-card__federal-tournament {
    background: #161616;
    color: #a7a7a7
}

.tournament-card__status-name,
.tournament-upcoming-card__status-name {
    background: #002766;
    border-radius: 4px;
    color: #a7a7a7;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px
}

.tournament-card_cs2 {
    background: #00e1ff
}

.tournament-card__dota2 {
    background: #fa541c
}

.tournament-upcoming-card_cs2 {
    background: #00e1ff
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-upcoming-card_cs2:before {
        background: linear-gradient(rgba(47, 84, 235, 0), rgba(47, 84, 235, .88));
        border-radius: 0 0 16px 16px;
        bottom: 0;
        content: "";
        left: 5%;
        position: absolute;
        right: 5%;
        top: 0;
        z-index: 9
    }
}

@media only screen and (max-width: 767px) {
    .tournament-upcoming-card_cs2:before {
        background: linear-gradient(rgba(47, 84, 235, 0), rgba(47, 84, 235, .88));
        border-radius: 0 0 16px 16px;
        bottom: 0;
        content: "";
        left: 16px;
        position: absolute;
        right: 16px;
        top: 0;
        z-index: 9
    }
}

.tournament-upcoming-card_dota2 {
    background: #fa541c
}

.upcoming-tournament-container {
    margin-top: 32px
}

.tournament-upcoming-card {
    border-radius: 16px;
    color: #f1f1f1;
    height: 400px;
    margin-bottom: 32px;
    overflow: hidden;
    width: 1180px
}

.tournament-upcoming-card a {
    display: flex;
    justify-content: space-between;
    text-decoration: none
}

.tournament-upcoming-card a .tournament-upcoming-card__left-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    width: 456px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-upcoming-card a .tournament-upcoming-card__left-column {
        bottom: 0;
        position: absolute;
        width: 83%;
        z-index: 9999
    }
}

@media only screen and (max-width: 767px) {
    .tournament-upcoming-card a .tournament-upcoming-card__left-column {
        bottom: 0;
        left: 16px;
        padding: 16px;
        position: absolute;
        right: 16px;
        top: 0;
        width: auto;
        z-index: 9999
    }
}

.tournament-upcoming-card a .tournament-upcoming-card__image img {
    height: 400px;
    width: 720px
}

@media only screen and (max-width: 767px) {
    .tournament-upcoming-card a .tournament-upcoming-card__image img {
        height: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-upcoming-card a .tournament-upcoming-card__image {
        align-items: center;
        display: flex;
        justify-content: space-around;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .tournament-upcoming-card a .tournament-upcoming-card__image {
        align-items: center;
        border-radius: 16px;
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 16px;
        overflow: hidden;
        position: absolute;
        right: 16px;
        top: 0
    }

    .tournament-upcoming-card a {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-upcoming-card {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .tournament-upcoming-card {
        height: 343px;
        margin-bottom: 40px;
        width: 100%
    }
}

.tournament-card__wrap-icon {
    display: flex
}

.tournament-card__federal-icon {
    background-image: url(../img/icons/tournament-federal-icon.svg);
    height: 24px;
    margin-left: 8px;
    width: 24px
}

.tournament-card-mobile {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-card-mobile {
        display: block
    }

    .tournament-card-mobile .tournament-card__image,
    .tournament-card-mobile .tournament-card__wrap-icon {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .tournament-card-mobile {
        display: block;
        margin: 24px 0
    }

    .tournament-card-mobile .tournament-card__image {
        border-radius: 8px;
        display: flex;
        margin: 16px 0;
        overflow: hidden
    }

    .tournament-card-mobile .tournament-card__image img {
        width: 100%
    }

    .tournament-card-mobile .tournament-card__controls {
        display: flex
    }

    .tournament-card-mobile .tournament-card__controls a {
        background: #00e1ff;
        border-radius: 4px;
        color: #f1f1f1;
        font-family: ALS Hauss Book, sans-serif;
        font-size: 18px;
        line-height: 24px;
        padding: 12px 16px;
        text-align: center;
        text-decoration: none;
        width: 100%
    }
}

.tournament-card__info-wrap {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    margin-top: 16px
}

.tournament-card__info-wrap .tournament-card__item {
    border-bottom: 1px solid #3f3f3f;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    padding: 10px 0 12px
}

.tournament-card__info-wrap span {
    width: 48%
}

.tournament-card__info-wrap .tournament-card__item-left-column {
    color: #bdbdbd
}

.tournament-card__info-wrap .tournament-card__item-right-column {
    text-align: right
}

.all-tournaments {
    padding-top: 32px
}

.all-tournaments .tournament-items-list {
    display: flex;
    margin: 32px 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .all-tournaments .tournament-items-list {
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .all-tournaments .tournament-items-list {
        height: 382px;
        overflow: auto
    }

    .all-tournaments {
        padding-top: 18px
    }
}

.news-tournament {
    margin-top: 32px
}

.tournament-items-list__item {
    margin-right: 20px;
    width: 380px
}

.tournament-items-list__item a {
    text-decoration: none
}

.tournament-items-list__item .tournament-items-list__item-name {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px
}

.tournament-items-list__item .tournament-items-list__item-prize_fund,
.tournament-items-list__item .tournament-items-list__item-start-date {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (max-width: 767px) {
    .tournament-items-list__item {
        width: 280px
    }
}

.button-show-more {
    border: 1px solid #3f3f3f;
    color: #bdbdbd;
    display: block;
    font-family: ALS Hauss Book, sans-serif;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.tournament-items-list__item-image {
    border-radius: 8px;
    height: 220px;
    overflow: hidden;
    width: 380px
}

.tournament-items-list__item-image img {
    height: 220px;
    width: 380px
}

@media only screen and (max-width: 767px) {
    .tournament-items-list__item-image,
    .tournament-items-list__item-image img {
        height: 180px;
        width: 280px
    }
}

.tournament-items-list__item_cs2 .tournament-items-list__item-image {
    background: #00e1ff
}

.tournament-items-list__item_dota2 .tournament-items-list__item-image {
    background: #fa541c
}

.tournament-items-list__item-status {
    border-radius: 4px;
    color: #a7a7a7;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px
}

.tournament-items-list__item-status.tournament-items-list__item-status_colored_2 {
    background: #161616;
    color: #bebebe
}

.tournament-items-list__item-status.tournament-items-list__item-status_colored_3 {
    background: #871400;
    color: #ff9c6e
}

.tournament-items-list__item-status.tournament-items-list__item-status_colored_4 {
    background: #2900f2;
    color: #69c0ff
}

.tournament-items-list__item-status.tournament-items-list__item-status_colored_6 {
    background: #876800;
    color: #f1f1f1566
}

.tournament-items-list__item-status.tournament-items-list__item-status_colored_8 {
    background: #135200;
    color: #95de64
}

.tournament-items-list__item-status.tournament-items-list__item-status_colored_9 {
    background: #161616;
    color: #bebebe
}

.all-tournaments__scroll-hide {
    margin-right: -16px;
    overflow: hidden
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .all-tournaments__scroll-hide {
        margin-right: -5%
    }
}

@media only screen and (max-width: 767px) {
    .all-tournaments__scroll-hide {
        height: 410px;
        margin-right: -16px
    }
}

.tournament-info-line {
    background: #161616;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: space-between;
    margin: 16px 0;
    padding: 24px
}

.tournament-info-line .tournament-info-line_left-column {
    display: flex
}

.tournament-info-line .tournament-info-line_left-column .tournament-info-line__format {
    display: flex;
    margin-right: 32px
}

.tournament-info-line .tournament-info-line_left-column .tournament-info-line__format i {
    background: url(../img/icons/lightning-icon.svg);
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.tournament-info-line .tournament-info-line_left-column .tournament-info-line__entrance {
    display: flex
}

.tournament-info-line .tournament-info-line_left-column .tournament-info-line__entrance i {
    background: url(../img/icons/currency-icon.svg);
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.tournament-info-line .tournament-info-line_left-column .tournament-info-line__header {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 18px
}

.tournament-info-line .tournament-info-line_left-column .tournament-info-line__value {
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-info-line .tournament-info-line_left-column {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .tournament-info-line .tournament-info-line_left-column {
        display: none
    }
}

.tournament-info-line .tournament-info-line__places {
    display: flex
}

.tournament-info-line .tournament-info-line__places span {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 18px
}

.tournament-info-line .tournament-info-line__places .tournament-info-line__place {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 24px
}

.tournament-info-line .tournament-info-line__places .tournament-info-line__place_1 i {
    background: url(../img/icons/trophy-gold.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.tournament-info-line .tournament-info-line__places .tournament-info-line__place_1 .tournament-info-line__place-payout {
    color: #faad14
}

.tournament-info-line .tournament-info-line__places .tournament-info-line__place_2 i {
    background: url(../img/icons/trophy-silver.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.tournament-info-line .tournament-info-line__places .tournament-info-line__place_2 .tournament-info-line__place-payout {
    color: #bebebe
}

.tournament-info-line .tournament-info-line__places .tournament-info-line__place_3 i {
    background: url(../img/icons/trophy-bronze.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.tournament-info-line .tournament-info-line__places .tournament-info-line__place_3 .tournament-info-line__place-payout {
    color: #d46b08
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-info-line .tournament-info-line__places .tournament-info-line__place {
        flex-direction: column;
        margin-left: 0;
        margin-right: 16px
    }
}

@media only screen and (max-width: 767px) {
    .tournament-info-line .tournament-info-line__places .tournament-info-line__place {
        flex-direction: column;
        margin-left: 0;
        margin-right: 16px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-info-line .tournament-info-line__places {
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .tournament-info-line .tournament-info-line__places {
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-info-line {
        background: none;
        display: block;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .tournament-info-line {
        background: none;
        display: block;
        padding: 0
    }
}

.upcoming-matches {
    color: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 32px 0
}

@media only screen and (max-width: 767px) {
    .upcoming-matches {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .upcoming-matches {
        flex-direction: column;
        margin: 16px 0
    }
}

.upcoming-matches-container {
    margin-top: 32px
}

.upcoming-matches-header {
    margin-bottom: 32px
}

.upcoming-matches__match {
    background: #161616;
    border-radius: 8px;
    display: flex;
    flex-basis: 49%;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden
}

.upcoming-matches__match a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .upcoming-matches__match a {
        flex-direction: column
    }
}

.upcoming-matches__match.upcoming-matches__match_cs2 a {
    border-left: 4px solid #00e1ff
}

.upcoming-matches__match.upcoming-matches__match_dota2 a {
    border-left: 4px solid #fa541c
}

.upcoming-matches__match .upcoming-matches__round {
    border-left: 1px solid #3f3f3f;
    box-sizing: border-box;
    padding: 16px 18px;
    width: 72px
}

.upcoming-matches__match .upcoming-matches__round .upcoming-matches__round-header {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (max-width: 767px) {
    .upcoming-matches__match .upcoming-matches__round .upcoming-matches__round-header {
        margin-right: 4px
    }
}

.upcoming-matches__match .upcoming-matches__round .upcoming-matches__round-name {
    color: #f1f1f1;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .upcoming-matches__match .upcoming-matches__round {
        width: 94px
    }
}

@media only screen and (max-width: 767px) {
    .upcoming-matches__match .upcoming-matches__round {
        align-items: center;
        border-left: 0;
        border-top: 1px solid #3f3f3f;
        display: flex;
        justify-content: center;
        padding: 8px 0;
        text-align: center;
        width: 100%
    }
}

.upcoming-matches__match .upcoming-matches__wrapper {
    align-items: center;
    display: flex
}

.upcoming-matches__match .upcoming-matches__match-wrapper {
    display: flex;
    flex: 1;
    justify-content: center
}

.upcoming-matches__match .upcoming-matches__match-wrapper .upcoming-matches__match-team-wrapper {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 767px) {
    .upcoming-matches__match .upcoming-matches__match-wrapper {
        margin: 13px 0
    }
}

.upcoming-matches__match .upcoming-matches__match-team-left,
.upcoming-matches__match .upcoming-matches__match-team-right {
    width: 130px
}

.upcoming-matches__match .upcoming-matches__match-team-left .upcoming-matches__match-team-name,
.upcoming-matches__match .upcoming-matches__match-team-right .upcoming-matches__match-team-name {
    color: #f1f1f1;
    font-size: 14px;
    line-height: 18px
}

.upcoming-matches__match .upcoming-matches__match-team-left .upcoming-matches__match-team-points,
.upcoming-matches__match .upcoming-matches__match-team-right .upcoming-matches__match-team-points {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (max-width: 767px) {
    .upcoming-matches__match .upcoming-matches__match-team-left,
    .upcoming-matches__match .upcoming-matches__match-team-right {
        width: 90px
    }
}

.upcoming-matches__match .upcoming-matches__match-team-left {
    text-align: right
}

.upcoming-matches__match .upcoming-matches__match-team-right {
    text-align: left
}

.upcoming-matches__match .upcoming-matches__match-team-avatar {
    margin: 0 16px
}

.upcoming-matches__match .upcoming-matches__match-team-avatar img {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

@media only screen and (max-width: 767px) {
    .upcoming-matches__match .upcoming-matches__match-team-avatar {
        margin: 0 8px
    }
}

.upcoming-matches__match .upcoming-matches__match-score {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 18px;
    margin: 0 16px
}

@media only screen and (max-width: 767px) {
    .upcoming-matches__match .upcoming-matches__match-score {
        margin: 0 8px
    }

    .upcoming-matches__match {
        width: 100%
    }
}

.leaderboard-container {
    color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
    margin-top: 48px
}

@media only screen and (max-width: 767px) {
    .leaderboard-container {
        flex-direction: column
    }
}

.leaderboard {
    background: #161616;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px 16px 0;
    width: 580px
}

.leaderboard .leaderboard__items {
    margin-top: 16px
}

.leaderboard .leaderboard__item {
    align-items: center;
    border-top: 1px solid #3f3f3f;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: space-between;
    padding: 10px 0
}

.leaderboard .leaderboard__header {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.leaderboard .leaderboard__item-name-wrapper .leaderboard__item-name {
    font-size: 16px;
    line-height: 20px
}

.leaderboard .leaderboard__item-name-wrapper .leaderboard__item-nickname {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 15px
}

.leaderboard .leaderboard__item-place {
    align-items: center;
    border-radius: 25px;
    color: #f1f1f1;
    display: flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 15px;
    margin-right: 12px;
    width: 24px
}

.leaderboard .leaderboard__item-place.leaderboard__item-place_1 {
    background: #faad14;
    font-weight: 600
}

.leaderboard .leaderboard__item-place.leaderboard__item-place_2 {
    background: #a7a7a7;
    font-weight: 600
}

.leaderboard .leaderboard__item-place.leaderboard__item-place_3 {
    background: #d46b08;
    font-weight: 600
}

.leaderboard .leaderboard__item-left-column {
    align-items: center;
    display: flex
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .leaderboard {
        width: 49%
    }
}

@media only screen and (max-width: 767px) {
    .leaderboard {
        margin-bottom: 20px;
        width: auto
    }

    .leaderboard:last-child {
        margin-bottom: 0
    }
}

.leaderboard__item-avatar,
.map-stat__team-avatar {
    border: 3px solid transparent;
    border-radius: 50px;
    display: flex;
    margin-right: 12px
}

.leaderboard__item-avatar img,
.map-stat__team-avatar img {
    border-radius: 25px;
    display: flex;
    height: 40px;
    width: 40px
}

.leaderboard__item-avatar.leaderboard__item-avatar_1,
.map-stat__team-avatar.leaderboard__item-avatar_1 {
    border: 3px solid #faad14
}

.leaderboard__item-avatar.leaderboard__item-avatar_2,
.map-stat__team-avatar.leaderboard__item-avatar_2 {
    border: 3px solid #a7a7a7
}

.leaderboard__item-avatar.leaderboard__item-avatar_3,
.map-stat__team-avatar.leaderboard__item-avatar_3 {
    border: 3px solid #d46b08
}

.player-avatar__placeholder,
.team-avatar__placeholder {
    align-items: center;
    background: #3f3f3f;
    border-radius: 25px;
    color: #f1f1f1;
    display: flex;
    font-family: ReSquare, sans-serif;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    width: 40px
}

.player-avatar__placeholder.player-avatar__placeholder_colored1,
.player-avatar__placeholder.team-avatar__placeholder_colored1,
.team-avatar__placeholder.player-avatar__placeholder_colored1,
.team-avatar__placeholder.team-avatar__placeholder_colored1 {
    background: #67241e
}

.player-avatar__placeholder.player-avatar__placeholder_colored2,
.player-avatar__placeholder.team-avatar__placeholder_colored2,
.team-avatar__placeholder.player-avatar__placeholder_colored2,
.team-avatar__placeholder.team-avatar__placeholder_colored2 {
    background: #71711f
}

.player-avatar__placeholder.player-avatar__placeholder_colored3,
.player-avatar__placeholder.team-avatar__placeholder_colored3,
.team-avatar__placeholder.player-avatar__placeholder_colored3,
.team-avatar__placeholder.team-avatar__placeholder_colored3 {
    background: #386e1d
}

.player-avatar__placeholder.player-avatar__placeholder_colored4,
.player-avatar__placeholder.team-avatar__placeholder_colored4,
.team-avatar__placeholder.player-avatar__placeholder_colored4,
.team-avatar__placeholder.team-avatar__placeholder_colored4 {
    background: #1b5c52
}

.player-avatar__placeholder.player-avatar__placeholder_colored5,
.player-avatar__placeholder.team-avatar__placeholder_colored5,
.team-avatar__placeholder.player-avatar__placeholder_colored5,
.team-avatar__placeholder.team-avatar__placeholder_colored5 {
    background: #1e3e6e
}

.player-avatar__placeholder.player-avatar__placeholder_colored6,
.player-avatar__placeholder.team-avatar__placeholder_colored6,
.team-avatar__placeholder.player-avatar__placeholder_colored6,
.team-avatar__placeholder.team-avatar__placeholder_colored6 {
    background: #571c65
}

.player-avatar__placeholder.player-avatar__placeholder_colored7,
.player-avatar__placeholder.team-avatar__placeholder_colored7,
.team-avatar__placeholder.player-avatar__placeholder_colored7,
.team-avatar__placeholder.team-avatar__placeholder_colored7 {
    background: #681a39
}

.points-counter {
    align-items: center;
    display: flex;
    font-size: 9px;
    font-weight: 600;
    height: 42px;
    justify-content: center;
    line-height: 11px;
    width: 40px
}

.points-counter.points-counter_1 {
    background-image: url(../img/icons/rating_octagon_1.svg)
}

.points-counter.points-counter_2 {
    background-image: url(../img/icons/rating_octagon_2.svg)
}

.points-counter.points-counter_3 {
    background-image: url(../img/icons/rating_octagon_3.svg)
}

.points-counter.points-counter_4 {
    background-image: url(../img/icons/rating_octagon_4.svg)
}

.points-counter.points-counter_5 {
    background-image: url(../img/icons/rating_octagon_5.svg)
}

.tournament-contacts {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.tournament-contacts .tournament-contacts__rgt h3 {
    display: none
}

@media only screen and (max-width: 767px) {
    .tournament-contacts .tournament-contacts__rgt h3 {
        display: block;
        font-size: 40px;
        line-height: 30px
    }

    .tournament-contacts .tournament-contacts__rgt #map {
        margin-top: 24px
    }
}

.tournament-contacts .tournament-contacts__lft {
    width: 380px
}

.tournament-contacts .tournament-contacts__lft h3 {
    font-size: 48px;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .tournament-contacts .tournament-contacts__lft h3 {
        display: none
    }
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities {
    font-family: ALS Hauss Book, sans-serif;
    height: 560px;
    overflow: auto
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities::-webkit-scrollbar {
    width: 16px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities::-webkit-scrollbar-track {
    background-clip: content-box;
    background-color: #161616;
    border: 5px solid transparent;
    border-radius: 8px;
    width: 5px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #3f3f3f;
    border: 5px solid transparent;
    border-radius: 8px;
    width: 5px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality .tournament-contacts__locality-name {
    border-bottom: 1px solid #161616;
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
    padding-bottom: 13px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality .tournament-contacts__locality-branches .tournament-contacts__locality-branch {
    border-bottom: 1px solid #161616;
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
    padding-bottom: 13px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality .tournament-contacts__locality-branches .tournament-contacts__locality-branch i {
    background-image: url(../img/icons/location-map-icon.svg);
    height: 24px;
    width: 24px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality .tournament-contacts__locality-branches .tournament-contacts__locality-branch .tournament-contacts__name-address-wrapper {
    margin-left: 12px;
    width: 344px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality .tournament-contacts__locality-branches .tournament-contacts__locality-branch .tournament-contacts__name-address-wrapper .tournament-contacts__locality-branch-name {
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality .tournament-contacts__locality-branches .tournament-contacts__locality-branch .tournament-contacts__name-address-wrapper .tournament-contacts__locality-branch-address {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 20px;
    margin-top: 4px
}

@media only screen and (max-width: 767px) {
    .tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality .tournament-contacts__locality-branches .tournament-contacts__locality-branch .tournament-contacts__name-address-wrapper {
        width: 90%
    }

    .tournament-contacts .tournament-contacts__lft .tournament-contacts__localities .tournament-contacts__locality {
        margin-top: 12px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-contacts .tournament-contacts__lft .tournament-contacts__localities {
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .tournament-contacts .tournament-contacts__lft .tournament-contacts__localities {
        height: auto
    }

    .tournament-contacts .tournament-contacts__lft {
        margin-top: 24px;
        width: auto
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-contacts {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .tournament-contacts {
        flex-direction: column-reverse;
        margin-top: 0
    }
}

.tournament-info {
    display: flex;
    margin-top: 40px
}

.tournament-info ol li {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.tournament-info h2 {
    font-size: 32px;
    line-height: 24px;
    margin-top: 48px
}

.tournament-info p {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.tournament-info a {
    color: #00e1ff;
    font-size: 18px;
    line-height: 24px
}

.tournament-info .tournament-info__registration-btn {
    align-items: center;
    display: flex;
    margin-top: 24px
}

.tournament-info .tournament-info__registration-btn .outline-button {
    border: 1px solid #f1f1f1;
    color: #f1f1f1;
    display: inline-block
}

.tournament-info .tournament-info__registration-btn .outline-button:hover {
    border-color: #00e1ff;
    color: #00e1ff
}

@media only screen and (max-width: 767px) {
    .tournament-info {
        margin-top: 24px
    }
}

.tournament-tabs {
    margin-top: 16px;
    padding-bottom: 40px
}

.tournament-tabs .tabs-container {
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .tournament-tabs {
        padding-bottom: 20px
    }
}

.tournament-card__timer-information {
    margin-left: 16px
}

.tournament-card__timer-information .tournament-card__timer-information-title {
    color: #bdbdbd;
    font-family: ALS Hauss Book, sans-serif
}

.tournament-card__timer-information .tournament-card__timer-information-counter {
    color: #f1f1f1;
    font-family: ALS Hauss, sans-serif
}

.tournament-teams {
    border-collapse: collapse;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    margin-top: 16px;
    width: 1180px
}

.tournament-teams .team-players,
.tournament-teams .team-players .team-players__player {
    display: flex
}

.tournament-teams .team-players .team-players__player img {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.tournament-teams .team-players .player-avatar__placeholder {
    height: 32px;
    width: 32px
}

.tournament-teams thead tr {
    border-bottom: 1px solid #161616
}

.tournament-teams thead tr td {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 18px;
    padding: 18px 8px
}

.tournament-teams tbody tr {
    border-bottom: 1px solid #161616
}

.tournament-teams tbody tr td {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 8px
}

.tournament-teams .tournament-teams__tournament-avatar {
    width: 48px
}

.tournament-teams .tournament-teams__tournament-avatar img {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.tournament-teams .tournament-teams__tournament-avatar .team-avatar__placeholder {
    height: 32px;
    width: 32px
}

@media only screen and (max-width: 767px) {
    .tournament-teams .tournament-teams__tournament-avatar {
        width: 1%
    }
}

.tournament-teams .tournament-teams__tournament-name {
    cursor: pointer;
    width: 564px
}

@media only screen and (max-width: 767px) {
    .tournament-teams .tournament-teams__tournament-name {
        width: 12%
    }
}

.tournament-teams .tournament-teams__tournament-city {
    width: 160px
}

@media only screen and (max-width: 767px) {
    .tournament-teams .tournament-teams__tournament-city {
        width: 13%
    }
}

.tournament-teams .tournament-teams__check-status {
    width: 200px
}

@media only screen and (max-width: 767px) {
    .tournament-teams .tournament-teams__check-status {
        width: 13%
    }
}

.tournament-teams .tournament-teams__tournament-club {
    width: 160px
}

@media only screen and (max-width: 767px) {
    .tournament-teams .tournament-teams__tournament-club {
        width: 13%
    }
}

.tournament-teams .tournament-teams__tournament-team {
    cursor: pointer;
    width: 192px
}

@media only screen and (max-width: 767px) {
    .tournament-teams .tournament-teams__tournament-team {
        width: 15%
    }
}

.tournament-teams .tournament-teams__tournament-pts {
    width: 56px
}

@media only screen and (max-width: 767px) {
    .tournament-teams .tournament-teams__tournament-pts {
        width: 5%
    }
}

.tournament-teams .tournament-teams__check-in-status_completed {
    color: #389e0d;
    font-size: 14px;
    line-height: 18px
}

.tournament-teams .tournament-teams__check-in-status_incomplete {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 18px
}

.tournament-teams .tournament-teams__check-in-status_disqualified {
    color: #cf1322;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (max-width: 767px) {
    .tournament-teams {
        width: 880px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-teams_wrapper {
        margin-right: -5%;
        overflow: auto
    }

    .tournament-teams_wrapper::-webkit-scrollbar {
        width: 5px
    }

    .tournament-teams_wrapper::-webkit-scrollbar-track {
        background-clip: content-box;
        background-color: #161616;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }

    .tournament-teams_wrapper::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #3f3f3f;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }
}

@media only screen and (max-width: 767px) {
    .tournament-teams_wrapper {
        margin-right: -5%;
        overflow: auto
    }

    .tournament-teams_wrapper::-webkit-scrollbar {
        width: 5px
    }

    .tournament-teams_wrapper::-webkit-scrollbar-track {
        background-clip: content-box;
        background-color: #161616;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }

    .tournament-teams_wrapper::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #3f3f3f;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }
}

.tournament-matches {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    width: 1180px
}

.tournament-matches .tournament-matches-header {
    border-bottom: 1px solid #161616;
    color: #8d8d8d;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    padding: 16px 0
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches-header {
        display: none
    }
}

.tournament-matches .tournament-matches__round .tournament-matches__round-header {
    border-bottom: 1px solid #161616;
    font-family: ReSquare, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    padding: 31px 0 15px
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round .tournament-matches__round-header {
        padding: 16px 0 15px
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper {
    border-bottom: 1px solid #161616
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper a {
    align-items: center;
    color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    text-decoration: none
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper a:hover {
    background: #161616
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper a {
        flex-direction: column;
        padding: 0;
        width: 100%
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match-date {
    color: #a7a7a7;
    width: 160px
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match-date {
        display: none
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match-status {
    text-align: right;
    width: 160px
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-score {
    display: flex;
    justify-content: center;
    margin: 0 16px;
    width: 100px
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-score .tournament-matches__separate {
    margin: 0 16px
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-score .tournament-matches__separate {
        margin: 0 4px
    }

    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-score {
        margin: 0 8px;
        width: 40px
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-left {
    align-items: center;
    display: flex;
    justify-content: end;
    width: 250px
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-left {
        flex-direction: row-reverse;
        justify-content: left;
        width: 40%
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-right {
    align-items: center;
    display: flex;
    justify-content: left;
    width: 250px
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-right {
        flex-direction: row-reverse;
        justify-content: right;
        width: 40%
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-score {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-score {
        display: none
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-name-left {
    font-size: 16px;
    line-height: 20px;
    margin: 0 8px 0 16px;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-name-left {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 14px;
        line-height: 18px;
        margin: 0 8px 0 0;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
        white-space: normal;
        width: 95px
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-name-right {
    font-size: 16px;
    line-height: 20px;
    margin: 0 16px 0 8px;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-name-right {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        width: 95px
    }
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-avatar {
    display: flex
}

.tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-avatar img {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

@media only screen and (max-width: 767px) {
    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match .tournament-matches__match-team-avatar img {
        height: 32px;
        width: 32px
    }

    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper .tournament-matches__match {
        padding-bottom: 8px;
        width: 100%
    }

    .tournament-matches .tournament-matches__round-body .tournament-matches__match-wrapper {
        align-items: baseline;
        background: #161616;
        border-bottom: none;
        border-radius: 8px;
        box-sizing: border-box;
        flex-direction: column;
        margin-bottom: 8px;
        padding: 8px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-matches {
        margin-right: 24px
    }
}

@media only screen and (max-width: 767px) {
    .tournament-matches {
        width: auto
    }
}

.tournament-matches__match-status_green {
    align-items: center;
    color: #389e0d;
    display: flex;
    justify-content: flex-end
}

.tournament-matches__match-status_green:before {
    background: #389e0d;
    border-radius: 25px;
    content: "";
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.tournament-matches__match-status_red {
    align-items: center;
    color: #cf1322;
    display: flex;
    justify-content: flex-end
}

.tournament-matches__match-status_red:before {
    background: #cf1322;
    border-radius: 25px;
    content: "";
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.tournament-matches__match-mobile .tournament-matches__match-date-mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .tournament-matches__match-mobile .tournament-matches__match-date-mobile {
        display: block
    }

    .tournament-matches__match-mobile {
        align-items: center;
        border-top: 1px solid #3f3f3f;
        display: flex;
        justify-content: space-between;
        padding-top: 8px;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-matches__wrapper {
        margin-right: -5%;
        overflow: auto
    }

    .tournament-matches__wrapper::-webkit-scrollbar {
        width: 5px
    }

    .tournament-matches__wrapper::-webkit-scrollbar-track {
        background-clip: content-box;
        background-color: #161616;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }

    .tournament-matches__wrapper::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #3f3f3f;
        border: 5px solid transparent;
        border-radius: 8px;
        width: 5px
    }
}

.empty-tournament-matches,
.empty-tournament-teams,
.tournaments-list-empty {
    align-items: center;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: center;
    padding: 80px 0
}

.empty-tournament-matches .empty-tournaments-list__icon,
.empty-tournament-teams .empty-tournaments-list__icon,
.tournaments-list-empty .empty-tournaments-list__icon {
    display: flex
}

.empty-tournament-matches .empty-tournaments-list__icon i,
.empty-tournament-teams .empty-tournaments-list__icon i,
.tournaments-list-empty .empty-tournaments-list__icon i {
    background-image: url(../img/icons/empty-search.svg);
    height: 80px;
    width: 80px
}

.empty-tournament-matches .empty-tournament-matches__icon,
.empty-tournament-matches .empty-tournament-teams__icon,
.empty-tournament-teams .empty-tournament-matches__icon,
.empty-tournament-teams .empty-tournament-teams__icon,
.tournaments-list-empty .empty-tournament-matches__icon,
.tournaments-list-empty .empty-tournament-teams__icon {
    display: flex
}

.empty-tournament-matches .empty-tournament-matches__icon i,
.empty-tournament-matches .empty-tournament-teams__icon i,
.empty-tournament-teams .empty-tournament-matches__icon i,
.empty-tournament-teams .empty-tournament-teams__icon i,
.tournaments-list-empty .empty-tournament-matches__icon i,
.tournaments-list-empty .empty-tournament-teams__icon i {
    background-image: url(../img/icons/riffler.svg);
    height: 80px;
    width: 80px
}

.empty-tournament-matches .empty-tournament-matches__header,
.empty-tournament-matches .empty-tournament-teams__header,
.empty-tournament-matches .empty-tournaments-list__header,
.empty-tournament-teams .empty-tournament-matches__header,
.empty-tournament-teams .empty-tournament-teams__header,
.empty-tournament-teams .empty-tournaments-list__header,
.tournaments-list-empty .empty-tournament-matches__header,
.tournaments-list-empty .empty-tournament-teams__header,
.tournaments-list-empty .empty-tournaments-list__header {
    color: #f1f1f1;
    font-size: 32px;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .empty-tournament-matches .empty-tournament-matches__header,
    .empty-tournament-matches .empty-tournament-teams__header,
    .empty-tournament-matches .empty-tournaments-list__header,
    .empty-tournament-teams .empty-tournament-matches__header,
    .empty-tournament-teams .empty-tournament-teams__header,
    .empty-tournament-teams .empty-tournaments-list__header,
    .tournaments-list-empty .empty-tournament-matches__header,
    .tournaments-list-empty .empty-tournament-teams__header,
    .tournaments-list-empty .empty-tournaments-list__header {
        font-size: 20px;
        line-height: 26px
    }
}

.empty-tournament-matches .empty-tournament-list__description,
.empty-tournament-matches .empty-tournament-matches__description,
.empty-tournament-matches .empty-tournament-teams__description,
.empty-tournament-teams .empty-tournament-list__description,
.empty-tournament-teams .empty-tournament-matches__description,
.empty-tournament-teams .empty-tournament-teams__description,
.tournaments-list-empty .empty-tournament-list__description,
.tournaments-list-empty .empty-tournament-matches__description,
.tournaments-list-empty .empty-tournament-teams__description {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px
}

.empty-tournament-matches .empty-tournament-matches__empty-wrapper,
.empty-tournament-teams .empty-tournament-matches__empty-wrapper,
.tournaments-list-empty .empty-tournament-matches__empty-wrapper {
    margin-left: 32px;
    width: 492px
}

@media only screen and (max-width: 767px) {
    .empty-tournament-matches .empty-tournament-matches__empty-wrapper,
    .empty-tournament-teams .empty-tournament-matches__empty-wrapper,
    .tournaments-list-empty .empty-tournament-matches__empty-wrapper {
        margin-left: 0;
        margin-top: 24px;
        width: auto
    }

    .empty-tournament-matches,
    .empty-tournament-teams,
    .tournaments-list-empty {
        align-items: baseline;
        flex-direction: column;
        padding: 24px 0
    }
}

.match-wrapper {
    background: #161616;
    border-radius: 10px;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    margin-top: 32px
}

.match-wrapper .match-score {
    display: flex;
    justify-content: center;
    padding: 32px 0
}

.match-wrapper .match-score .match-score__team {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 767px) {
    .match-wrapper .match-score .match-score__team {
        flex-direction: column;
        width: 120px
    }
}

.match-wrapper .match-score .match-score__score {
    align-items: center;
    display: flex;
    font-family: ReSquare, sans-serif;
    margin: 0 32px
}

.match-wrapper .match-score .match-score__score .match-score__score-item {
    font-size: 48px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .match-wrapper .match-score .match-score__score .match-score__score-item {
        font-size: 24px;
        line-height: 18px
    }
}

.match-wrapper .match-score .match-score__score .match-score__score-item_delimeter {
    margin: 0 16px
}

@media only screen and (max-width: 767px) {
    .match-wrapper .match-score .match-score__score {
        margin: 0 8px
    }
}

.match-wrapper .match-score .match-score__team-avatar img {
    border-radius: 50%;
    height: 72px;
    width: 72px
}

.match-wrapper .match-score .match-score__team-avatar .team-avatar__placeholder {
    border-radius: 50%;
    font-size: 32px;
    height: 72px;
    width: 72px
}

.match-wrapper .match-score .match-score__team-name {
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.match-wrapper .match-score .match-score__team-name a {
    color: #f1f1f1
}

@media only screen and (max-width: 767px) {
    .match-wrapper .match-score .match-score__team-name {
        font-size: 14px;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 108px
    }
}

.match-wrapper .match-score .match-score__team-points {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px
}

.match-wrapper .match-score .match-score__team-wrapper {
    margin: 0 16px
}

@media only screen and (max-width: 767px) {
    .match-wrapper .match-score .match-score__team-wrapper {
        margin: 8px 0;
        text-align: center
    }
}

.match-wrapper .match-info {
    border-top: 1px solid #2b2b2b;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px
}

@media only screen and (max-width: 767px) {
    .match-wrapper .match-info {
        padding: 12px 16px
    }
}

.match-wrapper .match-date.match-date_mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .match-wrapper .match-date.match-date_mobile {
        border-bottom: 1px solid #2b2b2b;
        display: block;
        padding: 12px 18px
    }
}

.match-team-players-wrapper {
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: space-between;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .match-team-players-wrapper {
        flex-direction: column
    }
}

.match-team-players {
    width: 380px
}

.match-team-players .match-team-players__player {
    border-bottom: 1px solid #161616;
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.match-team-players .match-team-players__player:last-child {
    border-bottom: none
}

.match-team-players .match-team-players__player .match-team-players__player-avatar {
    display: flex;
    margin-right: 12px
}

.match-team-players .match-team-players__player .match-team-players__player-avatar img {
    border-radius: 50px;
    height: 40px;
    width: 40px
}

.match-team-players .match-team-players__player .match-team-players__player-name {
    color: #f1f1f1;
    font-size: 16px;
    line-height: 20px
}

.match-team-players .match-team-players__player .match-team-players__player-nickname {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .match-team-players {
        width: 32%
    }
}

@media only screen and (max-width: 767px) {
    .match-team-players {
        margin: 16px 0;
        width: auto
    }
}

.match-team-players__wrapper {
    display: flex
}

.match-server {
    border: 1px solid #161616;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px;
    width: 380px
}

.match-server .match-server__item.match-server__info-item {
    border-bottom: 1px solid #161616;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.match-server .match-server__item.match-server__info-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.match-server .match-server__item .match-server__connect-btn {
    display: flex;
    justify-content: center;
    margin: 0
}

.match-server .match-server__item .match-server__copy-btn {
    border: 1px solid #f1f1f1;
    color: #f1f1f1;
    margin-top: 16px;
    width: 100%
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .match-server {
        width: 32%
    }
}

@media only screen and (max-width: 767px) {
    .match-server {
        width: auto
    }
}

.match-info__date-wrapper {
    display: flex
}

.match-info__date-wrapper .match-info__date {
    font-size: 16px;
    line-height: 20px
}

.match-info__date-wrapper .match-info__round {
    color: #bdbdbd;
    font-size: 16px;
    line-height: 20px;
    margin-left: 16px
}

@media only screen and (max-width: 767px) {
    .match-info__date-wrapper .match-info__round {
        margin-left: 0
    }

    .match-info__date_desktop {
        display: none
    }
}

.match-info__status-name {
    align-items: center;
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.match-info__status-name.match-info__status-name_red {
    color: #ff4d4f
}

.match-info__status-name.match-info__status-name_red:before {
    background: #cf1322;
    border-radius: 25px;
    content: "";
    height: 12px;
    margin-right: 8px;
    width: 12px
}

.match-info__status-name.match-info__status-name_green {
    color: #389e0d
}

.match-info__status-name.match-info__status-name_green:before {
    background: #389e0d;
    border-radius: 25px;
    content: "";
    height: 12px;
    margin-right: 8px;
    width: 12px
}

.matches-wrapper h1 {
    margin-top: 8px
}

.match-score__team_right-column .match-score__team-points {
    text-align: right
}

@media only screen and (max-width: 767px) {
    .match-score__team_right-column .match-score__team-points {
        text-align: center
    }

    .match-score__team_right-column {
        flex-direction: column-reverse !important
    }
}

.map-stat-wrapper {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    padding-top: 40px
}

.map-stat-wrapper .map-stat {
    margin-top: 32px
}

.map-stat-wrapper .map-stat__items {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px
}

.map-stat-wrapper .map-stat__items .map-stat__item {
    border-radius: 8px;
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
    position: relative
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 12px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-wrapper .map-stat__item__scores {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-image {
    display: flex;
    justify-content: center
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-image img {
    filter: brightness(24%)
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-image img {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-image img {
        width: 100%
    }
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-map-name {
    font-family: ALS Hauss, sans-serif
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-wrapper-name-demo {
    align-items: center;
    bottom: 12px;
    display: flex;
    justify-content: space-between;
    left: 12px;
    position: absolute;
    right: 12px
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-wrapper-name-demo a {
    align-items: center;
    color: #a7a7a7;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none
}

.map-stat-wrapper .map-stat__items .map-stat__item .map-stat__item-wrapper-name-demo a i {
    background-image: url(../img/icons/download.svg);
    height: 16px;
    width: 16px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .map-stat-wrapper .map-stat__items .map-stat__item {
        width: 47%
    }
}

@media only screen and (max-width: 767px) {
    .map-stat-wrapper .map-stat__items .map-stat__item {
        margin-right: 0;
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .map-stat-wrapper .map-stat__items {
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .map-stat-wrapper .map-stat__items {
        margin-right: 0
    }
}

.map-stat-wrapper .map-stat__item-teams {
    display: flex
}

.map-stat-wrapper .map-stat__item-teams .map-stat__item-team-avatar img {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.map-stat-wrapper .map-stat__item-teams .map-stat__item-team-avatar .team-avatar__placeholder {
    height: 32px;
    width: 32px
}

.map-stat-wrapper .map-stat__item-teams .map-stat__item-team-avatar:last-child {
    left: -5px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .map-stat-wrapper {
        padding-top: 32px
    }

    .match-team-players-wrapper_desktop .match-team-players {
        display: none
    }
}

.match-team-players-wrapper_mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .match-team-players-wrapper_mobile {
        display: block
    }
}

.map-stat-tabs {
    margin-top: 20px
}

.map-stat-tabs .map-stat__team {
    background: #161616;
    border-radius: 8px;
    justify-content: space-between;
    margin-top: 16px;
    padding: 12px 16px
}

.map-stat-tabs .map-stat__team,
.map-stat-tabs .map-stat__team-avatar-info-wrapper {
    align-items: center;
    display: flex
}

.map-stat-tabs .map-stat__team-result {
    color: #bdbdbd;
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.map-stat-tabs .map-stat__team-result.map-stat__team-result_loss {
    color: #ff4d4f
}

.map-stat-tabs .map-stat__team-result.map-stat__team-result_win {
    color: #52c41a
}

.map-stat-tabs .map-stat__players-stats {
    border-collapse: collapse;
    margin-top: 8px
}

.map-stat-tabs .map-stat__players-stats thead {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 18px
}

.map-stat-tabs .map-stat__players-stats thead tr {
    border-bottom: 1px solid #161616
}

.map-stat-tabs .map-stat__players-stats thead tr td {
    padding: 10px 28px 12px 0
}

.map-stat-tabs .map-stat__players-stats tbody tr {
    border-bottom: 1px solid #161616
}

.map-stat-tabs .map-stat__players-stats tbody tr td {
    padding: 10px 28px 12px 0
}

.hidden-scroll-block_hidden {
    display: none
}

.tournament-items-filter {
    background: #161616;
    border-radius: 16px;
    color: #f1f1f1;
    display: flex;
    margin-bottom: 38px;
    margin-top: 22px;
    padding: 24px
}

.tournament-items-filter .el-popup-close {
    display: none
}

.tournament-items-filter .tournament-items-filter__group {
    margin-right: 40px
}

@media only screen and (max-width: 767px) {
    .tournament-items-filter .tournament-items-filter__group {
        margin-bottom: 24px;
        margin-right: 0
    }
}

.tournament-items-filter .tournament-items-filter__header {
    font-family: ALS Hauss, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

.tournament-items-filter .tournament-items-filter__body {
    align-items: center;
    display: flex;
    font-family: ALS Hauss Book, sans-serif
}

.tournament-items-filter .tournament-items-filter__body i {
    background-image: url(../img/icons/tournament-federal-icon.svg);
    height: 24px;
    margin-left: 8px;
    width: 24px
}

.tournament-items-filter .tournament-items-filter__body span {
    margin-left: 8px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-items-filter {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 767px) {
    .tournament-items-filter {
        bottom: 0;
        display: none;
        flex-direction: column;
        left: 0;
        margin-bottom: 0;
        position: fixed;
        right: 0;
        z-index: 999
    }
}

.all-tournament-items-list {
    grid-column-gap: 20px;
    grid-row-gap: 48px;
    display: grid;
    grid-template-columns: 380px auto 40%;
    padding-bottom: 60px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .all-tournament-items-list {
        grid-column-gap: 16px;
        grid-row-gap: 24px;
        grid-template-columns: 32% 32% 32%;
        padding-bottom: 40px
    }

    .all-tournament-items-list .tournament-items-list__item {
        margin-left: 0;
        width: 100%
    }

    .all-tournament-items-list .tournament-items-list__item img {
        height: 180px;
        width: 280px
    }

    .all-tournament-items-list .tournament-items-list__item-image {
        display: flex;
        height: auto;
        justify-content: center;
        overflow: hidden;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .all-tournament-items-list {
        grid-template-columns: 100%;
        margin-top: 24px
    }

    .all-tournament-items-list .tournament-items-list__item {
        margin-left: 0;
        width: 100%
    }

    .all-tournament-items-list .tournament-items-list__item-image {
        display: flex;
        height: auto;
        justify-content: center;
        width: 100%
    }
}

.tournament-results {
    background-image: url(../img/pedestal.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 338px;
    margin: 0 auto;
    padding: 80px 0 40px;
    width: 777px
}

.tournament-results .tournament-results__wrap-results {
    color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    left: 124px;
    position: relative;
    width: 570px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-results .tournament-results__wrap-results {
        left: 0;
        width: 691px
    }
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__wrap-results {
        left: 0;
        width: auto
    }
}

.tournament-results .tournament-results__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 240px
}

.tournament-results .tournament-results__item .tournament-results__team-name {
    font-family: ALS Hauss, sans-serif;
    font-size: 20px;
    line-height: 26px
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item .tournament-results__team-name {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 4px
    }
}

.tournament-results .tournament-results__item .tournament-results__payout-amount {
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item {
        width: 32%
    }
}

.tournament-results .team-avatar__placeholder {
    border-radius: 55px;
    height: 96px;
    width: 96px
}

.tournament-results .tournament-results__team-avatar {
    display: flex;
    position: relative;
    width: 104px
}

.tournament-results .tournament-results__team-avatar .team-avatar {
    border-radius: 60px;
    display: flex
}

.tournament-results .tournament-results__team-avatar .team-avatar img {
    border-radius: 50px;
    height: 96px;
    width: 96px
}

.tournament-results .tournament-results__team-avatar .team-avatar .team-avatar__placeholder {
    font-size: 40px
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__team-avatar .team-avatar .team-avatar__placeholder {
        font-size: 24px
    }
}

.tournament-results .tournament-results__team-avatar .tournament-results__team-place {
    align-items: center;
    border-radius: 25px;
    display: flex;
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    line-height: 24px;
    position: absolute;
    right: 0;
    width: 32px
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__team-avatar .tournament-results__team-place {
        font-size: 14px;
        height: 24px;
        line-height: 18px;
        width: 24px
    }
}

.tournament-results .tournament-results__item_first {
    bottom: 62px;
    position: relative;
    right: 20px
}

.tournament-results .tournament-results__item_first .team-avatar {
    border: 4px solid #faad14
}

.tournament-results .tournament-results__item_first .tournament-results__team-place {
    background: #faad14
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item_first .tournament-results__team-place {
        bottom: -9px;
        left: 40px
    }
}

.tournament-results .tournament-results__item_first .tournament-results__payout-amount {
    color: #faad14
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-results .tournament-results__item_first {
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item_first {
        bottom: 0;
        right: 0
    }
}

.tournament-results .tournament-results__item_second {
    right: 90px;
    top: 18px
}

.tournament-results .tournament-results__item_second .team-avatar {
    border: 4px solid #a7a7a7
}

.tournament-results .tournament-results__item_second .tournament-results__team-place {
    background: #a7a7a7
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item_second .tournament-results__team-place {
        bottom: -9px;
        left: 25px
    }

    .tournament-results .tournament-results__item_second .team-avatar__placeholder {
        height: 56px;
        width: 56px
    }
}

.tournament-results .tournament-results__item_second .tournament-results__payout-amount {
    color: #a7a7a7
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item_second {
        align-self: flex-end;
        right: 0;
        top: 0
    }

    .tournament-results .tournament-results__item_second .tournament-results__team-avatar {
        width: 64px
    }

    .tournament-results .tournament-results__item_second .team-avatar,
    .tournament-results .tournament-results__item_second .team-avatar img,
    .tournament-results .tournament-results__item_second .team-avatar__placeholder {
        height: 64px;
        width: 64px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-results .tournament-results__item_second {
        height: 56px;
        right: 16px
    }
}

.tournament-results .tournament-results__item_third {
    left: 40px;
    position: relative;
    top: 82px
}

.tournament-results .tournament-results__item_third .team-avatar {
    border: 4px solid #d46b08
}

.tournament-results .tournament-results__item_third .tournament-results__team-place {
    background: #d46b08
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item_third .tournament-results__team-place {
        bottom: -9px;
        left: 25px
    }
}

.tournament-results .tournament-results__item_third .tournament-results__payout-amount {
    color: #d46b08
}

@media only screen and (max-width: 767px) {
    .tournament-results .tournament-results__item_third .team-avatar img {
        height: 64px;
        width: 64px
    }

    .tournament-results .tournament-results__item_third {
        align-self: flex-end;
        left: 0;
        top: 0
    }

    .tournament-results .tournament-results__item_third .tournament-results__team-avatar {
        width: 64px
    }

    .tournament-results .tournament-results__item_third .team-avatar__placeholder {
        height: 64px;
        width: 64px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-results .tournament-results__item_third {
        left: 16px
    }

    .tournament-results {
        width: 691px
    }
}

@media only screen and (max-width: 767px) {
    .tournament-results {
        background: none;
        height: auto;
        padding: 24px 0;
        width: auto
    }
}

.tournament-results__team-wrapper-second {
    position: relative;
    top: 45px
}

@media only screen and (max-width: 767px) {
    .tournament-results__team-wrapper-second {
        margin-top: 16px;
        top: 0
    }
}

.tournament-results__team-wrapper-first {
    position: relative;
    top: 45px
}

@media only screen and (max-width: 767px) {
    .tournament-results__team-wrapper-first {
        margin-top: 16px;
        top: 0
    }
}

.tournament-results__team-wrapper-third {
    position: relative;
    top: 45px
}

@media only screen and (max-width: 767px) {
    .tournament-results__team-wrapper-third {
        margin-top: 16px;
        top: 0
    }
}

.switch-wrapper {
    position: relative;
    top: 11px
}

@media only screen and (max-width: 767px) {
    .switch-wrapper {
        top: 0
    }
}

.filter-button {
    display: none
}

@media only screen and (max-width: 767px) {
    .filter-button {
        display: block
    }

    .filter-button .blue-button-main {
        width: 100%
    }
}

.team-avatar {
    border-radius: 50%;
    display: flex
}

.team-avatar img {
    border-radius: 50px
}

.player-avatar {
    border-radius: 50%;
    display: flex
}

.player-avatar img {
    border-radius: 50px
}

.open-mobile-filters {
    display: none;
    margin-top: 24px;
    text-align: center;
    width: 100%
}

.open-mobile-filters i {
    background-image: url(../img/icons/filter.svg);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.open-mobile-filters:hover {
    border-color: #8c8c8c;
    color: #8c8c8c
}

@media only screen and (max-width: 767px) {
    .open-mobile-filters {
        display: flex;
        justify-content: center
    }
}

.tournament-items-filter-wrapper-column {
    display: flex
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-items-filter-wrapper-column {
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .tournament-items-filter-wrapper-column {
        flex-direction: column
    }
}

.player-column {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px
}

@media only screen and (max-width: 767px) {
    .player-column {
        box-sizing: inherit;
        width: 110px
    }
}

.title-places {
    font-size: 48px;
    line-height: 42px;
    padding-top: 40px
}

.empty-tournament-bracket {
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    margin: 80px auto;
    width: 604px
}

.empty-tournament-bracket .empty-tournament-bracket__icon {
    display: flex;
    margin-right: 32px
}

.empty-tournament-bracket .empty-tournament-bracket__icon i {
    background-image: url(../img/icons/smartphone-icon.svg);
    height: 80px;
    width: 80px
}

@media only screen and (max-width: 767px) {
    .empty-tournament-bracket .empty-tournament-bracket__icon {
        margin-bottom: 24px
    }
}

.empty-tournament-bracket .empty-tournament-bracket__header {
    color: #f1f1f1;
    font-size: 32px;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .empty-tournament-bracket .empty-tournament-bracket__header {
        font-size: 20px;
        line-height: 26px
    }
}

.empty-tournament-bracket .empty-tournament-bracket__description {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .empty-tournament-bracket .empty-tournament-bracket__description {
        font-size: 16px;
        line-height: 24px
    }

    .empty-tournament-bracket {
        flex-direction: column;
        margin: 40px auto;
        width: auto
    }
}

.tournament-team__title {
    margin-bottom: 24px
}

.tournament-team {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif
}

.tournament-team .tournament-team__main-block {
    display: flex;
    justify-content: space-between;
    margin: 16px 0
}

.tournament-team .tournament-team__main-block .tournament-team__left-block {
    background: #161616;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 400px;
    justify-content: space-between;
    padding: 24px;
    width: 380px
}

.tournament-team .tournament-team__main-block .tournament-team__left-block .tournament-team__wrapper {
    display: flex;
    justify-content: space-between
}

.tournament-team .tournament-team__main-block .tournament-team__left-block .tournament-team__wrapper .team-tooltip__cups {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .tournament-team .tournament-team__main-block .tournament-team__left-block .tournament-team__wrapper {
        margin-bottom: 24px
    }
}

.tournament-team .tournament-team__main-block .tournament-team__left-block .tournament-team__avatar {
    height: 80px;
    width: 80px
}

.tournament-team .tournament-team__main-block .tournament-team__left-block .tournament-team__avatar .team-avatar__placeholder {
    border-radius: 50px;
    font-size: 24px;
    height: 80px;
    width: 80px
}

.tournament-team .tournament-team__main-block .tournament-team__left-block .tournament-team__avatar img {
    border-radius: 50px;
    height: 80px;
    width: 80px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team .tournament-team__main-block .tournament-team__left-block {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .tournament-team .tournament-team__main-block .tournament-team__left-block {
        height: auto;
        padding: 16px;
        width: 100%
    }
}

.tournament-team .tournament-team__main-block .tournament-team__right-block {
    background: #161616;
    border-radius: 16px;
    height: 400px;
    overflow: hidden;
    width: 780px
}

.tournament-team .tournament-team__main-block .tournament-team__right-block img {
    width: 100%
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team .tournament-team__main-block .tournament-team__right-block {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .tournament-team .tournament-team__main-block .tournament-team__right-block {
        display: none
    }
}

.tournament-team__social {
    display: flex;
    margin-top: 24px
}

.tournament-team__social .tournament-team__social-item {
    background-image: url(../img/icons/social-team.svg);
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.tournament-team__social .tournament-team__social-item:last-child {
    margin-right: 0
}

.tournament-team__social .tournament-team__social-item.tournament-team__social-item-vk {
    background-position: -40px 0
}

.tournament-team__social .tournament-team__social-item.tournament-team__social-item-discord {
    background-position: -80px 0
}

.tournament-team__stat {
    font-size: 12px;
    line-height: 18px
}

.tournament-team__stat .tournament-team__stat-win {
    align-items: center;
    display: flex
}

.tournament-team__stat .tournament-team__stat-win i {
    background: #73d13d;
    border-radius: 25px;
    height: 8px;
    margin-right: 8px;
    width: 8px
}

.tournament-team__stat .tournament-team__stat-lose {
    align-items: center;
    display: flex
}

.tournament-team__stat .tournament-team__stat-lose i {
    background: #ff4d4f;
    border-radius: 25px;
    height: 8px;
    margin-right: 8px;
    width: 8px
}

.tournament-team__stat-block {
    display: flex;
    justify-content: space-between
}

.tournament-team__stat-block .tournament-team__stat-block-right {
    height: 40px;
    width: 40px
}

.tournament-team__information {
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: space-between;
    padding: 40px 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team__information {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .tournament-team__information {
        flex-direction: column;
        padding: 24px 0
    }
}

.tournament-team__title-information {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 30px
}

.tournament-team__composition {
    display: flex;
    justify-content: space-between;
    padding: 40px 0
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team__composition {
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .tournament-team__composition {
        flex-direction: column;
        padding: 24px 0
    }
}

.tournament-team__composition-items {
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    width: 780px
}

.tournament-team__composition-items .team-player {
    cursor: default;
    display: flex;
    justify-content: space-between;
    padding: 10px 12px
}

.tournament-team__composition-items .team-player .player-avatar img {
    height: 40px;
    width: 40px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team__composition-items .team-player {
        padding: 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .tournament-team__composition-items .team-player {
        padding: 10px 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team__composition-items {
        margin-top: 24px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .tournament-team__composition-items {
        margin-top: 16px;
        width: auto
    }
}

.captain-icon {
    background-image: url(../img/icons/crown.svg);
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.tournament-team__player-wrapper {
    align-items: center;
    display: flex
}

.tournament-team__name-nickname {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.tournament-team__name-nickname .player-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tournament-team__name-nickname .player-nickname {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 15px
}

.tournament-team__description {
    color: #8d8d8d;
    font-size: 18px;
    line-height: 24px;
    width: 780px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team__description {
        margin-top: 16px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .tournament-team__description {
        font-size: 16px;
        margin-top: 16px;
        width: auto
    }
}

.progress-bar {
    background: transparent;
    border-radius: 10px;
    display: flex;
    height: 8px;
    margin: 20px 0;
    overflow: hidden;
    width: 100%
}

.progress-bar__win {
    background: #73d13d;
    border-radius: 10px 0 0 10px;
    height: 100%;
    transition: width .4s
}

.progress-bar__lose {
    background: #ff5a5a;
    border-radius: 0 10px 10px 0;
    flex: 1 1 auto;
    height: 100%
}

.tournament-team__matches-items {
    margin-bottom: 24px
}

.team-tooltip__cups {
    display: flex;
    height: 26px;
    margin-top: 16px;
    position: relative
}

.team-tooltip__cups .team-tooltip__cup {
    align-items: center;
    border: 2px solid #161616;
    border-radius: 80px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    justify-content: center;
    line-height: 18px;
    width: 49px
}

.team-tooltip__cups .team-tooltip__cup:first-child {
    margin-right: -10px;
    z-index: 99
}

.team-tooltip__cups .team-tooltip__cup:nth-child(2) {
    margin-right: -10px;
    z-index: 9
}

.team-tooltip__cups .team-tooltip__cup:nth-child(3) {
    left: 79px;
    z-index: 0
}

.team-tooltip__cups .team-tooltip__cup.team-tooltip__cup_first {
    background: #faad14
}

.team-tooltip__cups .team-tooltip__cup.team-tooltip__cup_first i {
    background-image: url(../img/icons/trophy-gold-fill.svg);
    background-size: cover;
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.team-tooltip__cups .team-tooltip__cup.team-tooltip__cup_second {
    background: #a7a7a7
}

.team-tooltip__cups .team-tooltip__cup.team-tooltip__cup_second i {
    background-image: url(../img/icons/trophy-silver-fill.svg);
    background-size: cover;
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.team-tooltip__cups .team-tooltip__cup.team-tooltip__cup_third {
    background: #d46b08
}

.team-tooltip__cups .team-tooltip__cup.team-tooltip__cup_third i {
    background-image: url(../img/icons/trophy-bronze-fill.svg);
    background-size: cover;
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.tournament-team__matches {
    color: #8d8d8d;
    font-family: ALS Hauss Book, sans-serif
}

.tournament-team__matches .tournament-team__matches-head {
    border-bottom: 1px solid #161616;
    color: #8d8d8d;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    padding: 16px 0
}

.tournament-team__matches .tournament-team__matches-head .tournament-team__title-matches {
    width: 280px
}

.tournament-team__matches .tournament-team__matches-head .tournament-team__title-match {
    text-align: center;
    width: 510px
}

.tournament-team__matches .tournament-team__matches-head .tournament-team__title-date-time {
    text-align: right;
    width: 200px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-head {
        display: none
    }
}

.tournament-team__matches .tournament-team__matches-item a {
    align-items: center;
    border-bottom: 1px solid #161616;
    color: #a7a7a7;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    text-decoration: none
}

.tournament-team__matches .tournament-team__matches-item a:hover {
    background: #161616
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item a {
        flex-direction: column;
        padding: 0;
        width: 100%
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__date-time {
    text-align: right;
    width: 200px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__date-time {
        display: none
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match {
    align-items: center;
    display: flex
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__date-time {
    text-align: right;
    width: 170px
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__matches-team-score {
    font-size: 12px;
    line-height: 16px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__matches-team-score {
        display: none
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-matches__separate {
    margin: 0 16px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-matches__separate {
        margin: 0 4px
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__matches-team-name {
    color: #f1f1f1;
    font-size: 16px;
    line-height: 20px;
    margin: 0 16px 0 8px;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__matches-team-name {
        font-size: 14px;
        line-height: 18px;
        margin-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 95px
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__match-team-left {
    align-items: center;
    display: flex;
    justify-content: end;
    width: 250px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__match-team-left {
        flex-direction: row-reverse;
        justify-content: left;
        width: 40%
    }

    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__match-team-left .tournament-team__matches-team-name {
        margin-right: 0
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__match-team-right {
    align-items: center;
    display: flex;
    justify-content: left;
    width: 250px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__match-team-right {
        flex-direction: row-reverse;
        justify-content: right;
        width: 40%
    }

    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match .tournament-team__match-team-right .tournament-team__matches-team-name {
        margin-left: 0;
        margin-right: 8px;
        text-align: right
    }

    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match {
        justify-content: space-between;
        margin-bottom: 8px;
        width: 100%
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match-score {
    color: #f1f1f1;
    display: flex;
    justify-content: center;
    margin: 0 16px;
    width: 100px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-match-score {
        margin: 0 8px;
        width: 40px
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-team-avatar {
    display: flex
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-team-avatar img {
    border-radius: 25px;
    height: 40px;
    width: 40px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-team-avatar img {
        height: 32px;
        width: 32px
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-team-avatar .team-avatar__placeholder {
    border-radius: 25px;
    height: 40px;
    width: 40px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-team-avatar .team-avatar__placeholder {
        height: 32px;
        width: 32px
    }
}

.tournament-team__matches .tournament-team__matches-item .tournament-team__matches-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px
}

@media only screen and (max-width: 767px) {
    .tournament-team__matches .tournament-team__matches-item .tournament-team__matches-name {
        display: none
    }

    .tournament-team__matches .tournament-team__matches-item {
        align-items: baseline;
        background: #161616;
        border-bottom: none;
        border-radius: 8px;
        box-sizing: border-box;
        flex-direction: column;
        margin-bottom: 8px;
        padding: 8px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .tournament-team__matches {
        width: 1180px
    }
}

.tournament-team__bottom-line-mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .tournament-team__bottom-line-mobile {
        border-top: 1px solid #3f3f3f;
        display: flex;
        font-size: 12px;
        padding-top: 8px;
        width: 100%
    }

    .tournament-team__bottom-line-mobile .tournament-team__matches-name {
        display: block !important;
        width: 100%
    }

    .tournament-team__bottom-line-mobile .tournament-team__date-time {
        display: block !important
    }
}

.tournament-items-filter__datepicker {
    background: none;
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    box-sizing: border-box;
    color: #b3b3b3;
    font-size: 16px;
    height: 48px;
    outline: 0;
    padding: 13px 12px;
    width: 264px
}

@media only screen and (max-width: 767px) {
    .tournament-items-filter__datepicker {
        width: 100%
    }
}

.litepicker .container__days > div {
    margin: 4px;
    padding: 0 !important;
    width: 40px
}

.litepicker .container__months .month-item-weekdays-row > div {
    width: 40px !important
}

.litepicker {
    border: 1px solid #262626;
    border-radius: 16px;
    left: 440px !important;
    overflow: hidden
}

.litepicker .reset-button {
    background-image: url(../img/icons/refresh.svg);
    background-size: cover;
    cursor: pointer;
    height: 24px;
    margin-left: 16px;
    width: 24px
}

.litepicker .reset-button svg {
    display: none
}

.litepicker.mobilefriendly .container__days div {
    height: 40px !important;
    width: 40px
}

@media only screen and (max-width: 767px) {
    .litepicker.mobilefriendly {
        height: 408px;
        transform: translate(-50%, -13%) !important
    }
}

.litepicker .container__months {
    align-items: start;
    background: #161616;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    padding: 24px;
    width: 814px !important
}

.litepicker .container__months .month-item {
    padding: 0;
    width: 375px
}

.litepicker .container__months .month-item:first-child .button-next-month,
.litepicker .container__months .month-item:last-child .button-previous-month {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .litepicker .container__months {
        width: 754px !important
    }
}

@media only screen and (max-width: 767px) {
    .litepicker .container__months {
        flex-direction: column;
        height: 408px;
        padding-top: 0;
        width: 100% !important
    }
}

.litepicker .month-item-name,
.litepicker .month-item-year {
    color: #f1f1f1;
    font-size: 16px;
    line-height: 24px
}

.litepicker .month-item-year {
    font-weight: 600
}

.litepicker .container__days {
    width: 337px
}

.litepicker .container__days .day-item {
    align-items: center;
    border-radius: 25px;
    color: #d9d9d9;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    padding: 0;
    width: 40px
}

.litepicker .container__days .day-item:hover {
    background: #00e1ff;
    box-shadow: none;
    color: #f1f1f1
}

.litepicker .container__days .day-item.is-start-date {
    background-color: #00e1ff;
    border-radius: 25px
}

.litepicker .container__days .day-item.is-start-date.is-flipped {
    border-radius: 25px
}

.litepicker .container__days .day-item.is-start-date.is-end-date {
    background-color: #00e1ff;
    border-radius: 25px
}

.litepicker .container__days .day-item.is-flipped {
    border-radius: 25px
}

.litepicker .container__days .day-item.is-end-date {
    background-color: #00e1ff;
    border-radius: 25px
}

.litepicker .container__days .day-item.is-end-date.is-flipped {
    border-radius: 25px
}

.litepicker .container__days .day-item.is-in-range {
    background: none;
    border-radius: 25px
}

.litepicker .container__months .month-item-header {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px
}

@media only screen and (max-width: 767px) {
    .litepicker .container__months .month-item-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

.litepicker .container__months .button-previous-month {
    background-image: url(../img/icons/arrow-blue-left.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #00e1ff;
    border-radius: 4px;
    cursor: pointer !important;
    height: 40px;
    width: 72px
}

.litepicker .container__months .button-previous-month svg {
    display: none
}

.litepicker .container__months .button-previous-month:hover {
    border: 1px solid #00e1ff
}

.litepicker .container__months .button-previous-month:active {
    border: 1px solid #1d39c4
}

.litepicker .container__months .button-next-month {
    background-image: url(../img/icons/arrow-blue.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #00e1ff;
    border-radius: 4px;
    cursor: pointer !important;
    height: 40px;
    width: 72px
}

.litepicker .container__months .button-next-month svg {
    display: none
}

.litepicker .container__months .button-next-month:hover {
    border: 1px solid #00e1ff
}

.litepicker .container__months .button-next-month:active {
    border: 1px solid #1d39c4
}

.litepicker .container__months .month-item-weekdays-row {
    color: #bdbdbd;
    font-size: 11px;
    line-height: 14px;
    width: 337px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .litepicker {
        left: 5% !important
    }
}

@media only screen and (max-width: 767px) {
    .litepicker {
        left: 50% !important
    }
}

.litepicker .container__days > a,
.litepicker .container__days > div {
    padding: 5px 1px
}

.tournament-bracket__nav-brackets {
    display: flex;
    margin-bottom: 24px
}

.tournament-bracket__nav-brackets button {
    background: none;
    display: flex;
    height: 48px;
    margin-right: 8px;
    position: relative;
    width: 48px
}

.tournament-bracket__nav-brackets button:last-child {
    margin-right: 0
}

.tournament-bracket__nav-brackets button:last-child:after {
    transform: none
}

.tournament-bracket__nav-brackets button:disabled {
    cursor: auto;
    opacity: .5;
    user-select: none
}

.tournament-bracket__nav-brackets button:disabled:hover {
    border-color: #8c8c8c;
    color: #8c8c8c
}

.tournament-bracket__nav-brackets button:after {
    background: url(../img/arrow-slider.svg);
    background-size: cover;
    content: "";
    height: 24px;
    position: absolute;
    right: 10px;
    transform: translate(-1px) rotate(180deg);
    width: 24px
}

.tournament-bracket__line {
    width: 0
}

.tournament-bracket__round_final-layout {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center
}

.tournament-bracket__round_final-layout .tournament-bracket__match {
    align-self: center
}

.tournament-bracket__container {
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .tournament-bracket__container {
        width: auto
    }
}

.tournament-bracket__container-brackets {
    display: inline-flex;
    min-height: 700px;
    position: relative;
    transition: transform .3s ease;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .tournament-bracket__container-brackets {
        min-height: auto
    }
}

.tournament-bracket {
    font-family: ALS Hauss Book, sans-serif;
    padding-top: 50px
}

.tournament-bracket .tournament-bracket__round {
    margin-right: 28px;
    padding-bottom: 40px;
    width: 274px
}

.tournament-bracket .tournament-bracket__round:last-child .tournament-bracket__round-body {
    justify-content: center
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-header {
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    color: #bdbdbd;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
    padding: 7px 0;
    text-align: center
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match-url {
    text-decoration: none
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__wrapper {
    background: #161616;
    border-radius: 25px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__wrapper {
        border-radius: 16px
    }
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-date {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team {
    align-items: center;
    box-sizing: border-box;
    color: #f1f1f1;
    display: flex;
    font-size: 14px;
    padding: 8px 16px 8px 8px;
    position: relative
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-avatar .team-avatar {
    display: flex
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-avatar .team-avatar img {
    border-radius: 50px;
    height: 40px;
    width: 40px
}

@media only screen and (max-width: 767px) {
    .tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-avatar .team-avatar .team-avatar__placeholder,
    .tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-avatar .team-avatar img {
        height: 24px;
        width: 24px
    }
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-empty-name,
.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-name {
    margin: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px
}

@media only screen and (max-width: 767px) {
    .tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-empty-name,
    .tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-name {
        width: 95px
    }
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-empty-avatar {
    align-items: center;
    background: #3f3f3f;
    border-radius: 25px;
    color: #bdbdbd;
    display: flex;
    font-family: ReSquare, sans-serif;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media only screen and (max-width: 767px) {
    .tournament-bracket .tournament-bracket__round .tournament-bracket__round-body .tournament-bracket__match .tournament-bracket__match-team .tournament-bracket__match-team-empty-avatar {
        height: 24px;
        width: 24px
    }
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__match {
    margin-bottom: 21px
}

.tournament-bracket .tournament-bracket__round .tournament-bracket__match .tournament-bracket__match {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .tournament-bracket .tournament-bracket__round {
        width: 200px
    }

    .tournament-bracket {
        margin-right: -16px;
        overflow: auto;
        padding-top: 24px;
        white-space: nowrap
    }
}

.tournament-bracket__match-team-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.tournament-bracket__cup {
    margin-left: 8px;
    padding-left: 8px
}

.tournament-bracket__cup.tournament-bracket__cup_1 {
    background-image: url(../img/icons/cup_1.svg);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px
}

.tournament-bracket__cup.tournament-bracket__cup_2 {
    background-image: url(../img/icons/cup_2.svg);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px
}

.tournament-bracket__cup.tournament-bracket__cup_3 {
    background-image: url(../img/icons/cup_3.svg);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px
}

@media only screen and (max-width: 767px) {
    .tournament-bracket__cup {
        margin-left: 6px
    }
}

.tournament-bracket__match-team-score {
    font-family: ALS Hauss, sans-serif;
    font-size: 14px;
    line-height: 18px
}

.tournament-bracket__match-team-score.tournament-bracket__match-team-score_win {
    color: #73d13d
}

.tournament-bracket__match-team-score.tournament-bracket__match-team-score_loss {
    color: #ff4d4f
}

.tournament-bracket__round-body .tournament-bracket__match[data-type=third-place] {
    margin-top: 24px
}

.steam-payment-wrapper {
    color: #f1f1f1;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: space-between;
    padding-top: 40px
}

.steam-payment-wrapper .steam-payment__lft {
    width: 550px
}

.steam-payment-wrapper .steam-payment__lft .steam-payment__hint {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .steam-payment-wrapper .steam-payment__lft {
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .steam-payment-wrapper .steam-payment__lft {
        margin-bottom: 16px;
        width: auto
    }
}

.steam-payment-wrapper .steam-payment__rgt {
    width: 550px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .steam-payment-wrapper .steam-payment__rgt {
        width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .steam-payment-wrapper .steam-payment__rgt {
        width: auto
    }

    .steam-payment-wrapper {
        flex-direction: column
    }
}

.steam-payment-summary__controls {
    margin-top: 24px
}

.steam-payment-summary__controls button {
    width: 100%
}

.steam-payment-page .steam-payment__result {
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    justify-content: center;
    padding: 80px 0
}

.steam-payment-page .steam-payment__result.steam-payment__result_success .steam-payment__result_icon {
    background-image: url(../img/icons/tick-white.svg);
    height: 80px;
    width: 80px
}

.steam-payment-page .steam-payment__result.steam-payment__result_failed .steam-payment__result_icon {
    background-image: url(../img/icons/cross-white.svg);
    height: 80px;
    width: 80px
}

.steam-payment-page .steam-payment__result.steam-payment__error .steam-payment__result_icon {
    background-image: url(../img/icons/error-icon.svg);
    height: 80px;
    width: 80px
}

.steam-payment-page .steam-payment__result .steam-payment__result_right-block {
    margin-left: 32px;
    width: 492px
}

.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-title {
    color: #f1f1f1;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px
}

@media only screen and (max-width: 767px) {
    .steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-title {
        font-size: 20px;
        line-height: 26px
    }
}

.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-description {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 8px
}

.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-controls {
    display: flex
}

.steam-payment-page .steam-payment__result .steam-payment__result_right-block .steam-payment__result-blue-button {
    margin-right: 16px
}

@media only screen and (max-width: 767px) {
    .steam-payment-page .steam-payment__result .steam-payment__result_right-block {
        margin-left: 0;
        margin-top: 24px;
        width: auto
    }

    .steam-payment-page .steam-payment__result {
        flex-direction: column
    }
}

.steam-payment__offer {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 14px;
    margin-top: 16px
}

.steam-payment__offer a {
    color: #00e1ff;
    text-decoration: none
}

.branch-stats {
    font-family: ALS Hauss Book, sans-serif;
    overflow: auto;
    padding-bottom: 18px
}

.branch-stats-grid__header {
    color: #8d8d8d;
    display: flex;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap
}

.branch-stats-grid__branch-name {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 8px 9px
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__branch-name {
        font-size: 14px
    }
}

.branch-stats-grid__preloader .preloader {
    height: 36px;
    margin-left: 10%;
    margin-top: 230px;
    width: 36px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .branch-stats-grid__preloader .preloader {
        margin-left: 170px;
        margin-top: 170px
    }
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__preloader .preloader {
        margin-left: 100px;
        margin-top: 170px
    }
}

.branch-stats-grid__month-blocks {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 8px 9px;
    width: 136px
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__month-blocks {
        font-size: 14px;
        line-height: 24px;
        width: 96px
    }
}

.branch-stats-branch {
    border-top: 1px solid #3f3f3f;
    box-sizing: border-box;
    height: 124px;
    overflow: hidden;
    padding: 13px 8px 19px
}

.branch-stats-branch .branch-stats-branch__name {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 4px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch .branch-stats-branch__name {
        font-size: 14px;
        line-height: 18px
    }
}

.branch-stats-branch .branch-stats-branch__properties {
    display: flex;
    flex-wrap: wrap
}

.branch-stats-branch .branch-stats-branch__properties .property-pc {
    align-items: center;
    color: #8d8d8d;
    display: flex;
    font-size: 16px;
    line-height: 20px
}

.branch-stats-branch .branch-stats-branch__properties .property-pc i {
    background: #8d8d8d;
    border-radius: 50px;
    display: inline-block;
    height: 4px;
    margin: 0 7px;
    position: relative;
    width: 4px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch .branch-stats-branch__properties .property-pc i {
        height: 2px;
        margin: 0 4px;
        width: 2px
    }

    .branch-stats-branch .branch-stats-branch__properties .property-pc {
        font-size: 12px;
        line-height: 14px
    }
}

.branch-stats-branch .branch-stats-branch__properties .property-tv {
    align-items: center;
    color: #9254de;
    display: flex;
    font-size: 16px;
    line-height: 20px
}

.branch-stats-branch .branch-stats-branch__properties .property-tv i {
    background: #8d8d8d;
    border-radius: 50px;
    display: inline-block;
    height: 4px;
    margin: 0 7px;
    position: relative;
    width: 4px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch .branch-stats-branch__properties .property-tv i {
        height: 2px;
        margin: 0 4px;
        width: 2px
    }

    .branch-stats-branch .branch-stats-branch__properties .property-tv {
        font-size: 12px;
        line-height: 14px
    }
}

.branch-stats-branch .branch-stats-branch__properties .property-vip {
    align-items: center;
    color: #eb2f96;
    display: flex;
    font-size: 16px;
    line-height: 20px
}

.branch-stats-branch .branch-stats-branch__properties .property-vip:nth-last-child(2) i {
    background: #8d8d8d;
    border-radius: 50px;
    display: inline-block;
    height: 4px;
    margin: 0 7px;
    position: relative;
    width: 4px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch .branch-stats-branch__properties .property-vip:nth-last-child(2) i {
        height: 2px;
        margin: 0 4px;
        width: 2px
    }

    .branch-stats-branch .branch-stats-branch__properties .property-vip {
        font-size: 12px;
        line-height: 14px
    }
}

.branch-stats-branch .branch-stats-branch__properties .property-vip_tv {
    align-items: center;
    color: #fa541c;
    display: flex;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch .branch-stats-branch__properties .property-vip_tv {
        font-size: 12px;
        line-height: 14px
    }

    .branch-stats-branch {
        height: 96px;
        padding: 10px 0 10px 8px
    }
}

.branch-stats-branch__open-date {
    font-size: 16px;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch__open-date {
        font-size: 12px;
        line-height: 14px
    }
}

.branch-stats-branch__all-name {
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch__all-name {
        font-size: 14px;
        line-height: 18px
    }
}

.branch-stats-grid__table {
    border-collapse: collapse;
    height: 124px
}

.branch-stats-grid__table tr {
    border-top: 1px solid #3f3f3f
}

.branch-stats-grid__table tr td {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 8px
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__table tr td {
        font-size: 14px;
        line-height: 18px
    }

    .branch-stats-grid__table {
        height: 96px
    }
}

.branch-stats-branch__locality {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch__locality {
        font-size: 12px;
        line-height: 14px
    }
}

.branch-stats-branch__opened {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .branch-stats-branch__opened {
        font-size: 12px;
        line-height: 14px
    }
}

.branch-stats-grid__wrapper {
    display: flex;
    min-height: 539px
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__wrapper {
        min-height: 427px
    }
}

.branch-stats-grid__branches {
    background: #212121;
    flex: none;
    position: absolute;
    width: 216px;
    z-index: 999
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__branches {
        width: 128px
    }
}

.branch-stats-grid__empty-block {
    width: 160px
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__empty-block {
        width: 120px
    }
}

.stat-table__value-cell {
    min-width: 136px
}

@media only screen and (max-width: 767px) {
    .stat-table__value-cell {
        min-width: 96px
    }
}

.stat-table__stat-cell {
    box-sizing: border-box;
    color: #8d8d8d;
    font-size: 16px;
    line-height: 20px;
    min-width: 160px
}

@media only screen and (max-width: 767px) {
    .stat-table__stat-cell {
        font-size: 14px;
        line-height: 18px;
        min-width: 120px
    }
}

.branch-stats-container {
    color: #f1f1f1;
    display: flex;
    overflow: hidden
}

.branch-stats-grid__wrapper-scroll {
    padding-left: 216px
}

@media only screen and (max-width: 767px) {
    .branch-stats-grid__wrapper-scroll {
        padding-left: 128px
    }
}

.branch-stats-grid__table tr:hover {
    background: #161616
}

.pokolenie-tooltip .pokolenie-tooltip__controls button {
    background: #00e1ff;
    border: 0;
    border-radius: 4px;
    color: #f1f1f1;
    cursor: pointer;
    display: inline-block;
    font-family: ALS Hauss Book, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    padding: 12px 16px;
    text-decoration: none;
    user-select: none
}

.pokolenie-tooltip .pokolenie-tooltip__controls button:hover {
    background: #00e1ff
}

.pokolenie-tooltip .pokolenie-tooltip__controls button:active {
    background: #1d39c4
}

.pokolenie-tooltip .pokolenie-tooltip__controls button:disabled {
    background: #161616;
    color: #3f3f3f;
    cursor: default
}

.pokolenie-tooltip .pokolenie-tooltip__controls button:disabled:hover {
    background: #161616;
    color: #3f3f3f
}

.pokolenie-tooltip {
    background: #161616;
    border: 1px solid #262626;
    border-radius: 8px;
    box-sizing: border-box;
    color: #f1f1f1;
    font-family: ALS Hauss Book, sans-serif;
    padding: 16px;
    transition: opacity .3s;
    z-index: 999;
    z-index: 99999
}

.pokolenie-tooltip .pokolenie-tooltip__controls {
    display: none
}

.pokolenie-tooltip .pokolenie-tooltip__controls button {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .pokolenie-tooltip .pokolenie-tooltip__controls {
        display: block;
        margin-top: 24px
    }

    .pokolenie-tooltip {
        border-bottom: 0;
        border-radius: 8px 8px 0 0;
        width: 100% !important
    }
}

.divider {
    height: 1px;
    margin: 16px 0 8px
}

.divider,
.divider.divider_black {
    background: #000
}

.divider.divider_white {
    background: #f1f1f1
}

.divider.divider_gray {
    background: #3f3f3f
}

.divider.divider_thin {
    height: 1px
}

.divider.divider_normal {
    height: 2px
}

.divider.divider_fat {
    height: 4px
}

.team-tooltip {
    min-height: 248px;
    width: 343px
}

.team-tooltip .team-tooltip__inner .team-tooltip__top {
    display: flex;
    justify-content: space-between
}

.team-tooltip .team-tooltip__inner .team-tooltip__top .team-tooltip__top-l {
    width: 80%
}

.team-tooltip .team-tooltip__inner .team-tooltip__top .team-tooltip__avatar .team-avatar img {
    height: 56px;
    width: 56px
}

.team-tooltip .team-tooltip__inner .team-tooltip__top .team-tooltip__name {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.team-tooltip .team-tooltip__inner .team-tooltip__top .team-tooltip__game,
.team-tooltip .team-tooltip__inner .team-tooltip__top .team-tooltip__payout {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 16px
}

.team-tooltip .team-tooltip__inner .team-tooltip__middle .team-tooltip__scores {
    display: flex;
    justify-content: space-between
}

.team-tooltip .team-tooltip__inner .team-tooltip__middle .team-tooltip__scores .team-tooltip__scores-item .team-tooltip__scores-item-value {
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.team-tooltip .team-tooltip__inner .team-tooltip__middle .team-tooltip__scores .team-tooltip__scores-item .team-tooltip__scores-item-label {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 16px
}

.team-tooltip .team-tooltip__inner .team-tooltip__bottom {
    margin-top: 16px
}

.team-tooltip .team-tooltip__inner .team-tooltip__bottom .team-tooltip__players {
    display: flex;
    margin-left: 6px
}

.team-tooltip .team-tooltip__inner .team-tooltip__bottom .team-tooltip__players .team-tooltip__players-item {
    margin-left: -8px
}

.team-tooltip .team-tooltip__inner .team-tooltip__bottom .team-tooltip__players .team-tooltip__players-item img {
    background: #3f3f3f;
    border: 2px solid #161616;
    height: 32px;
    width: 32px
}

.team-tooltip .team-tooltip__inner .team-tooltip__bottom .team-tooltip__players .team-tooltip__players-item .player-avatar__placeholder {
    border: 2px solid #161616;
    height: 32px;
    width: 32px
}

@media only screen and (max-width: 767px) {
    .team-tooltip {
        display: flex;
        flex-direction: column;
        height: 327px;
        justify-content: space-between
    }
}

.player-tooltip {
    min-height: 256px;
    width: 343px
}

.player-tooltip .player-tooltip__name {
    color: #f1f1f1;
    font-family: ReSquare, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis
}

.player-tooltip .player-tooltip__nickname {
    font-size: 12px;
    line-height: 16px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top {
    display: flex;
    justify-content: space-between
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l {
    width: 80%
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__points {
    display: flex;
    margin-bottom: 16px;
    margin-top: 8px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__points .player-tooltip__points-item {
    align-items: center;
    display: flex;
    margin-right: 16px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__points .player-tooltip__points-item:last-child {
    margin-right: 0
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__points .player-tooltip__points-item .player-tooltip__points-item-label {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 18px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__points .player-tooltip__points-item .points-counter {
    background-size: cover;
    height: 20px;
    margin: 0 6px;
    width: 20px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__skills {
    display: flex;
    flex-wrap: wrap
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__skills .player-tooltip__skills-item {
    border: 1px solid #3f3f3f;
    border-radius: 4px;
    color: #a7a7a7;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 4px 8px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-l .player-tooltip__skills .player-tooltip__skills-item:last-child {
    margin-right: 0
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-r {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-r .player-avatar img {
    height: 56px;
    width: 56px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-r .player-links {
    display: flex;
    justify-content: space-between;
    margin-top: 29px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-r .player-links .player-links__item a {
    display: block;
    height: 24px;
    width: 24px
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-r .player-links .player-links__item-steam a {
    background-image: url(../img/icons/steam-icon.svg)
}

.player-tooltip .player-tooltip__inner .player-tooltip__top .player-tooltip__top-r .player-links .player-links__item-faceit a {
    background-image: url(../img/icons/faceit-icon.svg)
}

.player-tooltip .player-tooltip__inner .player-tooltip__middle .player-tooltip__scores {
    display: flex;
    justify-content: space-between
}

.player-tooltip .player-tooltip__inner .player-tooltip__middle .player-tooltip__scores .player-tooltip__scores-item .player-tooltip__scores-item-value {
    font-family: ALS Hauss, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.player-tooltip .player-tooltip__inner .player-tooltip__middle .player-tooltip__scores .player-tooltip__scores-item .player-tooltip__scores-item-label {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 16px
}

.player-tooltip .player-tooltip__inner .player-tooltip__bottom {
    margin-top: 16px
}

.player-tooltip .player-tooltip__inner .player-tooltip__bottom .player-tooltip__teams {
    display: flex;
    margin-left: 6px
}

.player-tooltip .player-tooltip__inner .player-tooltip__bottom .player-tooltip__teams .player-tooltip__teams-item {
    margin-left: -8px
}

.player-tooltip .player-tooltip__inner .player-tooltip__bottom .player-tooltip__teams .player-tooltip__teams-item .team-avatar .team-avatar__placeholder {
    border: 2px solid #161616;
    height: 32px;
    width: 32px
}

.player-tooltip .player-tooltip__inner .player-tooltip__bottom .player-tooltip__teams .player-tooltip__teams-item .team-avatar img {
    background: #3f3f3f;
    border: 2px solid #161616;
    height: 32px;
    width: 32px
}

@media only screen and (max-width: 767px) {
    .player-tooltip {
        display: flex;
        flex-direction: column;
        height: 350px;
        justify-content: space-between
    }
}

.steam-payment-form {
    color: #f1f1f1
}

.steam-payment-form .currency {
    white-space: nowrap
}

.steam-payment-form .form-group {
    margin-bottom: 24px
}

.steam-payment-form .form-group .form-tooltip-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.steam-payment-form .form-group .form-tooltip-wrapper .form-control {
    width: 514px
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .steam-payment-form .form-group .form-tooltip-wrapper .form-control {
        width: 90%
    }
}

@media only screen and (max-width: 767px) {
    .steam-payment-form .form-group .form-tooltip-wrapper .form-control {
        width: 90%
    }
}

.steam-payment-form .form-group i {
    background-image: url(../img/icons/help-icon.svg);
    height: 24px;
    position: absolute;
    width: 24px
}

.steam-payment-form .form-group .tooltiptext {
    background: #161616;
    border-radius: 16px;
    box-sizing: border-box;
    opacity: 0;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 48px;
    transition: all .3s ease;
    visibility: hidden;
    width: 286px;
    z-index: 999
}

.steam-payment-form .form-group .tooltiptext .tooltiptext__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

.steam-payment-form .form-group .tooltiptext .tooltiptext__description {
    color: #a7a7a7;
    font-size: 14px;
    line-height: 18px
}

.steam-payment-form .form-group .tooltiptext-block {
    height: 24px;
    width: 24px
}

.steam-payment-form .form-group .tooltiptext-block img {
    height: 101px;
    padding: 15px 0;
    width: 254px
}

.steam-payment-form .form-group .tooltiptext-block:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

.steam-payment-form .form-group__cols {
    align-items: center;
    display: flex
}

.steam-payment-form .form-group__cols input {
    width: 200px
}

.steam-payment-form .form-group__cols input[type=number]::-webkit-inner-spin-button,
.steam-payment-form .form-group__cols input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.steam-payment-form .form-group__cols input[type=number] {
    -moz-appearance: textfield
}

.steam-payment-form .form-group__description {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 16px;
    margin-left: 16px
}

.steam-payment-form .fast-buttons-group {
    display: flex;
    justify-content: space-between
}

.steam-payment-form .fast-buttons-group button {
    background: none;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    color: #bdbdbd;
    cursor: pointer;
    font-family: ALS Hauss Book, sans-serif;
    padding: 7px 0;
    width: 131px
}

.steam-payment-form .fast-buttons-group button:hover {
    background: #161616
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
    .steam-payment-form .fast-buttons-group button {
        width: 23%
    }
}

@media only screen and (max-width: 767px) {
    .steam-payment-form .fast-buttons-group button {
        width: 23%
    }
}

.steam-payment-summary {
    border: 1px solid #161616;
    border-radius: 8px;
    box-sizing: border-box;
    color: #f1f1f1;
    padding: 16px
}

.steam-payment-summary .steam-payment-summary__line {
    border-bottom: 1px solid #161616;
    color: #8d8d8d;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 24px;
    padding: 10px 0
}

.steam-payment-summary .steam-payment-summary__line .steam-payment-summary__right {
    color: #f1f1f1;
    font-weight: 700;
    margin-left: 8px
}

.not_found {
    padding: 10%;
}

.not_found img {
    width: 100%;
    height: auto;
}