@charset "UTF-8";
@import "404.min.css";
@import "select-location.css";
@import "contacts.min.css";
@import "ourGames.min.css";
@import "game.min.css";
@import "buy.min.css";
@import "certificate.min.css";
@import "anketa.min_1.css";

@keyframes eventPopUp {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes eventPopDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes awPlanTabs {
    0% {
        transform: translate(50px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

.awBirthdayHeader,
.awBirthdayWrapper {
    padding: 0 1.1em;
    max-width: 1440px;
    margin: 0 auto
}

.awBirthdayHeader {
    background-size: 100%;
    padding: 9.7em 1em 15.5em;
    position: relative
}

@media (min-width:768px) {
    .awBirthdayHeader {
        background: url(../images/birthday_topBG-678.webp)top;
        background-size: 100%;
        text-align: left;
        padding: 14.7em 2.3em 12em 0
    }
}

@media (min-width:1300px) {
    .awBirthdayHeader {
        background-size: auto 100%;
        background: url(../images/birthday_topBG-1440.webp)no-repeat top;
        padding: 16.4em 0 20em 3.5em
    }

    .awBirthdayHeader .awH1 {
        font-size: 70px;
        line-height: 84px;
        letter-spacing: -1.3px
    }
}

.awBirthdayHeader__text {
    margin-top: 1.7em;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.3px;
    color: rgba(255, 255, 255, .8);
    max-width: 250px
}

@media (min-width:768px) {
    .awBirthdayHeader__text {
        margin: 1.25em 0 0;
        font-size: 18px;
        line-height: 28px;
        max-width: 350px;
        letter-spacing: -.6px
    }
}

@media (min-width:1300px) {
    .awBirthdayHeader__text {
        margin: 2.4em 0 0;
        max-width: 425px
    }
}

.awBirthdayHeader__image {
    max-width: 50%;
    position: absolute;
    top: 30%;
    right: 0
}

.awBirthdayHeader__button {
    display: flex;
    margin-top: 2.3em
}

@media (min-width:768px) {
    .awBirthdayHeader__button {
        margin-top: 3.4em;
        justify-content: flex-start
    }
}

@media (min-width:1300px) {
    .awBirthdayHeader__button {
        margin-top: 3.8em
    }
}

.awBirthdayHeaderButtonPadding {
    padding: 0 2em
}

.awBirthdayHeader__subtract {
    display: none
}

@media (min-width:768px) {
    .awBirthdayHeader__subtract {
        display: flex;
        background-size: auto 100%;
        background: url(../images/birthday_subtract768.svg)no-repeat top 0 right 0;
        height: 90px;
        position: absolute;
        bottom: 0;
        max-width: 1440px;
        width: 100%
    }
}

@media (min-width:1300px) {
    .awBirthdayHeader__subtract {
        background: url(../images/birthday_subtract1400.svg)no-repeat top;
        height: 90px;
        margin: -6.4em auto 0
    }
}

.awBirthdayCards {
    padding-top: 4.7em
}

@media (min-width:768px) {
    .awBirthdayCards {
        padding-top: 6.1em
    }
}

@media (min-width:1300px) {
    .awBirthdayCards {
        padding-top: 7.1em
    }
}

.awBirthdayCards__image {
    display: flex;
    justify-content: center
}

.awBirthdayCards__image img {
    max-width: 100%;
    width: 302px;
    object-fit: cover;
    border-radius: 10px
}

@media (min-width:1300px) {
    .awBirthdayCards__image img {
        width: 356px
    }
}

.awBirthdayCards__item {
    border: 1px solid rgba(255, 255, 255, .4);
    background-color: rgba(20, 23, 32, .8509803922);
    border-radius: 20px;
    text-align: center;
    height: 596px
}

@media (min-width:1300px) {
    .awBirthdayCards__item {
        height: 714px
    }
}

.awBirthdayCards__items {
    display: grid;
    gap: 1.4em;
    padding-top: 2.5em
}

@media (min-width:768px) {
    .awBirthdayCards__items {
        grid-template-columns: 1fr 1fr;
        gap: 1.7em;
        padding-top: 3.4em
    }
}

@media (min-width:1300px) {
    .awBirthdayCards__items {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2.6em;
        padding-top: 5em
    }
}

.awBirthdayCards__shadow {
    background-size: 100%;
    background: url(../images/birthdayCards__shadow.png)no-repeat bottom 0 right 0;
    padding: 1.3em 1.5em 1.5em
}

@media (min-width:1300px) {
    .awBirthdayCards__shadow {
        padding: 2.1em 1.5em 1.5em;
        background-position: bottom -4px right -3.5px
    }
}

.awBirthdayCards__number {
    font-size: 24px;
    line-height: 24px;
    font-family: Audiowide, serif;
    color: var(--aw-red);
    margin-top: .1em
}

.awBirthdayCards__title {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.5px;
    margin-top: .9em
}

@media (min-width:1300px) {
    .awBirthdayCards__title {
        margin-top: .5em;
        font-size: 28px;
        line-height: 38px;
        letter-spacing: -1px
    }
}

@media (min-width:768px) {
    .awBirthdayCards__header {
        max-width: 80%;
        margin: 0 auto
    }
}

@media (min-width:1300px) {
    .awBirthdayCards__header {
        max-width: 880px
    }
}

.awBirthdayCardDescription {
    color: rgba(255, 255, 255, .8);
    line-height: 24px;
    letter-spacing: -.3px;
    margin: 1.1em auto 0;
    max-width: 90%
}

@media (min-width:1300px) {
    .awBirthdayCardDescription {
        font-size: 18px;
        line-height: 28px
    }
}

.awBirthdayVideo {
    padding-top: 5em
}

@media (min-width:768px) {
    .awBirthdayVideo {
        padding-top: 6em
    }
}

@media (min-width:1300px) {
    .awBirthdayVideo {
        padding-top: 9.2em
    }
}

.awBirthdayVideo__container {
    margin: 2.5em auto 0;
    position: relative;
    max-width: 650px
}

@media (min-width:768px) {
    .awBirthdayVideo__container {
        margin-top: 3.1em
    }
}

@media (min-width:1300px) {
    .awBirthdayVideo__container {
        margin-top: 4.8em
    }
}

.awBirthdayVideo__play {
    position: absolute;
    top: calc(50% - 52px);
    left: calc(50% - 52px);
    width: 104px;
    height: 104px
}

@media (min-width:768px) {
    .awBirthdayVideo__play {
        top: calc(50% - 98px);
        left: calc(50% - 98px);
        width: 196px;
        height: 196px
    }
}

@media (min-width:1300px) {
    .awBirthdayVideo__play {
        top: calc(50% - 98px);
        left: calc(50% - 98px);
        width: 196px;
        height: 196px
    }
}

.awBirthdayVideo__video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.awBirthdayVideo__image {
    display: flex;
    overflow: hidden;
    border-radius: 15px
}

.awBirthdayVideo__image img {
    max-width: 100%
}

@media (min-width:768px) {
    .awBirthdayVideo__title {
        max-width: 490px;
        margin: 0 auto
    }
}

@media (min-width:1300px) {
    .awBirthdayVideo__title {
        max-width: 650px
    }
}

.awBirthdayZone {
    padding-top: 3.5em
}

.awBirthdayZone .awIndexZone__items {
    margin-top: 1.6em
}

@media (min-width:768px) {
    .awBirthdayZone .awIndexZone__items {
        margin-top: 1.6em
    }
}

@media (min-width:1300px) {
    .awBirthdayZone .awIndexZone__items {
        margin-top: 3.2em
    }

    .awBirthdayZone .awIndexZone__titles {
        padding-bottom: 1.4em
    }
}

@media (min-width:768px) {
    .awBirthdayZone {
        padding-top: 4.1em
    }
}

@media (min-width:1300px) {
    .awBirthdayZone {
        padding-top: 6.8em
    }
}

.awBirthdayPhotos {
    padding-top: 1.8em
}

@media (min-width:768px) {
    .awBirthdayPhotos {
        padding-top: 4.2em
    }
}

@media (min-width:1300px) {
    .awBirthdayPhotos {
        padding-top: 5.9em
    }
}

.awBirthdayPhotos .awGameImages__items {
    margin-top: 2.3em
}

@media (min-width:768px) {
    .awBirthdayPhotos .awGameImages__items {
        margin-top: 3.4em
    }
}

@media (min-width:1300px) {
    .awBirthdayPhotos .awGameImages__items {
        margin-top: 5em
    }
}

@media (min-width:768px) {
    .awBirthdayPhotos__title {
        max-width: 550px;
        margin: 0 auto
    }
}

@media (min-width:1300px) {
    .awBirthdayPhotos__title {
        max-width: 750px;
        margin: 0 auto
    }
}

.awBirthdayPrices {
    padding-top: 4.3em
}

@media (min-width:768px) {
    .awBirthdayPrices {
        padding-top: 6em
    }
}

@media (min-width:1300px) {
    .awBirthdayPrices {
        padding-top: 9em
    }
}

.awBirthdayPrices__Items {
    padding: 2.8em 1em
}

@media (min-width:768px) {
    .awBirthdayPrices__Items {
        padding: 3em 1.5em
    }
}

@media (min-width:1300px) {
    .awBirthdayPrices__Items {
        padding: 3em 0
    }
}

.awBirthdayPrices__Items .awIndexChoosePlan__planList {
    gap: 20px
}

.awBirthdayPrice__title {
    max-width: 90%;
    margin: 0 auto
}

@media (min-width:768px) {
    .awBirthdayPrice__title {
        max-width: 70%
    }
}

@media (min-width:1300px) {
    .awBirthdayPrice__title {
        max-width: 700px
    }
}

.awBirthdayReviews .awIndexReviews {
    padding-top: 3em
}

@media (min-width:768px) {
    .awBirthdayReviews .awIndexReviews {
        padding-top: 4em
    }
}

@media (min-width:1300px) {
    .awBirthdayReviews .awIndexReviews {
        padding-top: 8.2em
    }
}

.awBirthdayFeedBack {
    padding-top: 2.6em;
    position: relative
}

@media (min-width:768px) {
    .awBirthdayFeedBack {
        padding-top: .5em;
        position: relative
    }
}

@media (min-width:1300px) {
    .awBirthdayFeedBack {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 3em
    }

    .awBirthdayFeedBack h2 {
        grid-column: 1/3;
        margin: 2.6em auto 0;
        max-width: 500px
    }
}

@media (min-width:768px) {
    .awBirthdayFeedBack .awFeedBackForm {
        margin-top: 5.5em;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.8em;
        row-gap: 1em
    }
}

@media (min-width:1300px) {
    .awBirthdayFeedBack .awFeedBackForm {
        row-gap: 2.8em
    }
}

@media (min-width:768px) {
    .awBirthdayFeedBack .awFeedBackForm__checkbox {
        grid-column: 1/3;
        font-size: 14px
    }

    .awBirthdayFeedBack .awFeedbackInput__input span {
        font-size: 18px;
        letter-spacing: -.3px
    }
}

.awBirthdayFeedBack .awContacts__left {
    width: 100%;
    height: 221px;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 2.5em
}

@media (min-width:768px) {
    .awBirthdayFeedBack .awContacts__left {
        width: 650px;
        height: 594px;
        border-radius: 20px;
        margin: 3.2em auto 0
    }
}

@media (min-width:1300px) {
    .awBirthdayFeedBack .awContacts__left {
        margin-top: 4.5em;
        padding: 0
    }
}

.awBirthdayFeedBack .awContacts__left img {
    max-width: 100%;
    object-fit: cover
}

.awBirthdayFeedBack .awContacts__right {
    margin-top: 1em
}

@media (min-width:768px) {
    .awBirthdayFeedBack .awContacts__right {
        padding-top: 0
    }
}

@media (min-width:1300px) {
    .awBirthdayFeedBack .awContacts__right {
        margin-top: 4.5em;
        padding: 0
    }
}

.awBirthdayFeedBack:has(.awFeedBackForm[id=graduation]) {
    padding-bottom: 58px
}

@media (min-width:768px) {
    .awBirthdayFeedBack:has(.awFeedBackForm[id=graduation]) {
        padding-top: 58px
    }
}

@media (min-width:1300px) {
    .awBirthdayFeedBack:has(.awFeedBackForm[id=graduation]) {
        padding-top: 0;
        padding-bottom: 90px
    }
}

.awFeedbackForm__birthdayDescription {
    margin-top: 2em;
    line-height: 24px;
    letter-spacing: -.4px
}

@media (min-width:768px) {
    .awFeedbackForm__birthdayDescription {
        font-size: 18px;
        line-height: 28px;
        margin-top: 0
    }
}

.awBirthdayBlogers {
    padding-top: 6.1em
}

@media (min-width:768px) {
    .awBirthdayBlogers {
        padding-top: 8.6em
    }
}

@media (min-width:1300px) {
    .awBirthdayBlogers {
        padding-top: 12.5em
    }
}

.awBirthdayBlogers .awIndexBlogersSlider {
    padding: 0
}

@media (min-width:1300px) {
    .awBirthdayFAQ {
        padding-top: 40px
    }

    .awBirthdayFAQ .awIndexFAQ__right {
        margin-top: -1em;
        padding-top: 0
    }
}

@media (min-width:768px) {
    .awBirthdayWrapper {
        padding: 0 2.2em
    }
}

@media (min-width:1300px) {
    .awBirthdayWrapper {
        padding: 0 3.5em
    }

    .awEvent__topBannerContainer {
        max-width: 1440px;
        margin: 0 auto
    }
}

.awEvent__topBanner {
    margin-top: 250px;
    height: 350px;
    width: 100%;
    position: relative
}

@media (min-width:768px) {
    .awEvent__topBanner {
        margin-top: 0;
        height: 735px
    }
}

@media (min-width:1300px) {
    .awEvent__topBanner {
        height: 900px
    }
}

@media (min-width:768px) {
    .awEvent__topBanner.graduation .awH1index {
        width: 380px;
        margin-top: 38px
    }

    .awEvent__topBanner.graduation .awEvent__topBannerRightImg img {
        margin-top: 108px;
        height: 94%
    }
}

@media (min-width:1300px) {
    .awEvent__topBanner.graduation .awH1index {
        width: 700px;
        margin-top: 200px
    }

    .awEvent__topBanner.graduation .awEvent__topBannerRightImg img {
        margin-top: 200px
    }
}

.awEvent__topBannerShadow {
    width: 100%;
    height: 100%;
    background: radial-gradient(55.27% 55.27%at 64.82% 44.73%, rgba(0, 41, 78, .1) 47.54%, rgba(0, 17, 78, .8) 100%)
}

.awEvent__topBannerDarkGradient {
    position: absolute;
    top: 0;
    width: 100%;
    height: 150px;
    background: #0c0c16;
    background: linear-gradient(180deg, #0c0c16 0, rgba(12, 12, 22, 0) 100%)
}

.awEvent__topBannerLeft {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -125px
}

@media (min-width:768px) {
    .awEvent__topBannerLeft {
        text-align: left;
        align-items: flex-start;
        padding-left: 30px;
        padding-right: 30px;
        top: 142px
    }
}

@media (min-width:1300px) {
    .awEvent__topBannerLeft {
        padding-left: 48px;
        padding-right: 48px;
        top: 26px;
        z-index: 10
    }
}

.awEvent__topBannerDescription {
    margin-top: 20px;
    width: 350px;
    z-index: 10;
    line-height: 20px
}

@media (min-width:768px) {
    .awEvent__topBannerDescription {
        max-width: 350px;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -.3px
    }
}

@media (min-width:1300px) {
    .awEvent__topBannerDescription {
        margin-top: 42px;
        max-width: 500px;
        width: 500px
    }
}

.awEvent__topBannerDescription a {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .awEvent__topBannerDescription a {
        font-size: 24px;
        justify-content: flex-start
    }
}

@media (min-width:1300px) {
    .awEvent__topBannerDescription a {
        margin: 8px 0
    }
}

.awEvent__topBannerButton {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 130px;
    z-index: 10
}

@media (min-width:768px) {
    .awEvent__topBannerButton {
        justify-content: flex-start;
        margin-top: 50px
    }
}

@media (min-width:1300px) {
    .awEvent__topBannerButton {
        margin-top: 55px
    }
}

.awEvent__topBannerButton.graduation {
    margin-top: 25px
}

.awEvent__topBannerButton.graduation .awRedButtonTitle {
    letter-spacing: 1.6px
}

@media (min-width:768px) {
    .awEvent__topBannerRight {
        width: 58%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 42%;
        display: flex
    }
}

@media (min-width:1300px) {
    .awEvent__topBannerRight {
        left: 45%;
        width: 55%
    }
}

.awEvent__topBannerRightImg {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 350px
}

@media (min-width:768px) {
    .awEvent__topBannerRightImg {
        width: 100%;
        height: 100%;
        display: flex
    }
}

.awEvent__topBannerRightImg img {
    max-width: 100%;
    margin-top: 160px
}

@media (min-width:768px) {
    .awEvent__topBannerRightImg img {
        width: auto;
        object-fit: cover;
        object-position: left;
        height: 80%
    }
}

@media (min-width:1300px) {
    .awEvent__topBannerRightImg img {
        height: 100%;
        margin-top: 170px
    }
}

.awEvent__subtract {
    display: none
}

@media (min-width:768px) {
    .awEvent__subtract {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        bottom: -1px;
        width: 100%
    }
}

@media (min-width:1300px) {
    .awEvent__subtract {
        justify-content: center
    }
}

@media (min-width:768px) {
    .awEvent__subtractCenter {
        background-size: auto 100%;
        background: url(../images/birthday_subtract768.svg)no-repeat top 0 right 0;
        height: 90px;
        width: 100%;
        max-width: 1440px
    }
}

@media (min-width:1300px) {
    .awEvent__subtractCenter {
        background: url(../images/birthday_subtract1400.svg)no-repeat top;
        height: 90px
    }

    .awEvent__subtractLeft,
    .awEvent__subtractRight {
        flex-grow: 1;
        background-color: #0c0c16
    }
}

.awEvent__popupWrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(12, 12, 22, .34);
    backdrop-filter: blur(5px);
    position: fixed;
    display: flex;
    z-index: 500;
    justify-content: center;
    align-items: center;
    animation: eventPopDown .3s both;
    visibility: hidden
}

.awEvent__popupWrapper.active {
    display: flex;
    animation: eventPopUp .3s both
}

.awEvent__popupContainer {
    position: relative
}

.awEvent__popupContainer .awFeedbackForm__birthdayDescription {
    display: none
}

@media (min-width:1300px) {
    .awEvent__popupContainer .awFeedbackForm__birthdayDescription {
        display: inherit
    }

    .awEvent__popupContainer {
        display: flex
    }

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

.awEvent__popupContainer__closeButton {
    font-family: "Audiowide", serif;
    font-size: 24px;
    color: var(--aw-red);
    position: absolute;
    padding: 10px;
    top: 17px;
    right: 17px;
    z-index: 501;
    transition: opacity .3s ease
}

@media (min-width:1300px) {
    .awEvent__popupContainer__closeButton {
        top: 26px;
        right: 26px
    }

    .awEvent__popupContainer__closeButton:hover {
        opacity: .5
    }
}

.eventRateDetail {
    margin-top: 26px;
    border-top: .5px solid rgba(255, 255, 255, .4)
}

.eventRateDetail__header {
    margin-top: 24px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.5px
}

.eventRateDetail__item {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.4px;
    display: flex;
    justify-content: space-between
}

.eventRateDetail__item:nth-child(2) {
    margin-top: 20px
}

.eventRateDetail__item span:first-child {
    max-width: 90%
}

.eventRateDetail__item span:last-child {
    margin-top: 4px;
    display: flex;
    justify-content: center
}

.eventRateDetail__item:not(.active) {
    opacity: .4
}

.eventRateDetail__buttonText {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.3px
}

.newYearEvent__top {
    background: url(../images/bg.jpg)center no-repeat;
    background-size: cover;
    padding: 120px 16px 0;
    position: relative
}

@media (min-width:768px) {
    .newYearEvent__top {
        background: url(../images/bg768.jpg);
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        display: flex;
        padding: 160px 36px 0;
        min-height: 730px
    }
}

@media (min-width:1300px) {
    .newYearEvent__top {
        min-height: 100svh;
        background: url(../images/bg1300.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 180px 0
    }
}

.newYearEvent__top h1 {
    font-family: Igra Sans, serif;
    font-size: 24px;
    line-height: 38px;
    font-weight: 400;
    letter-spacing: 0;
    z-index: 1;
    text-align: center
}

@media (min-width:768px) {
    .newYearEvent__top h1 {
        font-size: 36px;
        line-height: 52px;
        text-align: left
    }
}

@media (min-width:1300px) {
    .newYearEvent__top h1 {
        font-size: 70px;
        line-height: 84px;
        max-width: 830px
    }
}

@media (min-width:768px) {
    .newYearEvent__top-text {
        max-width: 65%
    }
}

@media (min-width:1300px) {
    .newYearEvent__top-text {
        max-width: 1440px;
        min-width: 1200px;
        margin: 0 auto;
        width: 70%
    }
}

.newYearEvent__top-description {
    display: flex;
    text-align: center
}

@media (min-width:768px) {
    .newYearEvent__top-description {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        max-width: 80%
    }
}

@media (min-width:1300px) {
    .newYearEvent__top-description {
        width: 38%
    }
}

.newYearEvent__top-image {
    display: flex
}

.newYearEvent__top-image img {
    max-width: 100%;
    object-fit: cover;
    object-position: bottom
}

@media (min-width:768px) {
    .newYearEvent__top-image img {
        height: 90%;
        object-position: left
    }
}

@media (min-width:1300px) {
    .newYearEvent__top-image img {
        height: 100%;
        z-index: 0
    }
}

@media (min-width:768px) {
    .newYearEvent__top-image {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 70%;
        z-index: 5
    }
}

.newYearEvent__top-button {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .newYearEvent__top-button {
        position: relative;
        bottom: -6%;
        left: 0;
        transform: translateX(0)
    }
}

.newYearEvent__tags {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 16px
}

.newYearEvent__tag {
    border: 1px solid #246fff;
    border-radius: 5px;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #246fff;
    text-align: left
}

.awBlog article p,
.newYearEvent__tag span {
    letter-spacing: -.3px
}

.newYearEvent__tag:nth-child(3) {
    grid-column: 1/3;
    justify-content: center
}

.newYearEvent__tag:nth-child(3) span {
    max-width: 70%
}

.newYearEvent__tag img {
    width: 24px
}

.newYearEvent__cards__item {
    height: auto;
    padding-bottom: 24px
}

@media (min-width:768px) {
    .newYearEvent__cards__item .awBirthdayCards__title {
        min-height: 60px
    }

    .newYearEvent__cards__item .awBirthdayCardDescription {
        min-height: 190px
    }

    .newYearEvent__cards__item .awBirthdayCards__title {
        max-width: 90%;
        margin: 0 auto
    }
}

@media (min-width:1300px) {
    .newYearEvent__cards__item .awBirthdayCards__shadow {
        padding: 16px
    }
}

@media (min-width:768px) {
    .newYearEvent__cards__item:last-child {
        grid-column: 1/3;
        max-width: 50%;
        margin: 0 auto
    }
}

@media (min-width:900px) {
    .newYearEvent__cards__item:last-child {
        max-width: 380px
    }
}

@media (min-width:1300px) {
    .newYearEvent__cards__item:last-child {
        grid-column: 3/3
    }
}

@media (min-width:768px) {
    .newYearEvent__cards__item {
        max-width: 380px;
        margin: 0 auto
    }
}

@media (min-width:1300px) {
    .newYearEvent__cards__item {
        max-width: 100%
    }
}

.newYearEvent__blueBackGround {
    background: url(../images/blue-bg_1.jpg)no-repeat top;
    background-size: 80% 100%
}

html[dir=rtl] .ta-left {
    text-align: right
}

html[dir=rtl] .awRedButton__button {
    border-radius: 0 8px 8px 0
}

html[dir=rtl] .awRedButtonArrow img,
html[dir=rtl] .awRedButton__after img {
    transform: scale(-1, 1)
}

html[dir=rtl] .awRedButtonArrow {
    transform: translate(16px, 0)
}

html[dir=rtl] .awRedButton_href:not(.loading) .awRedButton:hover .awRedButtonArrow {
    transform: translate(-3px, 0);
    transition: all .3s ease
}

@media (min-width:1300px) {
    html[dir=rtl] .awIndexMap__description {
        padding-right: 2.3em;
        left: auto;
        right: 100px
    }
}

html[dir=rtl] .awIndexMap__container {
    max-width: 100%
}

html[dir=rtl] .awCheckBox__Label span:not(.awCheckBox__check) {
    margin-right: 40px
}

html[dir=rtl] .awPhone,
html[dir=rtl] .awUpArrow {
    left: 20px;
    right: auto
}

html[dir=rtl] .awSiteSelect__search div img {
    right: calc(100% - 50px);
    left: auto
}

@media (min-width:1300px) {
    html[dir=rtl] .awSiteSelect__search div img {
        right: calc(100% - 200px);
        left: auto
    }
}

html[dir=rtl] .awTopBanner {
    padding-right: 1.5em
}

@media (min-width:768px) {
    html[dir=rtl] .awTopBanner {
        padding-left: 2.3em
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awTopBanner {
        padding-left: 3.7em
    }

    html[dir=rtl] .reservationSummary {
        left: 3em;
        right: auto
    }
}

@media (min-width:1440px) {
    html[dir=rtl] .reservationSummary {
        left: 14%;
        right: auto
    }
}

html[dir=rtl] .reservation__ChooseCheck span.active {
    transform: translateX(-80%)
}

html[dir=rtl] .reservationThirdStep__navigation .awSliderNavigation__prevButton {
    left: -18px
}

html[dir=rtl] .reservationSummary__promoCodeDelete {
    left: 10px;
    right: auto;
    transform: rotate(180deg)
}

html[dir=rtl] .awFeedbackInput__input span {
    left: unset
}

@media (min-width:1300px) {
    html[dir=rtl] .awIndexCert__cert {
        padding-right: 6em
    }
}

html[dir=rtl] .awIndexZone__left {
    background: url(../images/Zone_left_bg375r.svg)no-repeat top;
    background-size: cover
}

@media (min-width:768px) {
    html[dir=rtl] .awIndexZone__left {
        background: url(../images/Zone_left_bg768r.svg)no-repeat left;
        background-size: cover
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awIndexZone__left {
        background: url(../images/Zone_left_bgr.svg)no-repeat top;
        background-size: cover;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 20px
    }
}

html[dir=rtl] .awIndexZone__right.zone01 {
    background: url(../images/zone_pic01-375r.webp)no-repeat
}

@media (min-width:768px) {
    html[dir=rtl] .awIndexZone__right.zone01 {
        background: url(../images/zone_pic01-768r.webp)no-repeat
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awIndexZone__right.zone01 {
        background: url(../images/zone_pic01r.webp)no-repeat
    }
}

html[dir=rtl] .awIndexZone__right.zone02 {
    background: url(https://vr-ninja.ru/images/zone_pic02-375r.webp)no-repeat
}

@media (min-width:768px) {
    html[dir=rtl] .awIndexZone__right.zone02 {
        background: url(https://vr-ninja.ru/images/zone_pic02-768r.webp)no-repeat
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awIndexZone__right.zone02 {
        background: url(https://vr-ninja.ru/images/zone_pic02r.webp)no-repeat
    }
}

html[dir=rtl] .awIndexZone__right.zone03 {
    background: url(https://vr-ninja.ru/images/zone_pic03-375r.webp)no-repeat
}

@media (min-width:768px) {
    html[dir=rtl] .awIndexZone__right.zone03 {
        background: url(https://vr-ninja.ru/images/zone_pic03-768r.webp)no-repeat
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awIndexZone__right.zone03 {
        background: url(https://vr-ninja.ru/images/zone_pic03r.webp)no-repeat
    }
}

@media (min-width:768px) {
    html[dir=rtl] .awIndexZone__description {
        padding-right: 2em;
        padding-left: 0
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awIndexZone__description {
        padding-right: 5.8em
    }
}

@media (min-width:768px) {

    html[dir=rtl] .awIndexZone__description-text,
    html[dir=rtl] .awIndexZone__description-title {
        text-align: right
    }
}

html[dir=rtl] .awEvent__topBannerLeft .awH1index {
    text-align: right
}

@media (min-width:768px) {
    html[dir=rtl] .awEvent__topBannerRightImg img {
        object-position: right
    }
}

html[dir=rtl] .awEvent__topBannerRight {
    right: auto;
    left: 0
}

@media (min-width:768px) {
    html[dir=rtl] .awEvent__topBannerLeft {
        padding-right: 30px
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awEvent__topBannerLeft {
        padding-right: 48px
    }
}

html[dir=rtl] .awIndexGamesPagination__nextButton,
html[dir=rtl] .awIndexGamesPagination__prevButton {
    transform: scale(-1, 1)
}

@media (min-width:1300px) {

    html[dir=rtl] .awIndexGamesPagination__nextButton,
    html[dir=rtl] .awIndexGamesPagination__prevButton {
        transform: rotate(90deg)
    }

    html[dir=rtl] .awIndexGames__videoPosterContainer img {
        width: 100%
    }
}

html[dir=rtl] .awCursorImageWrapper {
    background: url(https://vr-ninja.ru/images/cursor-ltr.svg)
}

html[dir=rtl] .awLanguageSelect {
    left: 4%
}

@media (min-width:768px) {
    html[dir=rtl] .awLanguageSelect {
        left: auto;
        right: 10%
    }
}

@media (min-width:1600px) {
    html[dir=rtl] .awLanguageSelect {
        right: 50%;
        transform: translateX(584px)
    }
}

html[dir=rtl] .air-datepicker-nav--action {
    transform: scale(-1, 1)
}

html[dir=rtl] .sub,
html[dir=rtl] input[type=phone] {
    direction: ltr
}

html[dir=rtl] .awMenu__menu ul li.sub:hover .awMenu__top-li:after {
    transform: rotate(90deg)
}

html[dir=rtl] .awMenu__menu ul li ul {
    left: -150%
}

html[dir=rtl] .awEvent__popupContainer__closeButton {
    right: auto;
    left: 17px
}

@media (min-width:1300px) {
    html[dir=rtl] .awEvent__popupContainer__closeButton {
        left: 26px
    }
}

html[dir=rtl] .awGame__header .awH1 {
    text-align: center
}

html[dir=rtl] .awGame__poster {
    display: flex;
    justify-content: flex-end
}

html[dir=rtl] .awGameBefore__header {
    text-align: left;
    top: -28px;
    left: 10px
}

@media (min-width:768px) {
    html[dir=rtl] .awGameBefore__header {
        top: 0
    }
}

@media (min-width:1300px) {
    html[dir=rtl] .awGameBefore__header {
        top: 28px;
        width: 400px
    }

    html[dir=rtl] .awGameBefore__header .awGameH2 {
        font-size: 36px
    }
}

@media (min-width:768px) {
    html[dir=rtl] .awFooter__middle {
        left: 0;
        right: auto
    }
}

html[dir=rtl] .awIndexMap__description {
    padding-right: 2.3em
}

html[dir=rtl] .anketaParticipants__title span:nth-child(3) {
    left: 0;
    right: auto
}

@media (min-width:768px) {
    html[dir=rtl] .awIndexCert__description {
        padding-left: 2em
    }

    html[dir=rtl] .awIndexCert__text {
        text-align: right
    }
}

.page-blue-bg {
    background: url(../images/TownSelect-gradient.svg)no-repeat top;
    background-size: 90%
}

.blue-bg {
    background: url(../images/blue-bg_1.jpg)no-repeat top;
    background-size: 80% 100%;
    z-index: -2
}

.red-bg {
    background: url(../images/red-bg.jpg)no-repeat top;
    background-size: 70% 104%;
    z-index: -2
}

.redButton {
    padding-left: 24px;
    padding-right: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    display: flex;
    gap: 24px;
    align-items: center;
    height: 56px;
    background-color: #ea0046;
    position: relative;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.redButton:hover .redButton__text {
    transform: translateY(-50%)
}

.redButton:hover .redButton__arrows {
    transform: translateX(50%)
}

.redButton:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.3 56' style='enable-background:new 0 0 15.3 56;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EA0046;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0c4.5,0,9.2,0,10.9,0.9c1.5,0.8,2.7,2,3.5,3.5c0.9,1.7,0.9,4,0.9,8.4v27.9c0,2,0,2.9-0.2,3.9 c-0.2,0.8-0.5,1.6-1,2.3c-0.5,0.8-1.2,1.5-2.6,2.9l-2.5,2.5c-1.4,1.4-2.1,2.1-2.9,2.6c-0.7,0.4-1.5,0.8-2.3,1C2.9,56,2,56,0,56'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    height: 56px;
    width: 16px;
    position: absolute;
    right: -16px;
    top: 0
}

.redButton div {
    height: 20px;
    overflow: hidden
}

.redButton div:last-child {
    width: 16px;
    display: flex;
    justify-content: flex-end;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.redButton__wrapper {
    display: flex
}

.redButton__text {
    flex-direction: column
}

.redButton__arrows,
.redButton__text {
    display: flex;
    transition: all .3s ease
}

.redButton__arrows svg {
    height: 16px;
    width: 16px;
    fill: none;
    stroke-width: 2px;
    stroke: #fff
}

@media (min-width:1300px) {
    .awMenu__burger {
        display: none
    }
}

.awMenu__burger-icon {
    display: block;
    position: relative;
    width: 46px;
    height: 40px;
    background-color: #ea0046;
    border-radius: 6px
}

@media (min-width:768px) {
    .awMenu__burger-icon {
        width: 64px;
        height: 56px;
        border-radius: 8px
    }
}

.awMenu__burger-icon span,
.awMenu__burger-icon::after,
.awMenu__burger-icon::before {
    content: "";
    left: 0;
    position: absolute;
    height: 2px;
    width: 20px;
    transition: all .3s ease 0s;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    margin-left: 13px
}

@media (min-width:768px) {

    .awMenu__burger-icon span,
    .awMenu__burger-icon::after,
    .awMenu__burger-icon::before {
        height: 2px;
        width: 24px;
        transition: all .3s ease 0s;
        background-color: #fff;
        border-radius: 3px;
        text-align: center;
        margin-left: 20px
    }
}

.awMenu__burger-icon span {
    top: 50%;
    transform: scale(1) translate(0, -50%)
}

.awMenu__burger-icon::before {
    top: 12px
}

@media (min-width:768px) {
    .awMenu__burger-icon::before {
        top: 20px
    }
}

.awMenu__burger-icon::after {
    bottom: 12px
}

@media (min-width:768px) {
    .awMenu__burger-icon::after {
        bottom: 20px
    }
}

.awMenu__burger-icon.active::before {
    top: 49%;
    left: 0;
    transform: rotate(-45deg) translate(0, -50%);
    margin-left: 14px
}

@media (min-width:768px) {
    .awMenu__burger-icon.active::before {
        top: 48%;
        margin-left: 20px
    }
}

.awMenu__burger-icon.active::after {
    bottom: 50%;
    left: 0;
    transform: rotate(45deg) translate(0, 50%);
    margin-left: 14px
}

@media (min-width:768px) {
    .awMenu__burger-icon.active::after {
        bottom: 50%;
        margin-left: 20px
    }
}

.awMenu__burger-icon.active span {
    transform: scale(0)
}

.awMenu__menu {
    display: none
}

@media (min-width:1300px) {
    .awMenu__menu {
        display: flex;
        margin: 0 auto;
        align-items: center;
        justify-content: space-around;
        text-transform: uppercase;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .awMenu__menu ul {
        list-style: none;
        margin-left: 0;
        display: flex;
        flex-direction: row;
        gap: 30px;
        padding: 0
    }

    .awMenu__menu ul li {
        transition: all .3s ease;
        position: relative
    }

    .awMenu__menu ul li.sub:before {
        display: inline-block;
        position: absolute;
        top: -10px;
        content: "";
        width: 100%;
        height: 60px;
        z-index: -1
    }

    .awMenu__menu ul li.sub .awMenu__top-li:after {
        margin-left: 14px;
        display: inline-block;
        content: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.25 0.75L6 5.25L0.75 0.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        transition: all .3s ease
    }

    .awMenu__menu ul li a:hover,
    .awMenu__menu ul li.sub:hover .awMenu__top-li {
        opacity: 50%
    }

    .awMenu__menu ul li.sub:hover .awMenu__top-li:after {
        transform: rotate(-90deg)
    }

    .awMenu__menu ul li ul,
    .awMenu__menu ul li.active ul,
    .awMenu__menu ul li.sub:hover ul {
        visibility: visible;
        opacity: 1;
        display: flex;
        padding: 32px;
        gap: 20px;
        max-height: 500px
    }

    .awMenu__menu ul li.active .awMenu__top-li:after {
        transform: rotate(180deg)
    }

    .awMenu__menu ul li a {
        letter-spacing: 1px;
        white-space: nowrap;
        transition: all .3s ease
    }

    .awMenu__menu ul li span {
        position: relative;
        display: block
    }

    .awMenu__menu ul li ul {
        flex-direction: column;
        position: absolute;
        left: -28px;
        top: 48px;
        min-width: 189px;
        gap: 10px;
        background-color: #0c0c16;
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 12px;
        height: auto;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        transition: opacity .3s, visibility .3s linear, max-height .3s linear
    }
}

.awMenu__wrapper {
    width: 100%;
    transition: all .3s ease;
    position: fixed;
    z-index: 110;
    left: 0;
    top: 0
}

.awMenu__wrapper.aw_PromoSlideUp .awMenu__secondRow,
.awMenu__wrapper.aw_SlideUp .awMenu__secondRow {
    padding-top: 1.3em;
    padding-bottom: 1.3em
}

@media (min-width:1300px) {
    .awMenu__wrapper {
        background: url(../images/top.svg)repeat-x center
    }

    .awMenu__wrapper.aw_PromoSlideUp .awMenu__secondRowContainer,
    .awMenu__wrapper.aw_SlideUp .awMenu__secondRowContainer {
        width: 100%;
        background-color: rgba(12, 12, 22, .4196078431)
    }
}

.awMenu__firstRow {
    width: 100%;
    transition: all .3s ease;
    padding: 1.2em 1.5em 0
}

@media (min-width:768px) {
    .awMenu__firstRow {
        padding: 1.3em 2.5em;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1300px) {
    .awMenu__firstRow {
        max-width: 1440px;
        margin: 0 auto;
        padding: 1.3em 3.5em 1em
    }
}

.awMenu__firstRow-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0
}

@media (min-width:768px) {
    .awMenu__firstRow-left {
        justify-content: space-around;
        gap: 2.8em
    }
}

.awMenu__firstRow-right {
    display: none
}

@media (min-width:768px) {
    .awMenu__firstRow-right {
        display: flex;
        gap: 1em;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end
    }
}

@media (min-width:1300px) {
    .awMenu__firstRow-right {
        gap: 3.5em
    }
}

.awMenu__secondRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 1.5em .5em
}

@media (min-width:768px) {
    .awMenu__secondRow {
        padding: .5em 2.5em 1.3em
    }
}

@media (min-width:1300px) {
    .awMenu__secondRow {
        max-width: 1440px;
        margin: 0 auto;
        padding: 2em 3.5em 1em
    }

    .awMenu__secondRow.aw_SecondMenuColor {
        background: url(../images/top-menu_background_black.svg)no-repeat top
    }
}

.awMenu__language {
    display: flex;
    align-items: center;
    gap: .8em;
    font-size: 12px;
    transition: all .5s ease
}

.awMenu__language:hover,
.awMenu__location:hover,
.awMenu__phone:hover {
    opacity: .5
}

.awMenu__language-icon img {
    width: 1.8em
}

.awMenu__language-title {
    letter-spacing: 2px
}

@media (min-width:768px) {
    .awMenu__language-title {
        font-size: 14px
    }
}

.awMenu__location {
    display: flex;
    gap: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all .3s ease
}

.awMenu__location-icon img {
    width: 16px;
    height: 20px
}

.awMenu__button {
    display: none
}

@media (min-width:768px) {
    .awMenu__button {
        display: flex
    }
}

.awMenu__logo {
    width: 136px
}

@media (min-width:768px) {
    .awMenu__logo {
        width: 214px
    }
}

.awMenu__social {
    fill: #fff;
    display: none
}

@media (min-width:1300px) {
    .awMenu__social {
        display: flex;
        align-items: center;
        gap: 20px
    }

    .awMenu__firstRowContainer {
        width: 100%
    }
}

.awMenu__ipadButtons {
    display: flex;
    gap: 1.5em
}

.awMenu__phone {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all .3s ease
}

.awMenu__phone img {
    display: flex;
    width: 16px;
    height: 16px
}

#headerTown img {
    max-width: 20px;
    margin-left: 16px;
    margin-right: 8px
}

.awMobileMenu__wrapper {
    display: none;
    position: relative
}

.awMobileMenu__wrapper.showMenu {
    display: block
}

.awMobileMenu__menu {
    background-color: #0c0c16;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    z-index: 100
}

.awMobileMenu__menu ul {
    margin: 9.5em 0 0;
    padding: 1em 0 0;
    list-style-type: none;
    color: #fff;
    text-align: center;
    line-height: 3.8em;
    text-transform: uppercase
}

.awMobileMenu__menu ul a {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px
}

.awMobileMenu__icons {
    padding-top: 4em;
    display: flex;
    flex-direction: column;
    gap: 1.9em;
    align-items: center
}

.awMobileMenu__icons .awMenu__phone,
.awMobileMenu__icons .awMenu__phone img {
    display: flex;
    align-items: center;
    gap: 1em
}

.awMobileMenu__icons .awMenu__phone img {
    width: 16px
}

.awMobileMenu__social {
    margin-top: 4em;
    display: flex;
    gap: 3em;
    margin-bottom: 20em
}

.awMobileMenu__social svg,
.partners__copy.active svg {
    fill: #fff
}

@media (min-width:1300px) {
    .awIndexZone__wrapper {
        padding-top: 3em
    }
}

.awIndexZone__container {
    padding: 1.6em 1em 0
}

@media (min-width:768px) {
    .awIndexZone__container {
        padding: 1.3em 2em
    }
}

@media (min-width:1300px) {
    .awIndexZone__container {
        max-width: 1440px;
        margin: 0 auto
    }
}

.awIndexZone__items {
    margin-top: 1.7em
}

.awIndexZone__number {
    font-size: 24px;
    line-height: 24px;
    font-family: Audiowide, serif;
    color: #ea0046;
    padding-left: .85em
}

@media (min-width:768px) {
    .awIndexZone__number {
        padding-left: .25em
    }
}

@media (min-width:1300px) {
    .awIndexZone__number {
        padding-left: 1em
    }

    .awIndexZone__number span {
        border: 4px solid #0c0c16;
        background-color: #0c0c16
    }
}

.awIndexZone__description {
    margin-top: 6em
}

@media (min-width:768px) {
    .awIndexZone__description {
        margin-top: 5.6em;
        padding-left: 2em
    }
}

@media (min-width:1300px) {
    .awIndexZone__description {
        margin-top: 6.4em;
        padding-left: 5.8em;
        width: 400px
    }
}

.awIndexZone__description-title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -.6px;
    font-family: Igra Sans, serif
}

@media (min-width:768px) {
    .awIndexZone__description-title {
        font-size: 28px;
        line-height: 38px;
        text-align: left;
        max-width: 250px;
        letter-spacing: -1px
    }
}

@media (min-width:1300px) {
    .awIndexZone__description-title {
        font-size: 36px;
        line-height: 52px;
        max-width: 345px;
        letter-spacing: .2px
    }
}

.awIndexZone__description-text {
    margin: 0 auto;
    padding-top: 1.6em;
    width: 260px;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

@media (min-width:768px) {
    .awIndexZone__description-text {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        letter-spacing: -.7px;
        width: 280px;
        margin: 0;
        padding-top: 1.5em;
        color: rgba(255, 255, 255, .8)
    }
}

@media (min-width:1300px) {
    .awIndexZone__description-text {
        width: 345px
    }
}

.awIndexZone__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

@media (min-width:768px) {
    .awIndexZone__item {
        flex-direction: row;
        align-items: normal;
        padding-left: 1em;
        width: 704px
    }

    .awIndexZone__item:last-child .awIndexZone__description {
        margin-top: 6.7em
    }
}

@media (min-width:1300px) {
    .awIndexZone__item {
        width: 1150px;
        position: sticky;
        bottom: 0;
        margin-bottom: 3em;
        left: 0;
        transition: all .3s ease
    }

    .awIndexZone__item:last-child .awIndexZone__description {
        margin-top: 8em
    }
}

.awIndexZone__title {
    width: 300px;
    margin: 0 auto;
    padding: 1.5em 0 1em
}

@media (min-width:768px) {
    .awIndexZone__title {
        width: 500px;
        padding: 2em 0 1.5em
    }
}

@media (min-width:1300px) {
    .awIndexZone__title {
        width: 650px;
        padding-bottom: 3.1em
    }
}

.awIndexZone__left {
    background-size: cover;
    background: url(../images/Zone_left_bg375.svg)no-repeat top;
    width: 351px;
    padding-bottom: 5em
}

@media (min-width:768px) {
    .awIndexZone__left {
        padding-bottom: 0;
        background: url(../images/Zone_left_bg768.svg)no-repeat left;
        background-size: cover;
        height: 392px
    }
}

@media (min-width:1300px) {
    .awIndexZone__left {
        padding-bottom: 0;
        background: url(../images/Zone_left_bg.svg)no-repeat top;
        background-size: cover;
        height: 442px;
        width: 575px;
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        border-bottom-left-radius: 20px
    }
}

.awIndexZone__right {
    margin-top: -2.6em;
    margin-bottom: 2em;
    background-size: 100%;
    background-position: top;
    height: 392px;
    width: 351px
}

@media (min-width:768px) {
    .awIndexZone__right {
        margin-top: 0;
        margin-bottom: 1.6em;
        background-position: top;
        background-size: cover
    }
}

@media (min-width:1300px) {
    .awIndexZone__right {
        width: 575px;
        height: 442px;
        margin-bottom: 0
    }
}

.awIndexZone__right.zone01 {
    background: url(../images/zone_pic01-375.webp)no-repeat
}

@media (min-width:768px) {
    .awIndexZone__right.zone01 {
        background: url(../images/zone_pic01-768.webp)no-repeat
    }
}

@media (min-width:1300px) {
    .awIndexZone__right.zone01 {
        background: url(../images/zone_pic01.webp)no-repeat
    }
}

.awIndexZone__right.zone02 {
    background: url(https://vr-ninja.ru/images/zone_pic02-375.webp)no-repeat
}

@media (min-width:768px) {
    .awIndexZone__right.zone02 {
        background: url(https://vr-ninja.ru/images/zone_pic02-768.webp)no-repeat
    }
}

@media (min-width:1300px) {
    .awIndexZone__right.zone02 {
        background: url(https://vr-ninja.ru/images/zone_pic02.webp)no-repeat
    }
}

.awIndexZone__right.zone03 {
    background: url(https://vr-ninja.ru/images/zone_pic03-375.webp)no-repeat
}

@media (min-width:768px) {
    .awIndexZone__right.zone03 {
        background: url(https://vr-ninja.ru/images/zone_pic03-768.webp)no-repeat
    }
}

@media (min-width:1300px) {
    .awIndexZone__right.zone03 {
        background: url(https://vr-ninja.ru/images/zone_pic03.webp)no-repeat
    }

    .awIndexZoneBrightness {
        filter: brightness(50%);
        transform: scale(90%);
        transition: all .3s ease
    }
}

.awIndexGames__wrapper {
    padding-top: 3em
}

@media (min-width:1300px) {
    .awIndexGames__wrapper {
        padding-top: 4.4em
    }
}

.awIndexGames__container {
    max-width: 1440px;
    margin: 0 auto
}

.awIndexGames__title {
    width: 200px;
    margin: 1.7em auto 0;
    padding-bottom: 1em
}

@media (min-width:768px) {
    .awIndexGames__title {
        width: 540px;
        padding-bottom: 0
    }
}

.awIndexGames__body {
    margin-top: 1.4em;
    padding: 1em;
    overflow: hidden;
    min-width: 0
}

@media (min-width:768px) {
    .awIndexGames__body {
        display: flex;
        flex-direction: column;
        margin-top: -5em;
        padding: 0 2em
    }
}

@media (min-width:1300px) {
    .awIndexGames__body {
        margin-top: -1em;
        position: relative
    }
}

.awIndexGames__videoPosterContainer {
    min-height: 700px;
    width: 100%
}

@media (min-width:768px) {
    .awIndexGames__videoPosterContainer {
        clip-path: url(index.min.css);
        min-height: 740px;
        height: 100%;
        width: 100%;
        object-fit: contain
    }
}

@media (min-width:1300px) {
    .awIndexGames__videoPosterContainer {
        display: flex;
        clip-path: url(index.min.css);
        width: 100%;
        min-height: 800px
    }
}

.awIndexGames__videoPosterContainer img {
    min-height: 700px;
    max-width: 100%;
    object-fit: cover;
    border-radius: 15px
}

@media (max-width:340px) {
    .awIndexGames__videoPosterContainer img {
        min-height: 800px;
        max-width: 100%;
        object-fit: cover;
        border-radius: 15px
    }
}

@media (min-width:768px) {
    .awIndexGames__videoPosterContainer img {
        min-height: 740px;
        max-width: 100%;
        object-fit: cover;
        border-radius: 15px
    }
}

@media (min-width:1300px) {
    .awIndexGames__videoPosterContainer img {
        max-width: 100%
    }
}

.awIndexGames__videoWrapper {
    position: relative;
    width: 100%
}

.awIndexGames__videoPoserGradient {
    position: absolute;
    background: linear-gradient(90deg, rgba(4, 11, 22, .8)0, rgba(4, 11, 22, 0) 59.9%, rgba(4, 11, 22, .48) 100%);
    min-height: 740px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

@media (min-width:768px) {
    .awIndexGames__videoPoserGradient {
        clip-path: url(index.min.css)
    }
}

@media (min-width:1300px) {
    .awIndexGames__videoPoserGradient {
        clip-path: url(index.min.css)
    }
}

.awIndexGames__videoPlay {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: rgba(224, 224, 224, .1764705882);
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid rgba(255, 255, 255, .4);
    transition: all .3s ease;
    position: absolute;
    left: calc(50% - 35px);
    bottom: 62px;
    z-index: 50
}

@media (min-width:768px) {
    .awIndexGames__videoPlay {
        height: 108px;
        width: 108px;
        left: 80%;
        bottom: 8%
    }
}

@media (min-width:1300px) {
    .awIndexGames__videoPlay {
        left: calc(50% - 54px);
        bottom: 40%
    }
}

.awIndexGames__videoPlay svg {
    width: 15px;
    height: 18px;
    fill: #fff
}

@media (min-width:768px) {
    .awIndexGames__videoPlay svg {
        width: 24px;
        height: 28px
    }
}

.awIndexGames__videoPlay :hover {
    background-color: #141720;
    border: 1px solid #fff;
    transition: all .3s ease
}

.awIndexGames__gameTitle {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    font-family: Igra Sans, serif;
    margin-bottom: .3em
}

@media (min-width:768px) {
    .awIndexGames__gameTitle {
        font-size: 36px;
        line-height: 52px;
        text-align: left
    }
}

.awIndexGames__description {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding-top: 20px;
    padding-bottom: 20px
}

.awIndexGames__description__text {
    font-size: 10px;
    line-height: 14px
}

.awIndexGames__descriptionItem {
    background-color: rgba(255, 255, 255, .1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 24px 12px;
    border-radius: 10px
}

@media (min-width:768px) {
    .awIndexGames__descriptionItem {
        padding: 24px 16px
    }
}

@media (min-width:1300px) {
    .awIndexGames__descriptionItem {
        padding: 20px 14px
    }
}

.awIndexGames__descriptionItem__title {
    font-size: 24px;
    line-height: 24px;
    font-family: Jura, serif
}

@media (min-width:768px) {
    .awIndexGames__descriptionItem__title {
        font-size: 24px;
        line-height: 24px
    }
}

.awIndexGames__text {
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0
}

@media (min-width:768px) {
    .awIndexGames__text {
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        font-weight: 300
    }
}

@media (min-width:1300px) {
    .awIndexGames__text {
        letter-spacing: -.4px
    }
}

.awIndexGames__moreLink {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.awIndexGames__moreLink :hover {
    color: rgba(255, 255, 255, .5)
}

.awIndexGames__contentWrapper {
    padding: 60px 12px 12px;
    position: absolute;
    top: 0;
    left: 0;
    height: 80%
}

@media (min-width:768px) {
    .awIndexGames__contentWrapper {
        width: 56%;
        padding-top: 154px;
        margin-left: 1.7em
    }
}

@media (min-width:900px) {
    .awIndexGames__contentWrapper {
        width: 45%
    }
}

@media (min-width:1300px) {
    .awIndexGames__contentWrapper {
        margin-left: 86px;
        width: 383px;
        padding-top: 128px
    }
}

.awIndexGames__buttons {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding-top: 36px
}

@media (min-width:768px) {
    .awIndexGames__buttons {
        flex-direction: row;
        justify-content: left;
        gap: 50px
    }
}

@media (min-width:1300px) {
    .awIndexGames__buttons {
        gap: 48px;
        padding-top: 3.5em
    }
}

.awIndexGames__item {
    position: relative
}

.awIndexGames__modalWrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #000;
    overflow: hidden;
    transition: all .3s ease
}

.awIndexGames__modalContainer {
    position: absolute;
    min-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-around
}

.awIndexGames__videoPlayer,
.awRates h2 {
    margin: 0 auto;
    max-width: 100%
}

.awIndexGames__modalCloser {
    position: absolute;
    right: 5%;
    top: 5%;
    width: 3em;
    height: 3em
}

.awIndexGames__modalCloser img {
    max-width: 3em
}

.awIndexGames__modalCloser :hover {
    opacity: .5
}

@media (min-width:768px) {
    .awIndexGames__slider {
        order: 1
    }

    .awIndexGames__description__text {
        font-size: 12px;
        line-height: 16px
    }
}

@media (min-width:1300px) {
    .awIndexGames__description__text {
        margin-top: .5em;
        letter-spacing: -.3px
    }
}

.awIndexGamesPagination__wrapper {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .awIndexGamesPagination__wrapper {
        order: 2;
        margin-bottom: 0;
        margin-top: 30px
    }
}

@media (min-width:1300px) {
    .awIndexGamesPagination__wrapper {
        position: absolute;
        right: 5%;
        padding-top: 5em
    }
}

.awIndexGamesPagination__container {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: space-between
}

@media (min-width:1300px) {
    .awIndexGamesPagination__container {
        gap: 40px;
        flex-direction: column;
        align-items: end;
        justify-content: space-around;
        left: 0
    }
}

.awIndexGamesPagination__itemWrapper {
    width: 100%;
    position: relative;
    height: 60px;
    overflow: hidden
}

@media (min-width:1300px) {
    .awIndexGamesPagination__itemWrapper {
        z-index: 50;
        position: inherit;
        left: 0;
        top: 10px;
        height: 360px;
        width: 400px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around
    }
}

.awIndexGamesPagination__itemContainer {
    display: flex;
    max-width: 100%;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    height: 54px
}

@media (min-width:1300px) {
    .awIndexGamesPagination__itemContainer {
        gap: 5px;
        height: auto;
        flex-direction: column;
        align-items: end;
        justify-content: space-around;
        left: 0
    }

    .awIndexGamesPagination__itemContainer>.swiper-slide {
        width: auto !important
    }
}

.awIndexGamesPagination__gameIcon {
    display: flex;
    max-width: 100%
}

@media (min-width:1300px) {
    .awIndexGamesPagination__gameIcon {
        visibility: hidden
    }
}

.awIndexGamesPagination__gameIcon img {
    max-width: 32px;
    border-radius: 50%
}

.awIndexGamesPagination__title {
    font-size: 10px;
    line-height: 24px;
    user-select: none
}

@media (min-width:768px) {
    .awIndexGamesPagination__title {
        font-size: 18px;
        line-height: 28px
    }
}

.awIndexGamesPagination__itemShadow {
    background: url(../images/gameSelectBg.webp)no-repeat right 0 bottom -10%;
    transition: all .3s ease;
    padding-bottom: .7em;
    padding-right: 1em;
    padding-left: 1em;
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .awIndexGamesPagination__itemShadow {
        background: 0 0
    }
}

.awIndexGamesPagination__item {
    width: 100%;
    background-color: rgba(255, 255, 255, .04);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 25px;
    border: 1px solid #0062ba;
    user-select: none;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

@media (min-width:768px) {
    .awIndexGamesPagination__item {
        border: 0;
        background: 0 0;
        padding-left: 20px;
        padding-right: 20px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none
    }
}

.swiper-slide-active .awIndexGamesPagination__itemShadow {
    background: url(../images/gameSelectBg.webp)no-repeat right 0 bottom -10%
}

.swiper-slide-active .awIndexGamesPagination__item {
    border: 1px solid #0062ba;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px)
}

.swiper-slide-active .awIndexGamesPagination__gameIcon {
    visibility: visible
}

.awIndexGamesPagination .swiper-slide {
    user-select: none
}

.awIndexGamesPagination__nextButton,
.awIndexGamesPagination__prevButton {
    z-index: 50
}

@media (min-width:1300px) {

    .awIndexGamesPagination__nextButton,
    .awIndexGamesPagination__prevButton {
        transform: rotate(90deg);
        margin-right: 80px
    }
}

.awIndexGamesPagination__nextButton-st1,
.awIndexGamesPagination__prevButton-st1 {
    fill: #0b2a4a;
    stroke: #2f5174;
    stroke-width: 1.5;
    transition: all .3s ease
}

@media (min-width:1300px) {

    .awIndexGamesPagination__nextButton-st1,
    .awIndexGamesPagination__prevButton-st1 {
        fill: rgba(136, 133, 153, .5);
        stroke: rgba(136, 133, 153, .8);
        stroke-width: 1.5;
        transition: all .3s ease
    }
}

.awIndexGamesPagination__nextButton-st2,
.awIndexGamesPagination__prevButton-st2 {
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    fill-opacity: 4;
    transition: all .3s ease
}

@media (min-width:1300px) {

    .awIndexGamesPagination__nextButton-st2,
    .awIndexGamesPagination__prevButton-st2 {
        stroke: #fff;
        stroke-width: 2;
        fill: none;
        fill-opacity: 4;
        transition: all .3s ease
    }
}

.awIndexGamesPagination__nextButton:hover .awIndexGamesPagination__nextButton-st1,
.awIndexGamesPagination__nextButton:hover .awIndexGamesPagination__prevButton-st1,
.awIndexGamesPagination__prevButton:hover .awIndexGamesPagination__nextButton-st1,
.awIndexGamesPagination__prevButton:hover .awIndexGamesPagination__prevButton-st1 {
    fill: #ea0046;
    transition: all .3s ease;
    stroke: #ea0046
}

.awRates {
    position: relative;
    padding: 56px 0 0;
    user-select: none
}

@media (min-width:1300px) {
    .awRates {
        padding: 172px 0 0
    }

    .awRates~.awBirthdayZone {
        padding-top: 28px
    }

    .awRates~.awBirthdayZone .awIndexZone__title {
        width: 800px
    }
}

.awRates h2 {
    max-width: 300px
}

@media (min-width:768px) {
    .awRates h2 {
        max-width: 512px
    }
}

@media (min-width:1300px) {
    .awRates h2 {
        max-width: 730px
    }
}

.awRates__navigation {
    position: relative;
    margin: 40px 0 0 20px;
    display: flex;
    justify-content: center;
    gap: 36px;
    overflow: scroll;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 42px;
    max-width: 1440px
}

@media (min-width:1300px) {
    .awRates__navigation {
        margin: 40px auto 0
    }
}

.awRates__navigation-item {
    color: #fff;
    opacity: .5;
    transition: all .3s ease;
    letter-spacing: -.3px
}

.awRates__navigation-item.active {
    opacity: 1
}

.awRates__navigation-border {
    position: relative;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    height: 10px;
    max-width: 1440px
}

.awRates__navigation-activeBorder {
    position: absolute;
    left: -20px;
    top: 0;
    width: 134px;
    height: 16px;
    background: url(../images/rate-active.webp)no-repeat center;
    background-size: contain;
    transition: all .3s ease
}

.awRates__tabs-items {
    position: relative;
    display: none;
    flex-direction: column;
    align-items: center;
    transition: all .3s ease;
    animation: awPlanTabs .5s ease
}

@media (min-width:768px) {
    .awRates__tabs-items {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: flex-start
    }
}

@media (min-width:1300px) {
    .awRates__tabs-items {
        flex-wrap: nowrap;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 50px
    }
}

.awRates__tabs-items.active {
    display: flex
}

@media (min-width:1300px) {
    .awRates__tabs-items .shadowBorderLeft {
        z-index: 10;
        position: absolute;
        left: 0;
        top: 0;
        width: 150px;
        height: 100%;
        background: #0c0c16;
        background: linear-gradient(90deg, #0c0c16 0, rgba(12, 12, 22, 0) 100%)
    }

    .awRates__tabs-items .shadowBorderRight {
        z-index: 10;
        position: absolute;
        right: 0;
        top: 0;
        width: 150px;
        height: 100%;
        background: #0c0c16;
        background: linear-gradient(90deg, rgba(12, 12, 22, 0)0, #0c0c16 100%)
    }
}

.awRates__tabs-item {
    position: relative;
    background-color: #0c0c16;
    padding-top: 66px;
    border-radius: 12px;
    height: 100%;
    min-height: 456px
}

.awRates__tabs-item-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -43px;
    width: 84px;
    height: 84px;
    object-fit: cover;
    border-radius: 50%
}

.awRates__tabs-item-wrapper {
    margin-top: 54px;
    height: 100%;
    min-height: 456px;
    width: 320px;
    background: url(../images/rate-shadow.webp)no-repeat 100% 100%;
    padding: 16px 14px
}

@media (min-width:350px) {
    .awRates__tabs-item-wrapper {
        width: 340px;
        min-width: 320px
    }
}

.awRates__tabs-item-border {
    min-height: 456px;
    background: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, .1)0, #fff 100%);
    border-radius: 12px;
    padding: 1px
}

.awRates__tabs-item-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 32px
}

.awRates__tabs-item-title h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.3px
}

.awRates__tabs-item-title span {
    color: rgba(255, 255, 255, .8);
    letter-spacing: -.3px;
    min-height: 40px
}

.awRates__tabs-item-tag,
.awRates__tabs-item-tags {
    display: flex;
    justify-content: center;
    align-items: center
}

.awRates__tabs-item-tags {
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 26px;
    padding: 0 32px
}

.awRates__tabs-item-tag {
    border-radius: 4px;
    height: 32px;
    padding: 0 10px;
    gap: 5px;
    background-color: #203255
}

.awRates__tabs-item-tag span {
    font-family: "Audiowide", serif
}

.awRates__tabs-item-prices {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background-color: #141720;
    max-width: 90%;
    margin: 32px auto;
    padding: 18px;
    gap: 14px;
    min-height: 112px
}

.awRates__tabs-item-price {
    display: flex;
    align-items: flex-end
}

.awRates__tabs-item-price span:nth-child(1) {
    flex-grow: 0
}

.awRates__tabs-item-price span:nth-child(2) {
    flex-grow: 1;
    border-bottom: 1px dashed rgba(255, 255, 255, .4);
    margin: 0 8px 6px
}

.awRates__tabs-item-price span:nth-child(3) {
    font-size: 18px
}

.awRates__tabs-item-price span:nth-child(3) span {
    flex-grow: 0;
    font-family: "Audiowide", serif;
    font-size: 24px;
    line-height: 30px
}

.awRates__tabs-item-button {
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 20px
}

.awRates__tabs-item-details {
    border-top: 1px solid rgba(255, 255, 255, .3);
    display: flex;
    flex-direction: column;
    padding-bottom: 30px
}

.awRates__tabs-item-details a {
    margin-top: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7);
    transition: all .3s ease
}

.awRates__tabs-item-details a:hover {
    color: #fff
}

.awRates__tabs-item-details ul {
    margin-top: 22px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.awRates__tabs-item-details li {
    position: relative;
    list-style-type: none
}

.awRates__tabs-item-details li span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.3px;
    padding-right: 24px;
    display: flex
}

.awRates__tabs-item-details span:last-child {
    padding: 0 16px
}

.awRates__tabs-item-header {
    display: flex;
    justify-content: center;
    background-color: rgba(32, 50, 85, .25);
    padding: 2px;
    border-radius: 4px
}

.awRates__tabs-item-header:not(:first-child) {
    margin-top: 12px
}

.awRates__tabs-sliderNavigations {
    display: none
}

@media (min-width:1300px) {
    .awRates__tabs-sliderNavigations {
        z-index: 15;
        max-width: 1600px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%)
    }

    .awRates__tabs-sliderNavigations div {
        position: absolute;
        top: 300px
    }

    .awRates__tabs-sliderNavigations div:first-child {
        left: 0
    }

    .awRates__tabs-sliderNavigations div:last-child {
        right: 0
    }
}

.awRates__available {
    display: flex;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666016 4.6L2.76125 7L7.99935 1' stroke='%234BDF98' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 8px;
    top: 3px;
    right: 4px
}

.awRates__not-available {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 6px;
    height: 2px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .5)
}

@media (min-width:768px) {
    #rateSwiper {
        justify-content: center;
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:1300px) {
    #rateSwiper {
        flex-wrap: nowrap
    }
}

.rateNavigationPrev {
    position: absolute;
    left: 0;
    top: 0
}

.pricesMargin {
    margin: 32px 18px
}

@media (min-width:768px) {
    .awIndexCert__container {
        padding: 0 1em
    }
}

@media (min-width:1300px) {
    .awIndexCert__container {
        max-width: 1440px;
        margin: 0 auto;
        padding-left: 2em;
        padding-right: 2em
    }
}

.awIndexCert__cert {
    display: flex;
    flex-direction: column;
    padding-top: 3em;
    padding-bottom: 4em;
    border-radius: 20px;
    background-color: #141720
}

@media (min-width:768px) {
    .awIndexCert__cert {
        flex-direction: row
    }
}

@media (min-width:1300px) {
    .awIndexCert__cert {
        padding-left: 6em
    }
}

.awIndexCert__shadow {
    background: url(../images/indexCert_shadow375.jpg)no-repeat right 0 bottom 0;
    padding: 1em
}

@media (min-width:768px) {
    .awIndexCert__shadow {
        background: url(../images/indexCert_shadow768.jpg)no-repeat right 0 bottom 0;
        padding: 1.6em
    }
}

@media (min-width:1300px) {
    .awIndexCert__shadow {
        background: url(../images/indexCert_shadow1300.webp)no-repeat right 0 bottom 0;
        padding: 27px
    }
}

.awIndexCert__img {
    margin: -1em auto 0;
    order: 1
}

@media (min-width:768px) {
    .awIndexCert__img {
        display: flex;
        align-items: center;
        order: 2
    }
}

.awIndexCert__img img {
    width: 327px
}

@media (min-width:768px) {
    .awIndexCert__img img {
        width: 380px
    }
}

@media (min-width:1300px) {
    .awIndexCert__img img {
        width: 590px
    }
}

.awIndexCert__title {
    width: 180px;
    margin: 0 auto
}

@media (min-width:768px) {
    .awIndexCert__title {
        width: 270px;
        margin: 0
    }

    .awIndexCert__title .awH2 {
        text-align: left
    }
}

@media (min-width:1300px) {
    .awIndexCert__title {
        width: 520px
    }
}

.awIndexCert__description {
    margin-top: -1em;
    order: 2
}

@media (min-width:768px) {
    .awIndexCert__description {
        order: 1;
        padding-left: 2em;
        margin-top: -2em
    }
}

@media (min-width:1300px) {
    .awIndexCert__description {
        margin-top: -1em
    }
}

.awIndexCert__text {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    letter-spacing: -.4px;
    width: 270px;
    margin: 1.5em auto 0
}

@media (min-width:768px) {
    .awIndexCert__text {
        text-align: left;
        margin: 1.5em 0 0
    }
}

@media (min-width:1300px) {
    .awIndexCert__text {
        margin-top: 1.2em;
        font-size: 18px;
        line-height: 28px;
        width: 490px
    }
}

.awIndexCert__button {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media (min-width:768px) {
    .awIndexCert__button {
        margin-top: 52px
    }
}

@media (min-width:1300px) {
    .awIndexCert__button {
        justify-content: flex-start
    }
}

.awFaqH1Width {
    max-width: 80%
}

@media (min-width:768px) {
    .awFaqH1Width {
        max-width: 100%
    }
}

.awFaqTitleText {
    margin-top: 2em;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.3px
}

@media (min-width:768px) {
    .awFaqTitleText {
        margin-top: 1.7em;
        font-size: 28px;
        line-height: 38px;
        max-width: 75%;
        letter-spacing: -.8px
    }
}

@media (min-width:1300px) {
    .awFaqTitleText {
        max-width: 660px;
        margin-top: 2.5em
    }
}

.awFaqButton {
    margin-top: 2.5em
}

@media (min-width:768px) {
    .awFaqButton {
        margin-top: 3em
    }
}

@media (min-width:1300px) {
    .awFaqButton {
        margin-top: 4.1em
    }
}

.awFaqMarginTop {
    margin-top: 1.8em
}

@media (min-width:768px) {
    .awFaqMarginTop {
        margin-top: 2.8em
    }
}

@media (min-width:1300px) {
    .awFaqMarginTop {
        margin-top: 4em
    }

    .awFaqQuestion {
        width: 100%
    }
}

.faq_paddingTop {
    background: url(../images/TownSelect-gradient.svg)no-repeat top;
    background-size: 90%;
    padding: 10em 1.5em 7em;
    max-width: 1110px;
    margin: 0 auto
}

@media (min-width:768px) {
    .faq_paddingTop {
        padding: 12.2em 2.3em 9em
    }
}

@media (min-width:1300px) {
    .faq_paddingTop {
        background-size: 60%;
        padding: 14.5em 0 20em
    }
}

.faqRedButtonPadding {
    padding-left: 2.3em;
    padding-right: 2.3em
}

@media (min-width:1300px) {
    .awIndexFAQ__answer {
        padding-top: 2em
    }
}

.awUpArrow {
    bottom: 20px;
    right: 20px
}

.awUpArrow img {
    max-width: 20px
}

@media (min-width:1300px) {
    .awUpArrow {
        bottom: 40px;
        right: 40px
    }
}

.awPhone {
    bottom: 100px;
    right: 20px
}

.awPhone img {
    max-width: 24px
}

@media (min-width:1300px) {
    .awPhone {
        bottom: 124px;
        right: 40px
    }

    .awPhone:hover {
        opacity: .8
    }

    .awPhone.fixed {
        transition: none
    }
}

.buyCard,
.circleButton {
    position: fixed;
    opacity: 0;
    visibility: hidden
}

.circleButton {
    background-color: var(--aw-red);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 51;
    transition: all .3s ease
}

.circleButton.active {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease
}

@media (min-width:1300px) {
    .circleButton:hover {
        opacity: .8
    }

    .circleButton.fixed {
        transition: none
    }
}

.buyCard {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 201;
    transition: opacity .3s, visibility linear .3s
}

.buyCard__buttonPadding {
    padding: 18px 54px 0 71px
}

.buyCard.active {
    display: block;
    visibility: visible;
    opacity: 1
}

.buyCard__wrapper {
    width: 100%;
    height: 100%;
    background-color: rgba(12, 12, 22, .75);
    backdrop-filter: blur(5px);
    padding: 16px
}

@media (min-width:768px) {
    .buyCard__wrapper {
        padding: 36px
    }
}

@media (min-width:1300px) {
    .buyCard__wrapper {
        padding: 0;
        display: flex;
        justify-content: flex-end
    }
}

.buyCard__container {
    background-color: #141720;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 58px 14px;
    overflow: hidden
}

@media (min-width:768px) {
    .buyCard__container {
        padding: 26px 18px
    }
}

@media (min-width:1300px) {
    .buyCard__container {
        min-width: 750px;
        max-width: 50%;
        border-radius: 0;
        padding: 31px 51px
    }
}

.buyCard__container.not-active .buyCard__button,
.buyCard__container.not-active .buyCard__nav {
    visibility: hidden
}

.buyCard__container.not-active .buyCard__page:first-child {
    transform: translateX(0)
}

.buyCard__close {
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L15 15M15 1L1 15" stroke="white" stroke-width="1.5"/></svg>')no-repeat center;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 12px;
    right: 12px
}

@media (min-width:768px) {
    .buyCard__close {
        top: 36px;
        right: 16px
    }
}

@media (min-width:1300px) {
    .buyCard__close {
        top: 40px;
        right: 42px
    }
}

.buyCard__nav,
.buyCard__nav__item__top span {
    display: flex
}

.buyCard__nav__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    opacity: .4
}

.buyCard__nav__item.active,
.buyCard__nav__item.passed {
    opacity: 1
}

.buyCard__nav__item.passed .buyCard__nav__item__top span:last-child {
    width: 100%;
    flex-grow: 1
}

.buyCard__nav__item.active .buyCard__nav__item__top span:first-child,
.buyCard__nav__item.passed .buyCard__nav__item__top span:first-child {
    background-color: #fff
}

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

.buyCard__nav__item__top span:first-child {
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: transparent
}

.buyCard__nav__item__top span:last-child {
    background-color: #fff;
    display: flex;
    width: 0;
    flex-grow: 0;
    height: 1px;
    transition: all .3s ease
}

.buyCard__nav__item__name {
    padding-right: 26px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.3px
}

.buyCard__body {
    min-height: 84%;
    position: relative
}

@media (min-width:768px) {
    .buyCard__body {
        min-height: 80%
    }
}

@media (min-width:1300px) {
    .buyCard__body {
        min-height: 70%
    }
}

.buyCard__page {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    transition: all .3s ease;
    transform: translateX(150%)
}

@media (min-width:768px) {
    .buyCard__page {
        top: 64px
    }
}

.buyCard__page__buttonShadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 105px;
    background: #141720;
    background: linear-gradient(0deg, #141720 50%, rgba(20, 23, 32, 0) 100%);
    z-index: 0
}

@media (min-width:768px) {
    .buyCard__page__buttonShadow {
        display: none
    }
}

.buyCard__page.active {
    transform: translateX(0)
}

.buyCard__page.passed {
    transform: translateX(-150%)
}

.buyCard__page__content {
    margin-top: 36px;
    position: relative;
    max-height: 450px;
    overflow: scroll;
    scrollbar-width: none
}

@media (min-width:768px) {
    .buyCard__page__content {
        margin-top: 0;
        overflow: hidden
    }
}

.buyCard__page__content .awFeedBackForm__checkbox {
    margin-bottom: 18px
}

.buyCard__page__type {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.3px;
    color: rgba(255, 255, 255, .8)
}

@media (min-width:768px) {
    .buyCard__page__type {
        font-size: 14px;
        line-height: 24px
    }
}

.buyCard__page__header {
    margin-top: 8px;
    font-size: 20px;
    line-height: 30px;
    font-family: Igra Sans, serif
}

@media (min-width:768px) {
    .buyCard__page__header {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width:1300px) {
    .buyCard__page__header {
        font-size: 36px;
        line-height: 52px
    }
}

.buyCard__page__slider {
    overflow: hidden;
    margin: 0 auto
}

@media (min-width:1300px) {
    .buyCard__page__slider {
        margin-top: 44px
    }
}

.buyCard__page__slider .swiper-wrapper {
    align-items: center
}

.buyCard__page__slider .swiper-pagination {
    position: relative;
    margin-top: 1.7em
}

@media (min-width:768px) {
    .buyCard__page__slider .swiper-pagination {
        margin-top: 2em
    }
}

.buyCard__page__slider .swiper-pagination-bullet {
    background: #fff;
    cursor: none
}

.buyCard__page__slider .swiper-pagination-bullet-active {
    width: 16px;
    border-radius: 0;
    background: url('data:image/svg+xml,<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="8" height="4" rx="2" fill="%23EA0046"/></svg>')no-repeat;
    background-size: cover
}

.buyCard__page__slider-left,
.buyCard__page__slider-right {
    position: absolute;
    top: 0;
    width: 68px;
    height: 100%;
    z-index: 10
}

@media (min-width:768px) {

    .buyCard__page__slider-left,
    .buyCard__page__slider-right {
        width: 175px
    }
}

.buyCard__page__slider-left {
    left: 0
}

.buyCard__page__slider-right {
    right: 0
}

.buyCard__page__slider-item {
    opacity: 1;
    width: 177px;
    height: 125px;
    display: flex;
    align-items: center
}

@media (min-width:768px) {
    .buyCard__page__slider-item {
        width: 355px;
        height: 250px
    }
}

.buyCard__page__slider-item:not(.swiper-slide-active) img {
    opacity: .4;
    transition: all .3s ease-out
}

.buyCard__page__slider-item.swiper-slide-prev img {
    transform: scale(.3) translateX(116%)
}

@media (min-width:768px) {
    .buyCard__page__slider-item.swiper-slide-prev img {
        transform: scale(.37) translateX(77%)
    }
}

.buyCard__page__slider-item.swiper-slide-next img {
    transform: scale(.3) translateX(-116%)
}

@media (min-width:768px) {
    .buyCard__page__slider-item.swiper-slide-next img {
        transform: scale(.37) translateX(-77%)
    }
}

.buyCard__page__slider-item img {
    border-radius: 8px;
    object-fit: cover;
    width: 100%
}

.buyCard__values {
    margin-top: 1.8em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .buyCard__values {
        margin-top: 2.6em;
        flex-direction: row
    }
}

.buyCard__value {
    font-size: 18px;
    line-height: 26px;
    font-family: Igra Sans, serif;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, .12)
}

.buyCard__value span {
    font-family: Audiowide, serif;
    font-weight: 300
}

.buyCard__value__shadow {
    padding: .7em .7em .7em 0;
    width: 140px;
    height: 67px
}

.buyCard__value__shadow.active,
.buyCard__value__shadow:hover {
    background: url(../images/certificate__valueShadow.webp)no-repeat bottom;
    background-size: contain
}

.buyCard__value__shadow.active .buyCard__value,
.buyCard__value__shadow:hover .buyCard__value {
    background: #1d2029;
    background: linear-gradient(138deg, #1d2029 0, #1e2c42 100%);
    border: 1px solid #0062ba
}

@media (min-width:768px) {

    .buyCard__value__shadow.active,
    .buyCard__value__shadow:hover {
        background-position: right 8px bottom 0
    }

    .buyCard__value__shadow {
        padding: .7em 1.7em 1.1em 0;
        width: 190px;
        height: 76px
    }

    .buyCard__value {
        font-size: 24px;
        line-height: 30px
    }
}

.buyCard__info {
    background: url('data:image/svg+xml,<svg width="311" height="104" viewBox="0 0 311 104" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M15.3137 4.68629C18.3143 1.6857 22.384 0 26.6274 0H295C303.836 0 311 7.16344 311 16V88C311 96.8366 303.836 104 295 104H16C7.16344 104 0 96.8366 0 88L0 26.6274C0 22.384 1.68571 18.3143 4.68629 15.3137L15.3137 4.68629Z" fill="%23404759" fill-opacity="0.12"/></g></svg>');
    height: 104px;
    width: 311px;
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: center;
    padding: 1em 1.3em
}

@media (min-width:768px) {
    .buyCard__info {
        background: url('data:image/svg+xml,<svg width="650" height="104" viewBox="0 0 650 104" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M14.1032 5.0289C17.1265 1.81951 21.3403 0 25.7495 0H634C642.837 0 650 7.16344 650 16V88C650 96.8366 642.837 104 634 104H16C7.16346 104 0 96.8366 0 88V26.3494C0 22.2712 1.55733 18.3468 4.35376 15.3783L14.1032 5.0289Z" fill="%23404759" fill-opacity="0.12"/></g></svg>');
        background-size: 650px 104px;
        height: 104px;
        width: 650px;
        gap: .85em;
        padding: 2em 1em 1em 1.4em;
        justify-content: flex-start
    }
}

.buyCard__info div:first-child {
    background-color: rgba(255, 255, 255, .12);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.buyCard__info div:last-child {
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.4px
}

@media (min-width:768px) {
    .buyCard__info div:last-child {
        font-size: 14px;
        line-height: 24px
    }
}

.buyCard__check {
    height: 100%
}

@media (min-width:768px) {
    .buyCard__check {
        margin-top: 24px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.buyCard__check__header {
    font-size: 18px;
    line-height: 28px
}

.buyCard__check__header:not(:first-child) {
    margin-top: 29px
}

@media (min-width:768px) {
    .buyCard__check__header {
        display: none
    }
}

.buyCard__check__data {
    display: flex;
    flex-direction: column;
    margin-top: 15px
}

@media (min-width:768px) {
    .buyCard__check__data {
        gap: 10px;
        margin-top: 22px
    }
}

.buyCard__check__data span:first-child {
    font-weight: 500
}

@media (min-width:768px) {
    .buyCard__check__data span:first-child {
        font-size: 18px;
        line-height: 28px
    }
}

.buyCard__check__data span:last-child {
    opacity: .8
}

@media (min-width:768px) {
    .buyCard__check__data span:last-child {
        font-size: 18px;
        line-height: 28px
    }
}

.buyCard__check__total {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 26px;
    margin-bottom: 100px
}

@media (min-width:768px) {
    .buyCard__check__total {
        grid-column: 1/3;
        margin-top: 48px;
        margin-bottom: 0;
        padding-top: 20px;
        gap: 10px
    }
}

.buyCard__check__total span:first-child {
    font-size: 18px;
    line-height: 28px
}

.buyCard__check__total span:last-child {
    font-size: 24px;
    line-height: 30px
}

.buyCard__button {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10
}

.buyCard .buyCard-online-customer-form {
    margin-top: 0;
    padding: 0
}

@media (min-width:768px) {
    .buyCard .buyCard-online-customer-form:not(.receiver) .awFeedBackForm {
        margin-top: 36px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 36px;
        margin-bottom: 16px
    }

    .buyCard .buyCard-online-customer-form .awFeedBackForm__checkbox {
        grid-column: 1/3
    }
}

@media (min-width:1300px) {
    .buyCard .buyCard-online-customer-form {
        margin-top: 70px
    }

    .buyCard .buyCard-online-customer-form.receiver .awFeedbackInput {
        grid-column: 1/3
    }
}

.awSiteSelect.popup {
    position: fixed;
    height: auto;
    max-height: 100vh;
    overflow-y: auto;
    background-color: #0c0c16;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    transition: all .4s ease
}

.awSiteSelect__wrapper {
    position: relative
}

.awSiteSelect__container {
    width: 100%;
    margin: 0 auto;
    background: #0c0c16 url(../images/TownSelect-gradient.svg)no-repeat top;
    background-size: 100%;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 10em
}

@media (min-width:1300px) {
    .awSiteSelect__container {
        max-width: 1440px;
        background-size: 50%
    }
}

.awSiteSelect__search div,
.awSiteSelect__select {
    position: relative
}

@media (min-width:768px) {
    .awSiteSelect__select {
        margin-top: 90px
    }
}

@media (min-width:1300px) {
    .awSiteSelect__select {
        margin-top: 160px
    }
}

.awSiteSelect__input {
    max-width: 500px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    transition: all .3s ease
}

.awSiteSelect__input.active {
    border-color: #fff
}

.awSiteSelect__input__name {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.3px;
    display: flex;
    gap: 17px;
    align-items: center
}

.awSiteSelect__input__name img {
    width: 20px;
    height: 16px
}

.awSiteSelect__input__arrow {
    position: absolute;
    right: 20px;
    transition: all .3s ease
}

.awSiteSelect__input__arrow.active {
    transform: rotate(180deg);
    transition: all .3s ease
}

.awSiteSelect__options {
    height: auto;
    max-height: 0;
    border-radius: 8px;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translate(-50%, 0);
    top: 60px;
    background-color: rgba(12, 12, 22, .85);
    border: 1px solid #0c0c16;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    transition: all .3s ease;
    max-width: 500px;
    width: 100%
}

.awSiteSelect__options.active {
    max-height: 400px;
    border: 1px solid #fff;
    opacity: 1;
    padding-bottom: 18px
}

.awBlog__bread-crumbs::-webkit-scrollbar,
.awSiteSelect__options::-webkit-scrollbar {
    width: 0;
    height: 0
}

.awSiteSelect__options__region {
    margin: 18px 20px 0;
    font-size: 12px;
    line-height: 6px;
    letter-spacing: -.3px;
    color: rgba(255, 255, 255, .8)
}

.awSiteSelect__options__country {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px
}

.awSiteSelect__options__country:hover span {
    opacity: .5
}

.awSiteSelect__options__country.active {
    color: #ea0046
}

.awSiteSelect__options__country.active .awOptionSelect {
    display: block
}

.awSiteSelect__options__country div:first-child {
    display: flex;
    align-items: center;
    gap: 16px
}

.awSiteSelect__options__country div:first-child img {
    width: 20px;
    height: 16px
}

.awSiteSelect__options__country span {
    transition: all .3s ease
}

.awSiteSelect__header {
    text-align: center;
    font-family: Igra Sans, serif;
    font-size: 21px;
    line-height: 38px;
    color: #fff;
    padding-top: .5em;
    font-weight: 400;
    letter-spacing: 2px
}

@media (min-width:768px) {
    .awSiteSelect__header {
        font-size: 36px;
        letter-spacing: 0;
        padding-top: .5em;
        padding-bottom: .5em
    }
}

@media (min-width:1300px) {
    .awSiteSelect__header {
        font-size: 54px;
        line-height: 36px
    }
}

.awSiteSelect__search {
    margin-bottom: .7em
}

@media (min-width:1300px) {
    .awSiteSelect__search {
        display: flex;
        align-items: center;
        justify-content: space-around
    }
}

.awSiteSelect__search input {
    height: 4em;
    font-family: Feature Mono, serif;
    color: rgba(255, 255, 255, .4);
    background-color: #0c0c16;
    padding: 0 1em;
    border: 1px solid rgba(255, 255, 255, .4784313725);
    border-radius: 8px;
    margin-left: 1em;
    margin-right: 1em;
    width: calc(100% - 2em)
}

@media (min-width:1300px) {
    .awSiteSelect__search input {
        margin: 0 auto;
        width: 1100px
    }
}

.awSiteSelect__search input:focus {
    outline: 0;
    border: 1px solid rgba(255, 255, 255, .8)
}

.awSiteSelect__search input::placeholder {
    font-family: Feature Mono, serif;
    font-weight: 400;
    color: rgba(255, 255, 255, .4);
    opacity: 1
}

.awSiteSelect__search div img {
    position: absolute;
    left: calc(100% - 50px);
    top: -37px;
    width: 20px
}

@media (min-width:1300px) {
    .awSiteSelect__search div img {
        position: absolute;
        left: calc(100% - 200px);
        top: -12px;
        width: 20px
    }
}

.awSiteSelect__town {
    display: none;
    margin-bottom: 100px
}

@media (min-width:768px) {
    .awSiteSelect__town {
        grid-template-columns: 1fr 1fr;
        width: 100%;
        padding-left: 1em
    }
}

@media (min-width:1300px) {
    .awSiteSelect__town {
        margin: 0 auto 150px;
        padding: 0;
        width: 1100px
    }
}

.awSiteSelect__town.active {
    display: grid
}

.awSiteSelect__town ul {
    list-style-type: none
}

@media (min-width:1300px) {
    .awSiteSelect__town ul {
        height: 100%;
        max-width: 1100px
    }
}

.awSiteSelect__town ul li a {
    font-family: Feature Mono, serif;
    font-size: 14px;
    line-height: 42px;
    color: #fff;
    letter-spacing: 0;
    white-space: nowrap
}

@media (min-width:768px) {
    .awSiteSelect__town ul li a {
        line-height: 36px;
        font-weight: 400
    }
}

.awSiteSelect__town ul li a:hover {
    color: rgba(255, 255, 255, .473);
    transition: all .2s ease
}

.awSiteSelect__no-match {
    display: none;
    margin-top: 24px;
    color: rgba(255, 255, 255, .7);
    font-size: 18px;
    padding: 0 20px
}

@media (min-width:1300px) {
    .awSiteSelect__no-match {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px 0;
        font-size: 24px
    }
}

.awSiteSelect__no-match.active {
    display: flex
}

.awSiteSelect__ulHeader {
    font-family: Igra Sans, serif;
    font-size: 24px;
    line-height: 24px;
    margin-top: .8em;
    margin-bottom: .5em
}

@media (min-width:768px) {
    .awSiteSelect__ulHeader {
        font-size: 36px;
        line-height: 52px;
        padding-top: .2em
    }
}

@media (min-width:1300px) {
    .awSiteSelect__columns2 {
        column-count: 2;
        column-gap: 100%
    }

    .awSiteSelect__columns3 {
        column-count: 3;
        column-gap: 94%
    }

    .awSiteSelect__columns4 {
        column-count: 4;
        column-gap: 38%
    }
}

.awSiteSelect__break {
    -webkit-column-break-before: always
}

.awCookie {
    position: fixed;
    bottom: 20px;
    left: 5%;
    z-index: 101;
    background-color: rgba(12, 12, 22, .6);
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 8px;
    backdrop-filter: blur(10px);
    padding: 20px;
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: 90%;
    transition: all .5s ease
}

.awCookie button {
    background-color: #0c0c16;
    color: #ea0046;
    border: 1px solid #ea0046;
    border-radius: 8px;
    font-weight: 600;
    padding: 10px;
    font-family: inherit;
    cursor: none
}

@media (min-width:1300px) {
    .awCookie button {
        font-size: 14px;
        padding: 16px;
        min-width: 200px;
        transition: all .3s ease
    }

    .awCookie button:hover {
        background-color: #ea0046;
        color: #fff
    }

    .awCookie {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 40%;
        left: 20px
    }
}

@media (min-width:1600px) {
    .awCookie {
        width: 30%
    }
}

.awCookie.hide {
    opacity: 0;
    visibility: hidden
}

#newAC,
#newAM,
#newTimeItem,
.awCookie.none {
    display: none
}

.awBlog {
    padding: 108px 19px 64px;
    max-width: 1190px;
    margin: 0 auto;
    font-weight: 300;
    position: relative
}

@media (min-width:768px) {
    .awBlog {
        padding: 148px 32px 96px
    }
}

@media (min-width:1300px) {
    .awBlog {
        padding: 164px 0 128px
    }
}

.awBlog__bread-crumbs {
    display: flex;
    list-style-type: none;
    margin: 34px 0 0;
    padding: 0;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (min-width:768px) {
    .awBlog__bread-crumbs {
        margin: 45px 0 0
    }
}

@media (min-width:1300px) {
    .awBlog__bread-crumbs {
        padding-left: 40px
    }
}

.awBlog__bread-crumbs a {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.4px;
    color: rgba(255, 255, 255, .8);
    transition: all .3s ease
}

.awBlog__bread-crumbs a.disabled {
    pointer-events: none;
    color: rgba(255, 255, 255, .4)
}

.awBlog__bread-crumbs a:not(.disabled):hover {
    opacity: .6
}

.awBlog__bread-crumbs li:not(:last-child):after {
    content: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.5" d="M0 4H12M12 4L9 1M12 4L9 7" stroke="white" stroke-width="0.5"/></svg>');
    padding: 1px 7px 0 9px
}

@media (min-width:768px) {
    .awBlog__bread-crumbs li:not(:last-child):after {
        padding: 1px 9px 0 14px
    }
}

.awBlog__bread-crumbs li {
    display: flex;
    white-space: nowrap
}

.awBlog h1,
.awBlog h2 {
    font-family: Igra Sans, serif
}

.awBlog h1 {
    margin-top: 20px
}

@media (min-width:768px) {
    .awBlog h1 {
        margin-top: 26px
    }
}

@media (min-width:1300px) {
    .awBlog h1 {
        margin-top: 30px;
        max-width: 764px;
        padding-left: 40px;
        font-size: 45px
    }
}

.awBlog h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0
}

@media (min-width:768px) {
    .awBlog h2 {
        font-size: 36px;
        line-height: 52px
    }
}

@media (min-width:1300px) {
    .awBlog h2 {
        font-size: 45px
    }
}

.awBlog h3 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.3px;
    font-family: Feature Mono, serif;
    font-weight: 300;
    margin-top: 22px
}

.awBlog__items {
    margin-top: 34px
}

@media (min-width:768px) {
    .awBlog__items {
        margin-top: 46px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        row-gap: 60px;
        align-items: flex-start
    }
}

@media (min-width:1300px) {
    .awBlog__items {
        margin-top: 50px;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 40px;
        row-gap: 84px;
        padding: 0 40px
    }
}

.awBlog__item {
    display: flex;
    flex-direction: column
}

.awBlog__item:not(:first-child) {
    margin-top: 36px
}

@media (min-width:768px) {
    .awBlog__item:not(:first-child) {
        margin: 0
    }
}

.awBlog__item:hover span:nth-child(2) {
    opacity: .6
}

.awBlog__item img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

@media (min-width:768px) {
    .awBlog__item img {
        max-height: 238px
    }
}

.awBlog__item span:nth-child(2) {
    margin-top: 18px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.6px;
    transition: all .3s ease
}

@media (min-width:768px) {
    .awBlog__item span:nth-child(2) {
        margin-top: 24px;
        font-size: 28px;
        line-height: 38px;
        letter-spacing: -.8px
    }
}

@media (min-width:1300px) {
    .awBlog__item span:nth-child(2) {
        margin-top: 34px
    }
}

.awBlog__item span:last-child {
    margin-top: 6px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -.3px
}

@media (min-width:768px) {
    .awBlog__item span:last-child {
        margin-top: 8px;
        font-size: 14px;
        letter-spacing: -.4px
    }
}

.awBlog__details {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.3px;
    display: flex;
    width: 100%;
    justify-content: space-between
}

@media (min-width:768px) {
    .awBlog__details {
        margin-top: 26px;
        font-size: 14px;
        line-height: 22px
    }
}

@media (min-width:1300px) {
    .awBlog__details {
        margin-top: 36px;
        max-width: 764px;
        padding-left: 40px
    }
}

.awBlog__details div {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.awBlog__table {
    margin-top: 18px;
    display: flex;
    flex-direction: column
}

@media (min-width:1300px) {
    .awBlog__table {
        position: fixed;
        top: 242px;
        left: 72%
    }

    .awBlog__table a {
        max-width: 260px;
        transition: all .3s ease
    }

    .awBlog__table a:hover {
        opacity: .6
    }

    .awBlog__table.noFixed {
        position: absolute;
        top: unset;
        left: 916px;
        bottom: 770px
    }

    .awBlog__table.scroll,
    .awBlog__table.scroll a {
        color: rgba(255, 255, 255, .5)
    }
}

@media (min-width:1600px) {
    .awBlog__table {
        left: 1270px
    }
}

.awBlog__table h2 {
    font-size: 18px;
    font-family: Feature Mono, serif
}

@media (min-width:768px) {
    .awBlog__table h2 {
        font-size: 28px
    }
}

.awBlog__table a {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.3px
}

@media (min-width:768px) {
    .awBlog__table a {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -.4px
    }
}

.awBlog__table a:not(:nth-child(2)) {
    margin-top: 16px
}

@media (min-width:768px) {
    .awBlog__table a:not(:nth-child(2)) {
        margin-top: 20px
    }
}

.awBlog__table a:nth-child(2) {
    margin-top: 6px
}

@media (min-width:768px) {
    .awBlog__table a:nth-child(2) {
        margin-top: 10px
    }
}

.awBlog__table a span {
    padding-bottom: 2px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .4) 20%, #0c0c16 0);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: bottom
}

.awBlog__mainImage {
    margin-top: 24px;
    max-width: 100%
}

@media (min-width:768px) {
    .awBlog__mainImage {
        margin: 40px auto
    }
}

@media (min-width:1300px) {
    .awBlog__mainImage {
        width: 806px;
        padding-left: 40px;
        height: 426px;
        object-fit: cover
    }
}

.awBlog article {
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    padding-top: 32px
}

@media (min-width:768px) {
    .awBlog article {
        font-size: 14px;
        line-height: 24px;
        padding-top: 0
    }
}

@media (min-width:1300px) {
    .awBlog article {
        max-width: 846px;
        overflow: hidden
    }
}

.awBlog article h2 {
    color: #fff;
    letter-spacing: 0
}

.awBlog article h2:not(:first-child) {
    margin-top: 54px
}

@media (min-width:1300px) {
    .awBlog article h2 {
        padding: 0 40px
    }
}

.awBlog article h3 {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

@media (min-width:768px) {
    .awBlog article h3 {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width:1300px) {
    .awBlog article h3 {
        padding: 0 40px
    }
}

.awBlog article a:not(.awRedButton_href) {
    color: #0062ba
}

.awBlog article img {
    width: 100%;
    object-fit: cover
}

@media (min-width:768px) {
    .awBlog article img {
        max-height: 380px
    }
}

@media (min-width:1300px) {
    .awBlog article img {
        max-height: 440px;
        padding: 0 40px
    }
}

.awBlog article .awBlog__adv img {
    padding: 0
}

@media (min-width:1300px) {
    .awBlog article p {
        padding: 0 40px;
        margin-top: 22px;
        letter-spacing: -.4px
    }
}

@media (min-width:768px) {
    .awBlog article .col2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px
    }
}

.awBlog article .col2 div {
    margin-top: 24px;
    flex-direction: column;
    gap: 8px;
    letter-spacing: -.3px;
    font-size: 12px;
    line-height: 18px
}

.awBlog article ul {
    padding-left: 20px
}

@media (min-width:1300px) {
    .awBlog article ul {
        padding-left: 60px
    }
}

.awBlog article ul li {
    list-style-type: none;
    position: relative
}

.awBlog article ul li:before {
    content: "•";
    color: #ea0046;
    font-size: 42px;
    position: absolute;
    left: -28px;
    top: -22px
}

@media (min-width:768px) {
    .awBlog article ul li:before {
        top: 2px
    }
}

.awBlog aside {
    background-color: rgba(64, 71, 89, .1215686275);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 16px;
    position: relative;
    padding: 16px 34px 16px 80px;
    margin: 16px auto;
    letter-spacing: -.3px
}

.awBlog aside:before {
    content: url(../images/info-icon.svg);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .12);
    padding: 12px;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:768px) {
    .awBlog aside {
        margin: 20px auto
    }
}

@media (min-width:1300px) {
    .awBlog aside {
        margin: 24px 40px
    }
}

.awBlog__social {
    margin-top: 42px;
    display: none;
    align-items: center;
    gap: 14px;
    letter-spacing: -.4px
}

@media (min-width:768px) {
    .awBlog__social {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -.5px;
        margin-top: 60px
    }
}

@media (min-width:1300px) {
    .awBlog__social {
        margin-left: 40px
    }
}

.awBlog__more {
    margin-top: 60px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

@media (min-width:768px) {
    .awBlog__more {
        margin-top: 74px;
        padding-top: 42px
    }
}

.awBlog__adv {
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 64px;
    background: #141720 url(../images/blog-promo-shadow.png)no-repeat right 97%;
    background-size: 322px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 44px
}

@media (min-width:500px) {
    .awBlog__adv {
        background-position: right 95%
    }
}

@media (min-width:650px) {
    .awBlog__adv {
        background-position: right 93%
    }
}

@media (min-width:768px) {
    .awBlog__adv {
        position: relative;
        height: 592px;
        background: #141720 url(../images/blog-adv-image768.webp)no-repeat right;
        background-size: contain;
        padding-top: 60px;
        padding-left: 40px;
        align-items: flex-start;
        margin-top: 50px
    }
}

@media (min-width:1300px) {
    .awBlog__adv {
        background: #141720 url(../images/blog-adv-image1300.webp)no-repeat right;
        background-size: contain
    }
}

.awBlog__adv__image {
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .awBlog__adv__image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

.awBlog__adv__image-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(219deg, #141720 18%, rgba(20, 23, 32, .3) 28%, rgba(20, 23, 32, 0) 50%, rgba(20, 23, 32, .3) 70%, #141720 80%)
}

@media (min-width:768px) {
    .awBlog__adv__image-shadow {
        background: 0 0
    }
}

.awBlog__adv__image-content {
    background: url(../images/blog-adv-image.webp)no-repeat top;
    height: 300px;
    background-size: cover
}

@media (min-width:768px) {
    .awBlog__adv__image-content {
        background: url(../images/blog-promo-shadow.png)no-repeat right bottom;
        background-size: 300px;
        height: 100%
    }
}

.awBlog__adv__image-content img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

@media (min-width:768px) {
    .awBlog__adv__image-content img {
        height: 100%
    }
}

.awBlog__adv__header {
    margin: 32px auto 0;
    width: 90%;
    text-align: center;
    font-family: Igra Sans, serif;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0
}

@media (min-width:768px) {
    .awBlog__adv__header {
        font-size: 56px;
        line-height: 74px;
        text-align: left;
        margin: 0;
        width: 50%
    }
}

.awBlog__adv__text {
    margin: 22px auto 0;
    width: 90%;
    text-align: center;
    line-height: 24px;
    font-family: SourceCodePro, "Feature Mono", serif;
    font-weight: 300;
    color: rgba(255, 255, 255, .8);
    letter-spacing: -.4px;
    font-size: 14px
}

@media (min-width:768px) {
    .awBlog__adv__text {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        margin: 26px 0 0;
        letter-spacing: -.8px;
        width: 60%
    }
}

@media (min-width:1300px) {
    .awBlog__adv__text {
        width: 50%;
        letter-spacing: -.6px
    }
}

.awBlog__adv__text span {
    background-color: #0062ba;
    padding: 4px 0;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap
}

.awBlog__adv__text span span {
    margin-left: 4px
}

@media (min-width:768px) {
    .awBlog__adv__text span {
        padding: 1px;
        margin-left: -4px
    }

    .awBlog__adv__text span span {
        margin-left: 5px
    }
}

@media (min-width:1300px) {
    .awBlog__adv__text span:hover svg {
        opacity: .5
    }
}

.awBlog__adv__text span svg {
    transform: translateY(4px);
    fill: #fff;
    width: 14px;
    margin-right: 4px;
    transition: opacity .3s ease
}

@media (min-width:768px) {
    .awBlog__adv__text span svg {
        transform: translate(-1px, 2px);
        margin-right: 5px
    }
}

.awBlog__adv__button {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

@media (min-width:1300px) {
    .awBlog__adv__button {
        margin-top: 45px
    }
}

.awBlog__adv__button-padding {
    padding-left: 54px;
    padding-right: 40px
}

.partners {
    margin-top: 36px
}

@media (min-width:768px) {
    .partners {
        margin-top: 46px
    }
}

@media (min-width:1300px) {
    .partners {
        max-width: 1110px;
        margin: 48px auto
    }
}

@media (min-width:768px) {
    .partners__item:not(:first-child) {
        margin-top: 56px
    }

    .partners__item {
        display: flex
    }
}

.partners__image {
    display: flex
}

@media (min-width:768px) {
    .partners__image {
        padding: 1px 0
    }
}

.partners__image img {
    width: 100%;
    flex-shrink: 1;
    height: 351px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

@media (min-width:768px) {
    .partners__image img {
        width: 342px;
        height: auto;
        border-top-right-radius: 0;
        border-bottom-left-radius: 12px
    }
}

@media (min-width:1300px) {
    .partners__image img {
        width: 535px;
        height: 562px
    }
}

.partners__details {
    padding: 34px 10px;
    display: flex;
    flex-direction: column;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-top: none;
    background: linear-gradient(125deg, rgba(22, 22, 31, .6) 25%, rgba(17, 52, 89, .6) 97%, rgba(17, 52, 89, .1) 100%);
    backdrop-filter: blur(1px);
    min-height: 100%
}

@media (min-width:768px) {
    .partners__details {
        padding: 34px 16px 46px 18px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 12px;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, .1);
        background: linear-gradient(125deg, rgba(22, 22, 31, .6) 16%, rgba(17, 52, 89, .8) 59%, rgba(17, 52, 89, .1) 100%);
        min-height: 560px
    }
}

@media (min-width:1300px) {
    .partners__details {
        padding: 38px 38px 56px
    }
}

.partners__details__wrapper {
    padding: 1px;
    background: url(../images/partner-shadow.webp)no-repeat right bottom;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 100%
}

.partners__details img {
    max-width: 100%
}

.partners__logo {
    display: flex;
    gap: 12px;
    width: 190px;
    padding: 10px;
    align-items: center;
    background-color: #20242f;
    border-radius: 6px
}

@media (min-width:1300px) {
    .partners__logo {
        width: 245px;
        padding: 14px;
        gap: 16px
    }
}

.partners__logo img {
    max-width: 67px
}

@media (min-width:1300px) {
    .partners__logo img {
        max-width: 86px
    }
}

.awBlog article .col2 div,
.partners__logo div {
    display: flex;
    align-items: center
}

.partners__header {
    margin-top: 28px;
    font-family: Igra Sans, serif;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.3px
}

@media (min-width:768px) {
    .partners__header {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width:1300px) {
    .partners__header {
        margin-top: 30px;
        letter-spacing: 0;
        font-size: 36px;
        line-height: 52px
    }
}

.partners__text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.5px
}

@media (min-width:768px) {
    .partners__text {
        margin-top: 26px;
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1300px) {
    .partners__text {
        margin-top: 32px;
        font-size: 18px;
        line-height: 28px
    }
}

.partners__promo-field {
    margin-top: 30px;
    padding-left: 18px;
    display: flex;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    height: 48px;
    align-items: center;
    justify-content: space-between
}

@media (min-width:768px) {
    .partners__promo-field {
        margin-top: 40px
    }
}

.partners__promo {
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

@media (min-width:768px) {
    .partners__promo {
        font-size: 18px;
        line-height: 28px
    }
}

.partners__copy {
    background-color: #fff;
    border-radius: 12px;
    color: #0c0c16;
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px
}

@media (min-width:375px) {
    .partners__copy {
        gap: 20px;
        min-width: 175px
    }
}

.partners__copy svg {
    transition: fill .3s ease;
    width: 18px;
    max-width: 16px;
    fill: #0c0c16
}

@media (min-width:1300px) {
    .partners__copy {
        min-width: 190px;
        transition: background-color .3s ease, color .3s ease
    }

    .partners__copy:hover:not(.active) {
        background-color: transparent;
        color: #fff
    }

    .partners__copy:hover:not(.active) svg {
        fill: #fff
    }
}

.partners__copy.active {
    background-color: #ea0046;
    color: #fff
}

.partners__copy img {
    max-width: 20px
}

@media (min-width:375px) {
    .partners__copy svg {
        max-width: 20px
    }
}

.partners__copy span {
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (min-width:375px) {
    .partners__copy span {
        font-size: 14px
    }
}

.partners__button {
    margin-top: 48px;
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .partners__button {
        justify-content: flex-start
    }
}

.partners__empty {
    background: url(../images/no-partners-bg.webp)no-repeat;
    background-size: 100%;
    margin-top: -48px;
    padding-top: 44px
}

@media (min-width:768px) {
    .partners__empty {
        margin-top: -100px;
        padding-top: 82px
    }
}

@media (min-width:1300px) {
    .partners__empty {
        margin-top: -112px;
        padding-top: 135px;
        background-size: 97%;
        background-position: top
    }
}

.partners__empty h2 {
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

@media (min-width:768px) {
    .partners__empty h2 {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width:1300px) {
    .partners__empty h2 {
        font-size: 36px;
        line-height: 52px
    }
}

.partners__empty p {
    margin-top: 24px;
    text-align: center;
    line-height: 24px;
    letter-spacing: -.3px
}

@media (min-width:768px) {
    .partners__empty p {
        margin: 36px auto 0;
        max-width: 77%;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -.5px
    }
}

@media (min-width:1300px) {
    .partners__empty p {
        max-width: 60%
    }
}

.partners__empty p a {
    color: #0062ba;
    text-decoration: underline
}

.infoContainer {
    margin-top: 3em;
    padding-bottom: 100px
}

@media (min-width:768px) {
    .infoContainer {
        font-size: 16px;
        line-height: 28px;
        text-align: justify;
        padding-bottom: 200px
    }
}

.yandexReviews {
    padding: 64px 0
}

.yandexReviews__container {
    max-width: 1110px;
    margin: 32px auto 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    align-items: center
}

@media (min-width:768px) {
    .yandexReviews__container {
        flex-direction: row;
        gap: 28px;
        padding: 0 28px
    }
}

@media (min-width:1300px) {
    .yandexReviews__container {
        margin: 76px auto 0;
        padding: 0;
        gap: 0
    }
}

.yandexReviews__yandex {
    width: 80%;
    height: 500px;
    overflow: hidden;
    position: relative
}

@media (min-width:1300px) {
    .yandexReviews__yandex {
        margin-right: 40px
    }
}

.awOptionSelect {
    display: none;
    width: 20px;
    height: 20px
}

.aw_status {
    width: 100%;
    padding: 8px;
    background-color: #0d66c2;
    color: #fff
}

.event__format {
    margin-top: 92px;
    padding-bottom: 38px;
    background-size: 200% 100%
}

@media (min-width:768px) {
    .event__format {
        margin-top: 116px
    }

    .event__format .awH2 {
        max-width: 80%;
        margin: 0 auto
    }
}

@media (min-width:1300px) {
    .event__format {
        padding-bottom: 0
    }
}

.event__format__items {
    padding-top: 28px
}

@media (min-width:768px) {
    .event__format__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 18px
    }
}

@media (min-width:1300px) {
    .event__format__items {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 42px;
        padding-top: 48px
    }
}

.event__format__item {
    background-color: rgba(20, 23, 32, .7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    padding-bottom: 28px
}

.event__format__item img {
    max-width: 100%;
    border-radius: 10px
}

.event__format__image {
    width: 100%;
    height: 100%
}

.event__format__image-shadow {
    background: url(../images/birthdayCards__shadow.png)no-repeat bottom 0 right 0;
    padding: 20px;
    display: flex
}

@media (min-width:1300px) {
    .event__format__image-shadow {
        margin: 10px
    }
}

.event__format__hints {
    font-family: Igra Sans, serif;
    display: flex;
    margin-top: -8px
}

@media (min-width:1300px) {
    .event__format__hints {
        margin-top: -14px
    }
}

.event__format__hints div {
    background-color: #203255;
    border-radius: 4px;
    padding: 6px 10px;
    display: flex
}

.event__format__body {
    padding: 0 20px
}

@media (min-width:1300px) {
    .event__format__body {
        padding: 0 32px
    }
}

.event__format__title {
    font-size: 18px;
    line-height: 28px;
    margin-top: 18px;
    letter-spacing: -.5px
}

@media (min-width:1300px) {
    .event__format__title {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: -.8px
    }
}

.event__format__text {
    color: rgba(255, 255, 255, .8);
    margin-top: 16px;
    line-height: 24px;
    letter-spacing: -.4px
}

.event__format ul {
    padding-left: 18px;
    line-height: 24px
}

.event__format ul li::marker {
    color: #ea0046
}