* {
    padding: 0;
    margin: 0;
}

*, *:hover {
    cursor: url(../images/professor/cursor.png), auto;
}

@font-face {
    font-family: 'impact';
    src: local('impact'),
    url('../fonts/impact.woff2') format('woff2'),
    url('../fonts/impact.woff') format('woff'),
    url('../fonts/impact.ttf') format('ttf'),
    url('../fonts/impact.eot') format('eot');
}

@font-face {
    font-family: 'Play';
    src: url('../fonts/Play/Play-Regular.woff2') format('woff2'),
         url('../fonts/Play/Play-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Play';
    src: url('../fonts/Play/Play-Bold.woff2') format('woff2'),
         url('../fonts/Play/Play-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBold.eot');
    src: url('../fonts/Rubik-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-SemiBold.woff2') format('woff2'),
        url('../fonts/Rubik-SemiBold.woff') format('woff'),
        url('../fonts/Rubik-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Bold.eot');
    src: url('../fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Bold.woff2') format('woff2'),
        url('../fonts/Rubik-Bold.woff') format('woff'),
        url('../fonts/Rubik-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
    overflow: hidden;
}

.rules_text ul {
    list-style: inside;
}

.rules_text p {
    margin-bottom: 15px;
}

.rules_text ul li {
    margin-bottom: 5px;
}

@font-face {
    font-family: "impact-regular";
    src: local('impact-regular'),
    url('../fonts/impact.woff2') format('woff2'),
    url('../fonts/impact.woff') format('woff'),
    url('../fonts/impact.ttf') format('ttf'),
    url('../fonts/impact.eot') format('eot');
}

.dontShowAgain_block {
    position: absolute;
    bottom: 2vw;
    left: 8vw;
    font-family: 'Play', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #FFEB3B;
    letter-spacing: 0.2px;
    text-shadow: 1px 1px 5px rgba(4, 44, 72, 0.2);
}

.dontShowAgain_checkbox {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dontShowAgain_span {
    position: absolute;
    left: -1.5vw;
    bottom: 0.1vw;
    background: url(../images/check_off.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1vw;
    height: 1vw;
}

.dontShowAgain_checkbox:checked + .dontShowAgain_span {
    position: absolute;
    left: -1.5vw;
    bottom: 0.1vw;
    background: url(../images/check_on.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1vw;
    height: 1vw;
}

.showHidePassLabel {
    position: absolute;
    left: 32vw;
    bottom: 16.6vw;
}

.showHidePass {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.showHidePass_span {
    background-image: url('../images/show_pass.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.5vw;
    bottom: -0.2vw;
    width: 1.5vw;
    height: 1.5vw;
}

.showHidePass:checked + .showHidePass_span {
    background-image: url('../images/hide_pass.png');
}

/* FORM PASSWORD SWITCH [START] */
.form_password-switch {
    background-color: transparent;
    border: none;
    outline: none;
    color: #B2DCFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 2vw;
    height: 2vw;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}

.form_password-switch:hover {
    color: #FFFFFF;
}

.form_password-switch svg {
    display: block;
    width: 1.6vw;
    height: 1.6vw;
}

.form_password-switch .form_password-show,
.form_password-switch.active .form_password-hide {
    display: block;
}

.form_password-switch .form_password-hide,
.form_password-switch.active .form_password-show {
    display: none;
}

.form_password-switch--login {
    width: 2vw;
    height: 2vw;
    position: absolute;
    left: 31.4vw;
    bottom: 16.08vw;
    z-index: 2;
}

.form_password-switch--remind {
    width: 3vw;
    height: 3vw;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 0vw 0.5vw 0.5vw 0vw;
}

.form_password-switch--register-old {
    width: 3vw;
    height: 3vw;
    position: absolute;
    left: 31vw;
    bottom: 15.6vw;
    z-index: 2;
    border-radius: 0vw 0.5vw 0.5vw 0vw;
}
/* FORM PASSWORD SWITCH [END] */

.cashHover {
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.3s;
    z-index: 999;
}

.cashHover__wrapper {
    background-image: linear-gradient(to top, #00b7e3, #00f4ff);
    border: 3px solid #005492;
    width: 25vw;
    height: 15vw;
    margin: 0 auto;
    position: absolute;
    left: 59vw;
    top: 2vw;
    border-radius: 10px;
}

.cashHover__text {
    color: #FFFFFF;
    font-family: 'impact';
    font-size: 1.5vw;
    text-align: center;
    margin: 0 auto;
    padding: 1vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1vw;
    -webkit-text-stroke: 1px #042C48;
}

.energyHover__text {
    color: #FFFFFF;
    font-family: 'impact';
    font-size: 1.5vw;
    text-align: center;
    margin: 0 auto;
    padding: 1vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3vw;
    -webkit-text-stroke: 1px #042C48;
}

/* timeOut */
.timeOut {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.timeOut__wrapper {
    background: rgba(0, 183, 227, 1);
    background: -webkit-linear-gradient(0deg, rgba(0, 183, 227, 1) 30%, rgba(0, 244, 255, 1) 70%);
    background: -moz-linear-gradient(0deg, rgba(0, 183, 227, 1) 30%, rgba(0, 244, 255, 1) 70%);
    background: linear-gradient(0deg, rgba(0, 183, 227, 1) 30%, rgba(0, 244, 255, 1) 70%);
    box-shadow: 0vw 0vw 0vw 0.2vw #005D9C;
    width: 25vw;
    height: 21vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-49%, -50%);
    border-radius: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.timeOut__button {
    background-image: url('../images/ok_button.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10vw;
    height: 5vw;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -3vw;
    left: 0;
    transition: 0.3s linear;
}

.timeOut__button:hover {
    background-image: url('../images/ok_button_hover.png');
}

/* energyOut */
.energyOut {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.energyOut__wrapper {
    background: rgba(0, 183, 227, 1);
    background: -webkit-linear-gradient(0deg, rgba(0, 183, 227, 1) 30%, rgba(0, 244, 255, 1) 70%);
    background: -moz-linear-gradient(0deg, rgba(0, 183, 227, 1) 30%, rgba(0, 244, 255, 1) 70%);
    background: linear-gradient(0deg, rgba(0, 183, 227, 1) 30%, rgba(0, 244, 255, 1) 70%);
    box-shadow: 0vw 0vw 0vw 0.2vw #005D9C;
    width: 25vw;
    height: 21vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 1rem;
}

.energyOut__button {
    background-image: url('../images/ok_button.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10vw;
    height: 5vw;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -2vw;
    left: 0;
    transition: 0.3s linear;
}

.energyOut__button:hover {
    background-image: url('../images/ok_button_hover.png');
}

.fullscreenAnounsment {
    font-size: 2.5vw;
    color: #f50d0d;
}

.keyboard_img {
    background: url(../images/keyboard.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16vw;
    height: 8vw;
    position: relative;
    top: 3vw;
    margin: 0 auto;
}

.keyboard_img::after {
    position: absolute;
    content: "";
    background: url(../images/red_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 2vw;
    height: 2vw;
    right: 6.1vw;
    top: 0;
    animation: arrow 1.5s infinite linear;
}

@keyframes arrow {
    0% {
        top: -0.3vw;
    }
    50% {
        top: 0.3vw;
    }
    100% {
        top: -0.3vw;
    }
}

.anotherLogIn__span {
    font-family: "impact";
    color: #fff;
    font-size: 1.5vw;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 7vw;
    padding: 1vw;
    -webkit-text-stroke: 1px #042c48;
}

.fullscreen__span {
    font-family: "impact";
    color: #fff;
    font-size: 1.5vw;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3vw;
    padding: 1vw 1vw 0.5vw;
    -webkit-text-stroke: 1px #042c48;
}

.energy__span {
    font-family: "impact";
    color: #fff;
    font-size: 1.5vw;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9vw;
    padding: 1vw;
    -webkit-text-stroke: 1px #042c48;
}

.errorText {
    font-family: "impact";
    color: #ffeb3b;
    font-size: 1.7vw;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0vw;
    padding: 1vw;
    -webkit-text-stroke: 1px #042c48;
}

.mainCity {
    background-image: url('../images/city.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 300vw;
    height: 212vw;
    position: fixed;
    top: -100vw;
    left: -85vw;
    z-index: 9;
    transition: all 0.5s ease-out 0s;
}



/* BOUNCE [START] */
.academy_bounce, .office_bounce, .shop_bounce, .park_bounce, .cab_bounce, .cinema_bounce {
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: auto 90% !important;
    width: 6vw;
    height: 6vw;
    position: absolute;
    z-index: 11;
    pointer-events: none !important;
    transition: 0.5s ease;
    animation: bounce 1.5s infinite ease-in-out;
}

.academy_bounce {
    background-image: url('../images/academy_bounce.png');
    top: 117vw;
    left: 139.5vw;
}

.office_bounce {
    background-image: url('../images/office_bounce.png');
    top: 99vw;
    left: 110.2vw;
}

.shop_bounce {
    background-image: url('../images/shop_bounce.png');
    top: 114.4vw;
    left: 65vw;
}

.park_bounce {
    background-image: url('../images/park_bounce.png');
    top: 98vw;
    left: 189.8vw;
}

.cab_bounce {
    background-image: url('../images/cab_bounce.png');
    top: 148vw;
    left: 101.5vw;
}

.cinema_bounce {
    background-image: url('../images/cinema/cinema_bounce.png');
    top: 160vw;
    left: 135.5vw;
}

@keyframes bounce {
      0% { transform: translate(0, 0); }
     50% { transform: translate(0, 5px); }
    100% { transform: translate(0, 0); }
}
/* BOUNCE [END] */



/* LOCATIONS [START] */
.academy, .office, .shop, .park, .cab, .cinema {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    position: absolute;
    z-index: 11;
    transition: 0.5s;
}

.academy:hover, .office:hover, .shop:hover, .park:hover, .cab:hover, .cinema:hover {
    opacity: 1;
}

.academy {
    background-image: url('../images/academy.png');
    width: 27.9vw;
    height: 23.3vw;
    top: 115.7vw;
    left: 128vw;
}

.office {
    background-image: url('../images/office_disabled.png');
    width: 15vw;
    height: 17vw;
    top: 103.3vw;
    left: 106vw
}

.shop {
    background-image: url('../images/shop_hover.png');
    width: 20vw;
    height: 25vw;
    top: 116.1vw;
    left: 58vw;
}

.park {
    background-image: url('../images/park.png');
    width: 57vw;
    height: 40vw;
    top: 85.6vw;
    left: 158.5vw;
}

.cab {
    background-image: url('../images/cab_hover.png');
    width: 40.5vw;
    height: 24.4vw;
    top: 143.2vw;
    left: 84.2vw;
}

.cinema {
    background-image: url('../images/cinema/cinema_hover.png');
    width: 22.2vw;
    height: 22.2vw;
    top: 159.8vw;
    left: 126.4vw;
}

.cinema.disabled {
    background-image: url('../images/cinema/cinema_disabled.png');
}
/* LOCATIONS [END] */



.park_pop_up_wrapper {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
}

.park_pop_up {
    background: url('../images/park_pop_up_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 61vw;
    height: 36vw;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.park_pop_up_close {
    background-image: url('../images/park_pop_up_close_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 4vw;
    height: 4vw;
    position: absolute;
    top: -2vw;
    right: -1vw;
}

.park_pop_up_close:hover {
    background-image: url('../images/park_pop_up_close_btn_hover.png');
}

.park_pop_up_header {
    background-image: url('../images/park_pop_up_header.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 33vw;
    height: 5vw;
    position: absolute;
    top: -2vw;
    right: 13vw;
}

.park_pop_up_content {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    width: 51vw;
    height: 22vw;
    margin: 0 auto;
    padding: 1vw;
    position: absolute;
    right: 0;
    bottom: 2vw;
    left: 0;
    border-radius: 1rem;
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.games_list__wrapper {
    width: 100%;
    height: 100%;
    padding-right: 0.5vw;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 0.5rem;
}

.games_list__wrapper::-webkit-scrollbar {
    width: 8px;
    box-shadow: none;
}

.games_list__wrapper::-webkit-scrollbar-track {
    margin: 0;
}

.games_list__wrapper::-webkit-scrollbar-thumb {
    background-color: #A8FBFF;
    -webkit-border-radius: 50rem;
    border-radius: 50rem;
}

.games_list {
    font-family: 'Play', sans-serif;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1vw;
    gap: 1vw;
    padding: 0;
}

.games_item {
    background-color: rgba(0, 0, 0, 0.3);
    background-size: cover;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    width: auto;
    height: 9.5vw;
    border-radius: 0.5rem;
}

.games_item:before {
    content: '';
    transition: 0.5s;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 0.5rem;
}

.games_item__opened:hover:before {
    background: rgba(0, 0, 0, 0.5);
}

.games_item__lock:before {
    background: rgba(0, 0, 0, 0.5);
}

.games_item__lock:after {
    content: '';
    width: 3.5vw;
    height: 3.5vw;
    background-image: url('../games/assets/image/lock.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.games_item__opened:hover .games_title {
    background-color: rgba(0, 0, 0, 0);
}

.games_btn {
    background-color: transparent;
    background-image: url('../games/assets/image/start_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 6vw;
    height: 4vw;
    line-height: 4vw;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: visibility 0.5s, opacity 0.5s;
}

.games_btn:hover {
    background-image: url('../games/assets/image/start_btn_hover.png');
}

.games_item__opened:hover .games_btn {
    visibility: visible;
    opacity: 1;
}

.games_title {
    background-color: rgba(0, 0, 0, 0.9);
    color: #FFFFFF;
    font-size: 1vw;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.4vw 0.5vw;
    border-radius: 0.5rem;
    transition: background-color 0.5s;
    user-select: none;
}



/* CINEMA [START] */
.cinema_popup-wrapper {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
}

.cinema_popup {
    background-image: url('../images/cinema/cinema_popup.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 61vw;
    height: 36vw;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
}

/* CINEMA - CLOSE */
.cinema_popup-close {
    width: 6vw;
    height: 6vw;
    position: absolute;
    top: -1.5vw;
    right: -1.5vw;
    border-radius: 50%;
}

.cinema_popup-close::before,
.cinema_popup-close::after {
    background-image: url('../images/cinema/cinema_close.png');
    background-repeat: no-repeat;
    background-size: 100% 200%;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: visibility 0.5s, opacity 0.5s;
    will-change: transform;
}

.cinema_popup-close::before {
    background-position: 50% 0%;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.cinema_popup-close::after {
    background-position: 50% 100%;
    /* visibility: hidden; */
    /* opacity: 0; */
    z-index: 1;
}

.cinema_popup-close:hover::before {
    visibility: hidden;
    opacity: 0;
}

.cinema_popup-close:hover::after {
    visibility: visible;
    opacity: 1;
}

/* CINEMA - LIST */
.cinema_popup-list_container {
    background: rgba(255, 255, 255, 0.08);
    background: rgba(23, 20, 30, 0.4);
    background: linear-gradient(0deg, rgba(30, 26, 39, 1), rgba(43, 36, 55, 1));
    background: rgba(23, 20, 30, 1);
    width: 51.8vw;
    height: 23vw;
    margin: 7.8vw auto 0vw auto;
    padding: 1vw;
    position: relative;
    border-radius: 1vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cinema_popup-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 85%;
    height: 100%;
    margin: 0 auto;
    padding-left: 0.5vw;
    padding-right: 1vw;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1vw;
}

.cinema_popup-list::-webkit-scrollbar {
    box-shadow: none;
    width: 0.6vw;
}

.cinema_popup-list::-webkit-scrollbar-track {
    margin: 0;
}

.cinema_popup-list::-webkit-scrollbar-thumb {
    background-color: #F4B25B;
    -webkit-border-radius: 50rem;
    border-radius: 50rem;
}

.cinema_popup-item {
    background-color: rgba(30, 26, 39, 1);
    background-image: linear-gradient(0deg, rgba(30, 26, 39, 0), rgba(43, 36, 55, 1));
    border: 1px solid rgba(44, 38, 71, 1);
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5vw 4.5vw 0.5vw 0.5vw;
    position: relative;
    border-radius: 1vw;
    transition: background-color 0.5s, border-color 0.5s;
    -webkit-user-select: none;
    user-select: none;
}

.cinema_popup-item:hover {
    background-color: rgba(43, 36, 55, 1);
    border-color: rgba(60, 54, 89, 1);
}

.cinema_popup-item.new::before {
    background-image: url('../images/cinema/cinema_new.png');
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    width: 5.5vw;
    height: 2.9vw;
    position: absolute;
    top: 1vw;
    left: -0.4vw;
    z-index: 1;
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
}

.cinema_popup-item + .cinema_popup-item {
    margin-top: 1vw;
}

.cinema_popup-item_image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 11vw;
    min-width: 11vw;
    height: 7vw;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5);
    border-radius: 0.5vw;
    -webkit-transition: -webkit-filter 0.5s;
    transition: filter 0.5s;
}

.cinema_popup-item:hover .cinema_popup-item_image {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.cinema_popup-item_content {
    font-family: 'Play', Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 1vw;
}

/* CINEMA - BADGES */
.cinema_popup-item_badges {
    border: none;
    border-top: 1px solid rgba(60, 54, 89, 1);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.7vw;
    padding-top: 1vw;
    padding-right: 1.5vw;
}

.cinema_popup-item_badge {
    color: #18141F;
    font-size: 1vw;
    font-weight: 700;
    display: block;
    width: fit-content;
    height: 1.8vw;
    line-height: 1.8vw;
    padding: 0vw 1vw;
    border-radius: 0.5vw;
}

.cinema_popup-item_badge.primary   { background: rgba(244, 178, 91, 0.2); color: rgba(244, 178, 91, 1); }
.cinema_popup-item_badge.secondary { background: rgba(229, 95, 63, 0.2); color: rgba(229, 95, 63, 1); }

.cinema_popup-item_badge + .cinema_popup-item_badge {
    margin-left: 1vw;
}

/* CINEMA - NAME */
.cinema_popup-item_name {
    color: #FFFFFF;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 1;
}

/* CINEMA - NEXT */
.cinema_popup-item_next {
    background: #F4B25B;
    background: linear-gradient(90deg, #E55F3F, #F4B25B);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 3vw;
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    bottom: 0.5vw;
    opacity: 0.7;
    border-radius: 0.3vw 1vw 1vw 0.3vw;
    transition: opacity 0.5s;
}

.cinema_popup-item_next svg {
    color: #18141F;
    display: block;
    width: 1.4vw;
}

.cinema_popup-item:hover .cinema_popup-item_next {
    opacity: 1;
}

/* CINEMA - LOADING */
.cinema_loading {
    background: rgba(0, 0, 0, 0.8);
    background: rgba(23, 20, 30, 1);
    background: rgba(19, 16, 26, 0.5);
    background: linear-gradient(0deg, rgba(30, 26, 39, 1), rgba(43, 36, 55, 1));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 9vw;
    height: 9vw;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    border-radius: 1vw;
}

.cinema_loading svg {
    color: #E55F3F;
    display: block;
    width: 6vw;
    height: 6vw;
}

.cinema_loading-text {
    color: #E55F3F;
    font-size: 1.4vw;
    font-weight: 700;
    font-family: 'Play', Arial, Helvetica, sans-serif;
    text-align: center;
    height: 3vw;
    line-height: 3vw;
}

.cinema_loading-wrapper {
    transform-origin: 50% 50%;
    transform: rotate(0deg) scale(0.8, 0.8);
}

.cinema_loading-rectangle_1 {
    transform-origin: 50px 50px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    animation: 1.11111s linear -0.694444s infinite normal forwards running cinema_loading;
}

.cinema_loading-rectangle_2 {
    transform-origin: 50px 50px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    animation: 1.11111s linear -0.833333s infinite normal forwards running cinema_loading;
}

.cinema_loading-rectangle_3 {
    transform-origin: 50px 50px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    animation: 1.11111s linear -0.972222s infinite normal forwards running cinema_loading;
}

.cinema_loading-film {
    transform-origin: 50px 50px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    animation: 1.11111s linear -1.11111s infinite normal forwards running cinema_loading;
}

@keyframes cinema_loading {
    0% {
        animation-timing-function: cubic-bezier(0.1361,0.2514,0.2175,0.8786);
        transform: translate(0,0px) scaleY(1);
    }

    37% {
        animation-timing-function: cubic-bezier(0.7674,0.1844,0.8382,0.7157);
        transform: translate(0,-39.96px) scaleY(1);
    }

    72% {
        animation-timing-function: cubic-bezier(0.1118,0.2149,0.2172,0.941);
        transform: translate(0,0px) scaleY(1);
    }

    87% {
        animation-timing-function: cubic-bezier(0.7494,0.2259,0.8209,0.6963);
        transform: translate(0,19.900000000000002px) scaleY(0.602);
    }

    100% {
        transform: translate(0,0px) scaleY(1);
    }
}
/* CINEMA [END] */



/* BALOON [START] */
.baloon {
    background-image: url('../images/baloon.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12vw;
    height: 15vw;
    position: absolute;
    top: 92vw;
    left: 174vw;
    z-index: 11;
    animation: baloon_bounce 10s infinite ease-in-out;
}

@keyframes baloon_bounce {
      0% { transform: translate(0, 0); }
     50% { transform: translate(0, 5vw); }
    100% { transform: translate(0, 0); }
}
/* BALOON [END] */

.listWork {
    background-image: url('../images/message.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 4.2vw;
    height: 4.2vw;
    position: fixed;
    left: 9.5vw;
    bottom: 12vw;
    z-index: 35;
}

.listWork:hover {
    background-image: url('../images/message_hover.png');
}

.avatar_wrapper {
    width: 10vw;
    height: 9vw;
    position: relative;
}

.avatar_box {
    font-family: "impact";
    text-align: center;
    position: fixed;
    bottom: 2vw;
    left: 2vw;
    z-index: 98;
    transition: opacity 0.5s, visibility 0.5s;
}

.avatar_name,
.lvl_text {
    font-family: "impact";
    color: #fff;
    display: block;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
}

.avatar_bg {
    position: absolute;
    width: 9vw;
    height: 9vw;
    background: url(../images/avatar_bg.png);
    background-size: cover;
    z-index: -2;
}

.avatar_box .avatar_img {
    width: 8vw;
    height: 7vw;
    position: absolute;
    bottom: 1.3vw;
    left: 0.6vw;
    overflow: hidden;
    z-index: -1;
}

.avatar-window__shoes {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.avatar-window__hair {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.avatar-window__outerwear {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.avatar-window__race {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 1;
}

.avatar-window__onhands {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.avatar-window__glasses {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 3;
}

.avatar-window__underwear {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.avatar_img_hover {
    width: 8vw;
    height: 8vw;
    background: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: absolute;
    bottom: 0.5vw;
    left: 0.5vw;
    transition: 0.5s ease;
}

.avatar_img_hover:hover {
    width: 8vw;
    height: 8vw;
    background: url(../images/avatar_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: absolute;
    bottom: 0.5vw;
    left: 0.5vw;
    transition: 0.5s ease;
}

.lvl_bar {
    position: relative;
    background: url(../images/lvl_bar.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 5vw;
    width: 12.7vw;
    margin-top: -3.3vw;
}

.lvl_row {
    background: url(../images/lvl_row.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 9vw;
    height: 2vw;
    position: absolute;
    left: 0vw;
    bottom: 0vw;
}

.lvl_row_wrapper {
    width: 6vw;
    height: 2vw;
    position: absolute;
    bottom: 17px;
    left: 64px;
    overflow: hidden;
}

span.lvl_text {
    position: absolute;
    left: 0.2vw;
    bottom: 0.5vw;
    width: 3vw;
}

.home_button {
    position: fixed;
    right: 3vw;
    bottom: 6vw;
    background: url(../images/home_button.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 6vw;
    height: 6vw;
    z-index: 34;
}

.home_button:hover {
    background: url(../images/home_button_hover.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.energy_box {
    background-image: url('../images/energy.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12vw;
    height: 7vw;
    position: fixed;
    top: 7vw;
    right: 3vw;
    z-index: 98;
}

.cash_box {
    background-image: url('../images/cash.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12.5vw;
    height: 7.2vw;
    position: fixed;
    top: 1vw;
    right: 2.5vw;
    z-index: 98;
}

.cash_text,
.energy_text {
    color: #FFFFFF;
    font-size: 1.5vw;
    font-family: "impact", sans-serif;
    text-align: center;
    text-shadow: 0.1vw 0.1vw 0vw #000000;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 6.4vw;
    height: 2vw;
    margin-left: 0.6vw;
    user-select: none;
}

.cash_text   { margin-top: 2.55vw; }
.energy_text { margin-top: 2.4vw; }

.energy_alert {
    background-image: url('../images/park-subheading-bg.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #FFFFFF;
    font-family: 'Play', sans-serif;
    font-size: 1.2vw;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.2px;
    width: 18vw;
    height: 2.3vw;
    position: absolute;
    top: 2.7vw;
    right: 21vw;
    user-select: none;
}

.energy_light {
    color: rgb(245, 245, 245);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
    animation: lightning 1s linear infinite;
    -webkit-animation: lightning 1s linear infinite;
    -moz-animation: lightning 1s linear infinite;
    -o-animation: lightning 1s linear infinite;
}

@-webkit-keyframes lightning {
    50% {
        color: #ffff00;
        text-shadow: 0 -1px rgba(255, 255, 0, 0.3), 0 0 5px #ffd, 0 0 8px #fff;
    }
}

@-o-keyframes lightning {
    50% {
        color: #ffff00;
        text-shadow: 0 -1px rgba(255, 255, 0, 0.3), 0 0 5px #ffd, 0 0 8px #fff;
    }
}

@-moz-keyframes lightning {
    50% {
        color: #ffff00;
        text-shadow: 0 -1px rgba(255, 255, 0, 0.3), 0 0 5px #ffd, 0 0 8px #fff;
    }
}

@keyframes lightning {
    50% {
        color: #ffff00;
        text-shadow: 0 -1px rgba(255, 255, 0, 0.3), 0 0 5px #ffd, 0 0 8px #fff;
    }
}

.avatar_menu_wrapper,
.exit_world_wrapper,
.welcome_window,
.rules_window_wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 100;
}

.welcome_window {
    background-image: url('../images/start_bg.png');
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 0;
}

.welcome_block_registration {
    background-image: url('../images/registration_form_bg.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50vw;
    height: 45vw;
    position: relative;
}

.welcome_block_login {
    background-image: url('../images/login_form_bg.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50vw;
    height: 46vw;
    position: relative;
}

.welcome_block {
    background-image: url('../images/welcome_img.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50vw;
    height: 45vw;
    position: relative;
}

.avatar_menu {
    background-image: url('../images/character_window.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    width: 30vw;
    height: 30vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-49%, -50%);
}

.avatar_name_card {
    font-family: "impact";
    position: absolute;
    bottom: 8vw;
    left: 0vw;
    width: 100%;
    text-align: center;
}

span.avatar_name.student_name {
    padding-top: 14px;
}

.character {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 8vw;
    height: 14vw;
    margin: 6% auto;
    position: relative;
}

.main-window__shoes {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.main-window__hair {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.main-window__outerwear {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 4;
}

.main-window__race {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 1;
}

.main-window__onhands {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
}

.main-window__glasses {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 5;
}

.main-window__underwear {
    width: 8vw;
    height: 14vw;
    position: absolute;
    z-index: 3;
}

.exit_menu {
    background: url(../images/close_window_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: 4vw;
    top: -1vw;
}

.exit_menu:hover {
    background: url(../images/close_window_hover_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: 4vw;
    top: -1vw;
}

span.lvl_text.lvl_text_card {
    font-size: 2vw;
    position: absolute;
    bottom: 4vw;
    left: 6.9vw;
}

.progress_bar_wrapper {
    position: absolute;
    left: 9.7vw;
    bottom: 4.2vw;
    display: inline-block;
    width: 10vw;
    height: 2vw;
    overflow: hidden;
}

.progress_bar {
    display: block;
    background: url(../images/progress_bar.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12.7vw;
    height: 2vw;
}

span.user_exp {
    color: #FFFFFF;
    font-size: 1.2vw;
    font-family: 'impact';
    text-shadow: 1px 2px 2px #000000;
    position: absolute;
    bottom: 4.5vw;
    left: 45%;
}

.button_block {
    position: absolute;
    bottom: 0;
    left: 6vw;
    width: 17vw;
}

.exit_world_wrapper {
    top: 0;
}

.exit_world {
    background: url(../images/exit_window.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21vw;
    height: 11vw;
    margin: 17% auto 0;
    position: relative;
}

/* RULES WINDOW */
.rules_window_wrapper {
    z-index: 102;
}

.rulles_window {
    background-image: url('../images/rules_window.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32vw;
    height: 32vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-49%, -50%);
}

.rulles_window_exit {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/close_window_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    display: block;
    width: 3vw;
    height: 3vw;
    position: absolute;
    top: -1vw;
    right: 5vw;
    transition: 0.3s linear;
    -webkit-appearance: none;
    appearance: none;
}

.rulles_window_exit:hover {
    background-image: url('../images/close_window_hover_btn.png');
}

/* RULES TEXT */
.rules_text {
    color: #FFFFFF;
    font-size: 1.2vw;
    font-family: 'impact';
    text-shadow: 1px 1px 0px #000000;
    display: block;
    max-width: 17.4vw;
    max-height: 24vw;
    line-height: 135%;
    overflow-y: scroll;
    position: absolute;
    top: 6vw;
    left: 7.5vw;
}

.rules_text::-webkit-scrollbar {
    width: 10px;
}

.rules_text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.rules_text::-webkit-scrollbar-thumb {
    background-color: #A8FBFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* MUSIC BUTTON: ALL [START] */
.button_mus_all.global_music {
    background-color: transparent;
    background-image: url('../images/music_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.5vw !important;
    height: 5vw !important;
    position: fixed;
    top: 1vw;
    left: 6vw;
    bottom: auto;
    z-index: 98;
}

.button_mus_all.global_music:hover {
    background-image: url('../images/music_hover_btn.png');
}

.button_mus_all.global_music.disabled {
    background-image: url('../images/music_unactive_btn.png');
}
/* MUSIC BUTTON: ALL [END] */

/* MUSIC BUTTON: HOUSE [START] */
.button_mus_house.global_music {
    background-color: transparent;
    background-image: url('../images/music_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.5vw !important;
    height: 5vw !important;
    position: fixed;
    top: auto;
    bottom: 16vw;
    left: 7.2vw;
    z-index: 98;
    transition: opacity 0.5s, visibility 0.5s;
}

.button_mus_house.global_music:hover {
    background-image: url('../images/music_hover_btn.png');
}

.button_mus_house.global_music.disabled {
    background-image: url('../images/music_unactive_btn.png');
}
/* MUSIC BUTTON: HOUSE [END] */

/* ALL BUTTON */
button.button_rules.world_button_rules,
button.button_rules.world_button_rules:hover {
    left: 0.6vw;
    bottom: -1.5vw;
}
/* ALL BUTTON */

button.button_mus.welcome_button_mus,
button.button_mus.welcome_button_mus:hover {
    left: 16vw;
    bottom: 15vw;
}

button.button_mus.login_block_btn.welcome_button_mus,
button.button_mus.login_block_btn.welcome_button_mus:hover {
    left: 15.6vw;
    bottom: 6.8vw;
}

button.button_rules.welcome_button_rules,
button.button_rules.welcome_button_rules:hover {
    left: 31.5vw;
    bottom: 15vw;
}

button.button_rules.login_block_btn.welcome_button_rules,
button.button_rules.login_block_btn.welcome_button_rules:hover {
    left: 31.9vw;
    bottom: 6.8vw;
}

button.button_start {
    background-color: transparent;
    background-image: url('../images/start_button.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    width: 8.4vw;
    height: 4vw;
    position: absolute;
    left: calc(50% - 4vw);
    bottom: 12.9vw;
}

button.button_start:hover {
    background-image: url('../images/start_button_hover.png');
}

.button_start.login_block_btn,
.button_start.login_block_btn:hover {
    bottom: 6.4vw;
}

button.button_start.registration_block_btn,
button.button_start.registration_block_btn:hover {
    bottom: 4.8vw;
}

/* PLACEHOLDER [START] */
.popup_remind-input::-webkit-input-placeholder,
input.login_block_login::-webkit-input-placeholder,
input.login_block_password::-webkit-input-placeholder,
input.login_remind_input::-webkit-input-placeholder,
input.password_remind_input::-webkit-input-placeholder,
input.registration_block_login::-webkit-input-placeholder,
input.registration_block_password::-webkit-input-placeholder,
input.registration_block_password_requared::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.popup_remind-input::-moz-placeholder,
input.login_block_login::-moz-placeholder,
input.login_block_password::-moz-placeholder,
input.login_remind_input::-moz-placeholder,
input.password_remind_input::-moz-placeholder,
input.registration_block_login::-moz-placeholder,
input.registration_block_password::-moz-placeholder,
input.registration_block_password_requared::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.popup_remind-input:-ms-input-placeholder,
input.login_block_login:-ms-input-placeholder,
input.login_block_password:-ms-input-placeholder,
input.login_remind_input:-ms-input-placeholder,
input.password_remind_input:-ms-input-placeholder,
input.registration_block_login:-ms-input-placeholder,
input.registration_block_password:-ms-input-placeholder,
input.registration_block_password_requared:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.popup_remind-input:-moz-placeholder,
input.login_block_login:-moz-placeholder,
input.login_block_password:-moz-placeholder,
input.login_remind_input:-moz-placeholder,
input.password_remind_input:-moz-placeholder,
input.registration_block_login:-moz-placeholder,
input.registration_block_password:-moz-placeholder,
input.registration_block_password_requared:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.popup_remind-input::placeholder,
input.login_block_login::placeholder,
input.login_block_password::placeholder,
input.login_remind_input::placeholder,
input.password_remind_input::placeholder,
input.registration_block_login::placeholder,
input.registration_block_password::placeholder,
input.registration_block_password_requared::placeholder {
    color: rgba(255, 255, 255, 0.6);
}
/* PLACEHOLDER [END] */

input.login_block_login {
    background: #125690;
    border: 2px solid #125690;
    color: #FFFFFF;
    font-size: 1.4vw;
    font-family: 'impact';
    outline: none;
    width: 16vw;
    height: 2vw;
    padding: 0 0.5vw;
    position: absolute;
    left: 16.6vw;
    bottom: 20vw;
    border-radius: 0.5vw;
}

input.login_block_login.error_border,
input.login_block_password.error_border,
input.login_remind_input.error_border,
input.password_remind_input.error_border,
input.registration_block_login.error_border,
input.registration_block_password.error_border,
input.registration_block_password_requared.error_border {
    border: 2px solid #FF5757;
}

input.login_block_password {
    background: #125690;
    border: 2px solid #125690;
    color: #FFFFFF;
    font-size: 1.4vw;
    font-family: 'impact';
    outline: none;
    width: 16vw;
    height: 2vw;
    padding: 0 0.5vw;
    position: absolute;
    left: 16.6vw;
    bottom: 16vw;
    border-radius: 0.5vw;
}

input.login_block_password:focus,
input.login_block_login:focus,
input.registration_block_login:focus,
input.registration_block_password:focus,
input.registration_block_password_requared:focus,
input.login_remind_input:focus,
input.password_remind_input:focus {
    border: 2px solid #FDCE01;
}

input.login_block_checkbox {
    position: absolute;
    bottom: 0.1vw;
    left: -1.7vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.registration_block_login {
    position: absolute;
    left: 16.6vw;
    bottom: 20vw;
    width: 16vw;
    height: 2vw;
    background: #125690;
    color: #fff;
    border: 2px solid #125690;
    font-family: "impact";
    font-size: 1.4vw;
    border-radius: 0.5vw;
    outline: none;
    padding: 0 0.5vw;
}

input.registration_block_password {
    position: absolute;
    left: 16.6vw;
    bottom: 16vw;
    width: 16vw;
    height: 2vw;
    background: #125690;
    color: #fff;
    border: 2px solid #125690;
    font-family: "impact";
    font-size: 1.4vw;
    border-radius: 0.5vw;
    outline: none;
    padding: 0 0.5vw;
}

input.registration_block_password_requared {
    position: absolute;
    left: 16.6vw;
    bottom: 12vw;
    width: 16vw;
    height: 2vw;
    background: #125690;
    color: #fff;
    border: 2px solid #125690;
    font-family: "impact";
    font-size: 1.4vw;
    border-radius: 0.5vw;
    outline: none;
    padding: 0 0.5vw;
}

.checkbox_img {
    position: absolute;
    left: -2vw;
    bottom: -0.1vw;
    background: url('../images/check_off.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5vw;
    height: 1.5vw;
}

.error_log {
    background: url('../images/error_icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 34.2vw;
    bottom: 20.4vw;
    width: 1.5vw;
    height: 1.5vw;
    display: none;
}

.error_pass {
    background: url('../images/error_icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 34.2vw;
    bottom: 16.3vw;
    width: 1.5vw;
    height: 1.5vw;
    display: none;
}

.error_pass_2 {
    background: url('../images/error_icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 34.2vw;
    bottom: 12.3vw;
    width: 1.5vw;
    height: 1.5vw;
    display: none;
}

.error_log_remind {
    background: url('../images/error_icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 2vw;
    bottom: 8.55vw;
    width: 1.5vw;
    height: 1.5vw;
    display: none;
}

.error_log_pop_up,
.error_pass_pop_up,
.error_pass_pop_up_2,
.error_log_pop_up_remind {
    background: rgba(23, 36, 58, 1);
    color: #FFFFFF;
    font-family: 'impact';
    font-size: 1.2vw;
    display: none;
    width: max-content;
    height: max-content;
    padding: 0.7vw 1vw;
    position: absolute;
    right: -0.9vw;
    bottom: 2.5vw;
    border-radius: 10px;
}

.error_log_pop_up::after,
.error_pass_pop_up::after,
.error_pass_pop_up_2::after,
.error_log_pop_up_remind::after {
    border: 0.7vw solid transparent;
    border-top: 0.7vw solid rgba(23, 36, 58, 1);
    content: '';
    display: block;
    position: absolute;
    top: 95%;
    right: 1vw;
}

.error_log:hover .error_log_pop_up,
.error_pass:hover .error_pass_pop_up,
.error_pass_2:hover .error_pass_pop_up_2,
.error_log_remind:hover .error_log_pop_up_remind {
    display: block;
}

.login_remind_block_wrapper,
.password_recovery_block_wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background: url(../images/start_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.remind_login_header,
.password_recovery_header {
    font-family: "impact";
    font-size: 2vw;
    color: #ffdf00;
    text-shadow: 2px 1px 1px #125690;
    text-align: center;
    margin-top: 2vw;
}

.success_remind_text {
    font-family: "impact";
    font-size: 2vw;
    color: #ffdf00;
    text-shadow: 2px 1px 1px #125690;
    text-align: center;
    margin-top: 8vw;
}

.login_remind_block,
.password_recovery_block,
.success_remind_block {
    width: 24vw;
    height: 21vw;
    background: url(../images/error_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.success_remind_block {
    z-index: 1;
    width: 27vw;
    height: 23vw;
    transform: translate(-50%, -51%);
}

.login_remind_label {
    position: absolute;
    top: 8vw;
    left: 50%;
    transform: translate(-50%);
    width: 21vw;
    font-family: "impact";
    font-size: 1.5vw;
    color: #fff;
    text-shadow: 2px 1px 1px #125690;
}

.password_recovery_label,
.password_recovery_confirm_label {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 21vw;
    font-family: "impact";
    font-size: 1.5vw;
    color: #fff;
    text-shadow: 2px 1px 1px #125690;
}

.password_recovery_label {
    top: 5.5vw;
}

.password_recovery_confirm_label {
    top: 11vw;
}

.recoveryShowHidePassLabel {
    position: absolute;
    right: 2vw;
    bottom: -2.3vw;
}

.recoveryShowHidePass {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.recoveryShowHidePass_span {
    position: absolute;
    left: -0.5vw;
    bottom: -0.2vw;
    background: url('../images/show_pass.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5vw;
    height: 1.5vw;
}

.recoveryShowHidePass:checked + .recoveryShowHidePass_span {
    position: absolute;
    left: -0.5vw;
    bottom: -0.2vw;
    background: url('../images/hide_pass.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5vw;
    height: 1.5vw;
}

input.login_remind_input,
input.password_remind_input {
    position: absolute;
    top: 2.5vw;
    left: 50%;
    transform: translate(-50%);
    width: 20vw;
    height: 2vw;
    background: #125690;
    color: #fff;
    border: 2px solid #125690;
    font-family: "impact";
    font-size: 1.4vw;
    border-radius: 0.5vw;
    outline: none;
    padding: 0 0.5vw;
}

input.password_recovery_input,
input.password_recovery_confirm_input {
    position: absolute;
    top: 2.5vw;
    left: 50%;
    transform: translate(-50%);
    width: 20vw;
    height: 2vw;
    background: #125690;
    color: #fff;
    border: 2px solid #125690;
    font-family: "impact";
    font-size: 1.4vw;
    border-radius: 0.5vw;
    outline: none;
    padding: 0 0.5vw;
}

.remind_login_btn,
.remind_pass_btn,
.password_recovery_btn {
    width: 12vw;
    height: 5vw;
    background: url(../images/send_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -1vw;
    transition: 0.3s linear;
}

.remind_login_btn:hover,
.remind_pass_btn:hover,
.password_recovery_btn:hover {
    background: url(../images/send_btn_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.success_remind_btn,
.success_recovery_btn {
    width: 5vw;
    height: 5vw;
    background: url(../images/accept_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -2vw;
    transition: 0.3s linear;
}

.success_remind_btn:hover,
.success_recovery_btn:hover {
    background: url(../images/accept_btn_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.remind_login_exit,
.password_recovery_exit {
    background: url(../images/close_window_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: -1vw;
    top: -1vw;
    transition: 0.3s linear;
}

.remind_login_exit:hover,
.password_recovery_exit:hover {
    background: url(../images/close_window_hover_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.login_block_checkbox:checked + .checkbox_img {
    position: absolute;
    left: -2vw;
    bottom: -0.1vw;
    background: url(../images/check_on.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5vw;
    height: 1.5vw;
}

.login_block_checkbox_label {
    position: absolute;
    bottom: 14vw;
    left: 18.6vw;
    font-family: 'Play', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.2px;
    text-shadow: 1px 1px 5px rgba(4, 44, 72, 0.2);
    -webkit-user-select: none;
    user-select: none;
}

.login_form_line {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: 12vw;
    left: 18.6vw;
}

.login_form_line-link {
    border: none;
    border-bottom: 0.15vw solid #FFEB3B;
    color: #FFEB3B;
    font-family: 'Play', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    text-shadow: 0.1vw 0.1vw 0.5vw rgba(4, 44, 72, 0.2);
    letter-spacing: 0.02vw;
    display: block;
    width: fit-content;
    -webkit-user-select: none;
    user-select: none;
    transition: color 0.5s, border-bottom-color 0.5s;
}

.login_form_line-link:hover {
    color: #125690;
    border-bottom-color: #125690;
}

.login_form_line-link + .login_form_line-link { margin-left: 0.8vw; }



/* POPUP REMIND [START] */
.popup_remind {
    background-color: #0099FF;
    background-image: radial-gradient(circle, #00F4FF 0%, #0099FF 100%);
    box-shadow: inset 0vw 0vw 0vw 0.1vw #005893, 0vw 0vw 0vw 0.3vw #FFFFFF;
    font-family: 'Play', Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    width: 32vw;
    height: 38vw;
    max-height: 90vh;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3vw;
}

/* POPUP REMIND: WRAPPER */
.popup_remind-wrapper {
    background-color: #0085FF;
    background-image: url('../images/start_bg.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

/* POPUP REMIND: CLOSE */
.popup_remind-close {
    background-color: transparent;
    background-image: url('../images/close_window_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    width: 4vw;
    height: 4vw;
    position: absolute;
    right: -1vw;
    top: -1vw;
    z-index: 4;
    transition: background 0.3s linear;
    -webkit-appearance: none;
    appearance: none;
}

.popup_remind-close:hover { background-image: url('../images/close_window_hover_btn.png'); }

/* POPUP REMIND: HEAD */
.popup_remind-head {
    background: rgba(255, 69, 69, 1);
    background: linear-gradient(0deg, rgba(255, 69, 69, 1) 0%, rgba(255, 63, 63, 1) 100%);
    box-shadow: inset 0vw -0.2vw 0vw 0vw #CD2C2C, inset 0vw 0.1vw 0vw 0vw #CD2C2C, 0vw 0.5vw 1.5vw 0vw rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    font-size: 1.6vw;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0.1vw 0.1vw 0vw #510606,
                 0.1vw -0.1vw 0vw #510606,
                 -0.1vw 0.1vw 0vw #510606,
                 -0.1vw -0.1vw 0vw #510606,
                 0.1vw 0vw 0vw #510606,
                 0vw 0.1vw 0vw #510606,
                 -0.1vw 0vw 0vw #510606,
                 0vw -0.1vw 0vw #510606;
    line-height: 1.3;
    letter-spacing: 0.05vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    min-height: 5vw;
    margin: 0 auto;
    padding: 0.6vw 1.5vw 0.8vw 1.5vw;
    position: relative;
    z-index: 2;
    border-radius: 0vw 0vw 2vw 2vw;
    -webkit-user-select: none;
    user-select: none;
}

/* POPUP REMIND: BODY */
.popup_remind-body {
    margin: 2.5vw 4.5vw 0vw 4.5vw;
}

/* POPUP REMIND: STEP */
.popup_remind-step { display: none; }
.popup_remind-step.active { display: block; }

/* POPUP REMIND: GROUP */
.popup_remind-group {
    position: relative;
}

.popup_remind-group + .popup_remind-group {
    margin-top: 1vw;
}

/* POPUP REMIND: LABEL */
.popup_remind-label {
    color: #FFFFFF;
    font-family: 'impact';
    font-size: 1.6vw;
    text-align: center;
    text-shadow: 0.1vw 0.1vw 0vw #125690;
    letter-spacing: 0.05vw;
    line-height: 1.2;
    display: block;
    margin-bottom: 1vw;
}

.popup_remind-info {
    background: #FF9800;
    background: linear-gradient(0deg, #FF9800 0%, #FFC107 100%);
    border: 0.15vw solid #AD650A;
    color: #FFFFFF;
    font-family: 'Play', Arial, Helvetica, sans-serif;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    text-shadow: 0.05vw 0.05vw 0vw rgba(0, 0, 0, 0.6);
    letter-spacing: 0.05vw;
    line-height: 1.2;
    display: block;
    margin-bottom: 1vw;
    padding: 0.6vw 0.8vw;
    border-radius: 0.5vw;
}

.popup_remind-info.is-shaking {
    animation: remind-shake 0.25s ease;
}

@keyframes remind-shake {
      0% { transform: translateX(0); }
     20% { transform: translateX(-4px); }
     40% { transform: translateX(4px); }
     60% { transform: translateX(-3px); }
     80% { transform: translateX(3px); }
    100% { transform: translateX(0); }
}

/* POPUP REMIND: INPUT */
.popup_remind-input {
    background: #125690;
    border: 0.15vw solid #125690;
    outline: none;
    color: #FFFFFF;
    font-size: 1.4vw;
    font-family: 'impact';
    display: block;
    width: 100%;
    height: 3vw;
    padding: 0vw 1vw;
    border-radius: 0.5vw;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup_remind-input:hover { border-color: #E2F5FF; }
.popup_remind-input:focus { border-color: #FDCE01; }
.popup_remind-input_center { text-align: center; }
.popup_remind-input.error { background: #351010; border-color: #FF4545; color: #FF4545; }

/* POPUP REMIND: ERROR */
.popup_remind-error {
    background: rgba(0, 0, 0, 0.7);
    background: rgba(255, 69, 69, 1);
    background: linear-gradient(0deg, rgba(255, 69, 69, 1) 0%, rgba(255, 63, 63, 1) 100%);
    box-shadow: inset 0vw -0.2vw 0vw 0vw #CD2C2C, 0vw 0.5vw 1.5vw 0vw rgba(0, 0, 0, 0.2);
    text-align: center;
    text-shadow: 0.1vw 0.1vw 0vw #510606,
                 0.1vw -0.1vw 0vw #510606,
                 -0.1vw 0.1vw 0vw #510606,
                 -0.1vw -0.1vw 0vw #510606,
                 0.1vw 0vw 0vw #510606,
                 0vw 0.1vw 0vw #510606,
                 -0.1vw 0vw 0vw #510606,
                 0vw -0.1vw 0vw #510606;
    color: #FFFFFF;
    font-size: 1.2vw;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0.5vw;
    padding: 1vw;
    visibility: hidden;
    opacity: 0;
    transform: translateY(1vw);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 0.5vw;
}

.popup_remind-error.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.popup_remind-error p { margin: 0; }
.popup_remind-error p + p { margin-top: 0.5vw; }

/* POPUP REMIND: USERS */
.popup_remind-users_wrapper {
    background: #11558F;
    background: linear-gradient(0deg, #11558F 0%, #0A3A71 100%);
    background: linear-gradient(to top, #11558F, #0A3A71);
    box-shadow: inset 0vw 0vw 1vw 0vw rgba(0, 0, 0, 0.1);
    padding: 1vw;
    border-radius: 0.5vw;
}

.popup_remind-users {
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 11vw;
    border-radius: 0.5vw;
}

.popup_remind-users::-webkit-scrollbar {
    background-color: transparent;
    width: 0.4vw;
}

.popup_remind-users::-webkit-scrollbar-track {
    background-color: transparent;
}

.popup_remind-users::-webkit-scrollbar-thumb {
    background-color: #0680AF;
    border: none;
    border-radius: 1vw;
}

.popup_remind-users::-webkit-scrollbar-button {
    background-color: transparent;
    display: none;
}

/* POPUP REMIND: USER */
.popup_remind-user {
    background: rgba(255, 255, 255, 0);
    border: none;
    outline: none;
    color: #FFFFFF;
    font-size: 1.2vw;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0.8vw 1vw;
    border-radius: 0.5vw;
    transition: background 0.5s, color 0.5s;
    -webkit-appearance: none;
    appearance: none;
}

.popup_remind-user:hover {
    background: rgba(255, 255, 255, 0.2);
}

.popup_remind-user.active {
    background: #FFDF00;
    color: #594E00;
}

.popup_remind-user + .popup_remind-user {
    margin-top: 0.2vw;
}

/* POPUP REMIND: SMS */
.popup_remind-sms {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1vw;
}

.popup_remind-sms_text {
    color: #FFFFFF;
    font-size: 1.2vw;
    font-weight: 700;
    text-align: center;
    text-shadow: 0.1vw 0.1vw 0vw #125690;
    letter-spacing: 0.05vw;
    line-height: 1.2;
}

.popup_remind-sms_timer {
    background: #FFF;
    box-shadow: 0vw 0.15vw 0vw 0vw #125690;
    color: #125690;
    font-size: 1.4vw;
    font-weight: 700;
    letter-spacing: 0.05vw;
    line-height: 2vw;
    height: 2vw;
    margin-top: 1vw;
    padding: 0vw 0.5vw;
    border-radius: 0.5vw;
}

.popup_remind-sms_btn {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/house/house_inside/inside_cupboard/reload_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    width: 3vw;
    height: 3vw;
    margin: 1vw auto 0vw auto;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
}

.popup_remind-sms_btn:hover {
    background-image: url('../images/house/house_inside/inside_cupboard/reload_btn_hover.png');
}

/* POPUP REMIND: FOOT */
.popup_remind-foot {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2vw;
}

/* POPUP REMIND: SEND */
.popup_remind-send {
    background-color: transparent;
    background-image: url('../images/send_btn.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    width: 10vw;
    height: 4vw;
    transition: background 0.3s linear;
    -webkit-appearance: none;
    appearance: none;
}

.popup_remind-send:hover { background-image: url('../images/send_btn_hover.png'); }

.popup_remind-send[disabled],
.popup_remind-send:disabled {
    pointer-events: none;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
/* POPUP REMIND [END] */



button.exit_no {
    background: url(../images/close_window_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
    border: none;
    outline: none;
    position: absolute;
    bottom: -0.7vw;
    left: 3vw;
}

button.exit_no:hover {
    background: url(../images/close_window_hover_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
}

button.exit_yes {
    background: url(../images/accept_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
    border: none;
    outline: none;
    position: absolute;
    bottom: -0.7vw;
    right: 3vw;
}

button.exit_yes:hover {
    background: url(../images/accept_btn_hover.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
}

.button_mus.global_music {
    background-color: transparent;
    background-image: url('../images/music_btn.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    width: 3vw;
    height: 3vw;
    position: absolute;
    /* left: 10px; */
    /* bottom: -23px; */
}

.button_mus.global_music:hover {
    background-image: url('../images/music_hover_btn.png');
}

.button_mus.global_music.disabled {
    background-image: url('../images/music_unactive_btn.png');
}

.button_mus.global_music.disabled:hover {
    background-image: url('../images/music_unactive_hover_btn.png');
}

/* BUTTON RULES */
button.button_rules {
    position: absolute;
    left: 70px;
    bottom: -23px;
    width: 3vw;
    height: 3vw;
    background: url(../images/rules_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    outline: none;
}

button.button_rules:hover {
    position: absolute;
    left: 70px;
    bottom: -23px;
    width: 3vw;
    height: 3vw;
    background: url(../images/rules_hover_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* BUTTON EXIT */
button.button_exit {
    background-color: transparent;
    background-image: url('../images/exit_btn.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    width: 6vw;
    height: 4vw;
    position: absolute;
    right: -0.3vw;
    bottom: -1.7vw;
}

button.button_exit:hover {
    background-image: url('../images/exit_hover_btn.png');
}

/* PRELOADER [START] */
.preloader {
    background: #0085FF;
    background: -webkit-linear-gradient(top, #0085FF 19%, #00ADD9 64%);
    background: -moz-linear-gradient(top, #0085FF 19%, #00ADD9 64%);
    background: linear-gradient(to bottom, #0085FF 19%, #00ADD9 64%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

.lds-spinner {
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div::after {
    background: #333333;
    content: '';
    display: block;
    width: 4px;
    height: 14px;
    position: absolute;
    top: 3px;
    left: 30px;
    border-radius: 2px;
}

.lds-spinner div:nth-child(1)  { transform: rotate(0deg);   animation-delay: -1.1s; }
.lds-spinner div:nth-child(2)  { transform: rotate(30deg);  animation-delay: -1s; }
.lds-spinner div:nth-child(3)  { transform: rotate(60deg);  animation-delay: -0.9s; }
.lds-spinner div:nth-child(4)  { transform: rotate(90deg);  animation-delay: -0.8s; }
.lds-spinner div:nth-child(5)  { transform: rotate(120deg); animation-delay: -0.7s; }
.lds-spinner div:nth-child(6)  { transform: rotate(150deg); animation-delay: -0.6s; }
.lds-spinner div:nth-child(7)  { transform: rotate(180deg); animation-delay: -0.5s; }
.lds-spinner div:nth-child(8)  { transform: rotate(210deg); animation-delay: -0.4s; }
.lds-spinner div:nth-child(9)  { transform: rotate(240deg); animation-delay: -0.3s; }
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes lds-spinner {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* PRELOADER [END] */

/* PRELOADER MINI [START] */
.preloader__mini {
    background: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.preloader__mini.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.preloader__mini .lds-spinner {
    background: rgba(0, 0, 0, 0.85);
    width: 104px;
    height: 104px;
    padding: 20px;
    border-radius: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.preloader__mini .lds-spinner div::after {
    background: #FFFFFF;
}
/* PRELOADER MINI [END] */

/* CLOUDS [START] */
.cloud_1, .cloud_2, .cloud_3 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 13;
    pointer-events: none;
}

.cloud_1.hide, .cloud_2.hide, .cloud_3.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}

.cloud_1 {
    background-image: url('../images/cloud_1.png');
    /* background-image: url('../images/quests/halloween/ghost_1.png'); */
    width: 26vw;
    height: 12vw;
}

.cloud_2 {
    background-image: url('../images/cloud_2.png');
    /* background-image: url('../images/quests/halloween/ghost_2.png'); */
    width: 30vw;
    height: 18vw;
    /* height: 12vw; */
}

.cloud_3 {
    background-image: url('../images/cloud_3.png');
    width: 26vw;
    height: 26vw;
}

@keyframes cloudMove {
      0% { transform: translateX(0vw); }
    100% { transform: translateX(330vw); }
}
/* CLOUDS [END] */

/* QUEST - HALLOWEEN [START] */
.quest_halloween {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}

.quest_halloween::before {
    background-image: url('../images/quests/halloween/spider.png');
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    width: 50vw;
    height: 50vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    filter: blur(5px);
    pointer-events: none;
}

/* HALLOWEEN - MINI */
.quest_halloween.quest_halloween__mini {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
}

.quest_halloween.quest_halloween__mini::before {
    display: none;
    filter: none;
}

.quest_halloween.quest_halloween__mini .quest_halloween__container {
    width: 19vw;
    height: 19vw;
    padding: 0;
}

.quest_halloween.quest_halloween__mini .quest_halloween__bat,
.quest_halloween.quest_halloween__mini .quest_halloween__name,
.quest_halloween.quest_halloween__mini .quest_halloween__text,
.quest_halloween.quest_halloween__mini .quest_halloween__info,
.quest_halloween.quest_halloween__mini .quest_halloween__button {
    display: none;
}

.quest_halloween .quest_halloween__box {
    display: none;
}

.quest_halloween.quest_halloween__mini .quest_halloween__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3vw;
}

.quest_halloween.quest_halloween__mini .quest_halloween__box_bat {
    width: 14vw;
}

.quest_halloween.quest_halloween__mini .quest_halloween__box_counter {
    margin-top: 1.5vw;
}

.quest_halloween__box_bat {
    background-image: url('../images/quests/halloween/bat.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16vw;
    height: 8vw;
    filter: drop-shadow(0px 3px 0px #000000);
}

.quest_halloween__box_counter {
    background: #000000;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.8vw;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    width: auto;
    height: 4vw;
    line-height: 4vw;
    margin-top: 2vw;
    padding: 0vw 2.5vw;
    border-radius: 50rem;
}

/* HALLOWEEN - DONE */
.quest_halloween.quest_halloween__done .quest_halloween__text,
.quest_halloween.quest_halloween__done .quest_halloween__info {
    display: none;
}

.quest_halloween.quest_halloween__done .quest_halloween__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2vw;
}

.quest_halloween.quest_halloween__done .quest_halloween__box_counter {
    font-size: 1.4vw;
    font-weight: 400;
}

.quest_halloween__close {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}

.quest_halloween__container {
    background-color: #E84500;
    background-image: radial-gradient(circle, #FFBB0A, #E84500);
    border: 5px solid rgba(0, 0, 0, 0.9);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 28vw;
    padding: 5vw 2vw 6vw 2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    border-radius: 2vw;
    user-select: none;
}

.quest_halloween__name {
    color: #000000;
    font-size: 4vw;
    font-weight: 400;
    font-family: 'impact', sans-serif;
    text-shadow: 0px 0px 10px rgba(232, 69, 0, 0.5), 0px 3px 8px rgba(0, 0, 0, 0.5);
    line-height: 1;
}

.quest_halloween__text {
    background: #000000;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.3vw;
    font-weight: 400;
    font-family: 'Play', sans-serif;
    line-height: 1.3;
    margin-top: 2.5vw;
    padding: 1.5vw 1vw;
    border-radius: 1.5vw;
}

.quest_halloween__info {
    color: #000000;
    font-size: 1.3vw;
    font-weight: 400;
    font-family: 'Play', sans-serif;
    text-align: left;
    text-shadow: 0px 0px 10px rgba(232, 69, 0, 0.5), 0px 3px 8px rgba(0, 0, 0, 0.5);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 0.5vw;
    gap: 0.5vw;
    line-height: 1.3;
    margin-top: 2vw;
    padding: 1.5vw 1vw;
    position: relative;
    white-space: nowrap;
}

.quest_halloween__info::before, .quest_halloween__info::after {
    background: rgba(0, 0, 0, 0.3);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0) 100%);
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    z-index: 100;
}

.quest_halloween__info::before { top: 0; }
.quest_halloween__info::after  { bottom: 0; }

.quest_halloween__counter, .quest_halloween__deadline {
    font-weight: 700;
}

.quest_halloween__bat {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDU2LjE5IiBoZWlnaHQ9IjI0MC44OSIgdmlld0JveD0iMCAwIDQ1Ni4xOSAyNDAuODkiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTAsNzYuNjFDMzAuNzMsMzguNzcsNjguMTEsMTMuNiwxMTQsMGMuNzEsNi41LDEsMTIuNTYsMi4wOCwxOC41QzEyMi4yNiw1NC4yMiwxNTUuMiw4MiwxOTEuMjEsODIuMTFjNiwwLDcuNDgtMS40NSw3LjUtNy41MSwwLTExLjI5LDAtMjIuNTcsMC0zNC43NywyMC4xMywxMS44LDQwLDExLjg1LDYwLjI1LDAsMCwxMi4wNywwLDIzLjMyLDAsMzQuNTcsMCw2LjM1LDEuNSw3Ljc2LDcuODIsNy43MSwzNy40Ni0uMzUsNjkuNzktMjkuMTEsNzQuODgtNjYuNjguNjMtNC42OS45NC05LjQzLDEuNDYtMTQuODIsNDUuMzEsMTMuMjMsODIuNywzOC4yMiwxMTMuMDYsNzUuNDYtMiwuMjEtMy4yNi40Ny00LjUzLjQ3LTExLjMsMC0yMi41OS0uMDYtMzMuODguMDktMzYuOTUuNTEtNjkuMjgsMjkuNDMtNzQuMTYsNjYuMjEtLjIzLDEuNzQtLjc0LDMuNDQtMS4xMSw1LjExLTU5Ljg1LDMuMjctOTUuMzYsMzYuNTYtMTEzLjM1LDkzLTMuNDEtOC4xOC02LjEzLTE0Ljk0LTktMjEuNjItMTcuNjItNDAuNzQtNDguNzEtNjMuOS05Mi4zOC03MC40Mi00LjE0LS42Mi04LjQ1LS4wOC0xMi42OS0uMDhDMTExLjI0LDExNi43MSw5NSw5NCw2NS42NSw4MS42N2MtNy42OC0zLjIzLTE2LjU3LTQuMzUtMjUtNC44NUMyNy42Niw3NiwxNC41OSw3Ni42MSwwLDc2LjYxWiIvPg0KPC9zdmc+');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.quest_halloween__bat_left   { transform: rotate(-45deg); }
.quest_halloween__bat_left_1 { width: 2.4vw; height: 2.4vw; top: 1.5vw; left: 1.5vw; }
.quest_halloween__bat_left_2 { width: 1.8vw; height: 1.8vw; top: 2vw; left: 6vw; }
.quest_halloween__bat_left_3 { width: 1.8vw; height: 1.8vw; top: 5.5vw; left: 2.5vw; }

.quest_halloween__bat_right   { transform: rotate(45deg); }
.quest_halloween__bat_right_1 { width: 2.4vw; height: 2.4vw; top: 1.5vw; right: 1.5vw; }
.quest_halloween__bat_right_2 { width: 1.8vw; height: 1.8vw; top: 2vw; right: 6vw; }
.quest_halloween__bat_right_3 { width: 1.8vw; height: 1.8vw; top: 5.5vw; right: 2.5vw; }

.quest_halloween__button {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.2vw;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 12vw;
    height: 6.5vw;
    margin: 0 auto;
    bottom: -3.4vw;
    left: 0;
    right: 0;
    transition: filter 0.5s;
    will-change: transform;
}

.quest_halloween__button:hover { filter: contrast(0.8); }

.quest_bat {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.4vw;
    height: 3.4vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    transition: opacity 0.5s, transform 0.5s;
}

.quest_bat.hide {
    opacity: 0;
    transform: translateY(-10vh) scale(1.3);
}
/* QUEST - HALLOWEEN [END] */

/* QUEST - NEW YEAR'S ADVENTURES [START] */
.quest_nya {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}

.quest_nya::before {
    background-image: url('../images/quests/nya/decor.png');
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    width: 60vw;
    height: 60vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

/* NEW YEAR'S ADVENTURES - MINI */
.quest_nya.quest_nya__mini {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
}

.quest_nya.quest_nya__mini::before {
    display: none;
    filter: none;
}

.quest_nya.quest_nya__mini .quest_nya__container {
    width: 19vw;
    height: 19vw;
    padding: 0;
}

.quest_nya.quest_nya__mini .quest_nya__name,
.quest_nya.quest_nya__mini .quest_nya__text,
.quest_nya.quest_nya__mini .quest_nya__info,
.quest_nya.quest_nya__mini .quest_nya__button {
    display: none;
}

.quest_nya .quest_nya__box {
    display: none;
}

.quest_nya.quest_nya__mini .quest_nya__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3vw;
}

.quest_nya.quest_nya__mini .quest_nya__box_rabbit {
    width: 14vw;
}

.quest_nya.quest_nya__mini .quest_nya__box_counter {
    margin-top: 1.5vw;
}

.quest_nya__box_rabbit {
    background-image: url('../images/quests/nya/snake.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16vw;
    height: 9vw;
}

.quest_nya__box_counter {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #4B7DA7;
    color: #4B7DA7;
    font-size: 1.8vw;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    width: auto;
    height: 3vw;
    line-height: 3vw;
    margin-top: 2vw;
    padding: 0vw 2vw;
    border-radius: 50rem;
}

/* NEW YEAR'S ADVENTURES - DONE */
.quest_nya.quest_nya__done .quest_nya__text,
.quest_nya.quest_nya__done .quest_nya__info {
    display: none;
}

.quest_nya.quest_nya__done .quest_nya__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2vw;
}

.quest_nya.quest_nya__done .quest_nya__box_counter {
    font-size: 1.4vw;
    font-weight: 400;
}

.quest_nya__close {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}

.quest_nya__container {
    background-color: #80B9E8;
    background-image: radial-gradient(circle, #FFFFFF, #80B9E8);
    border: 5px solid #639DCD;
    border: 5px solid #4B7DA7;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 28vw;
    padding: 5vw 2vw 6vw 2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    border-radius: 2vw;
    user-select: none;
}

.quest_nya__name {
    color: #FFFFFF;
    color: #5aa736;
    text-shadow: 2px 2px 0px #4B7DA7, 0px 2px 0px #4B7DA7, -2px 0px 0px #4B7DA7, 0px -2px 0px #4B7DA7, -2px -2px 0px #4B7DA7, 2px -2px 0px #4B7DA7, -2px 2px 0px #4B7DA7, 2px 2px 0px #4B7DA7;
    text-shadow: 2px 2px 0px #276c07, 0px 2px 0px #1f5a03, -2px 0px 0px #1f5a03, 0px -2px 0px #1f5a03, -2px -2px 0px #1f5a03, 2px -2px 0px #1f5a03, -2px 2px 0px #1f5a03, 2px 2px 0px #1f5a03;
    font-size: 3.5vw;
    font-weight: 400;
    font-family: 'impact', sans-serif;
    line-height: 1;
    letter-spacing: 2px;
}

.quest_nya__text {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #4B7DA7;
    color: #4B7DA7;
    font-size: 1.3vw;
    font-weight: 400;
    font-family: 'Play', sans-serif;
    line-height: 1.3;
    margin-top: 2.5vw;
    padding: 1.5vw 1vw;
    border-radius: 1.5vw;
}

.quest_nya__info {
    color: #4B7DA7;
    font-size: 1.3vw;
    font-weight: 400;
    font-family: 'Play', sans-serif;
    text-align: left;
    text-shadow: 0px 3px 8px rgba(75, 125, 167, 0.4);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 0.5vw;
    gap: 0.5vw;
    line-height: 1.3;
    margin-top: 2vw;
    padding: 1.5vw 1vw;
    position: relative;
    white-space: nowrap;
}

.quest_nya__info::before, .quest_nya__info::after {
    background: #4B7DA7;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #4B7DA7 15%, #4B7DA7 85%, rgba(0, 0, 0, 0) 100%);
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    z-index: 100;
}

.quest_nya__info::before { top: 0; }
.quest_nya__info::after  { bottom: 0; }

.quest_nya__counter, .quest_nya__deadline {
    font-weight: 700;
}

.quest_nya__snowflake {
    background-image: url('../images/quests/nya/snowflakes.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12vw;
    height: 10vw;
    position: absolute;
    opacity: 0.4;
    filter: drop-shadow(0px 0px 10px #4B7DA7);
    z-index: -1;
}

.quest_nya__snowflake_left {
    top: 0;
    left: 0;
}

.quest_nya__snowflake_right {
    top: 0;
    right: 0;
    transform: scaleX(-1);
}

.quest_nya__button {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyMjAuNTMgMTA0Mi45MSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTU4MS4wOCw3NC41M2MtLjExLDE4LjY2LDEyLjk0LDM0LjM4LDMwLjQzLDM4LjM4bC0uNDMsNzAuOTQtNjIuNDEtNDkuODNjNC4xLTguMzgsMy44My0xOC4zOS0uODItMjYuNTctMS4yLTIuMS0yLjY5LTQuMDktNC40Ny01LjloMGMtMTEuMDEtMTEuMTQtMjkuMDMtMTEuMjUtNDAuMTctLjI1LTUuNCw1LjMzLTguMzksMTIuNDUtOC40NCwyMC4wMy0uMDQsNy41OSwyLjg2LDE0Ljc0LDguMiwyMC4xMyw5LjE0LDkuMjUsMjMuMSwxMC44NywzMy45Niw0Ljg2bDc0LjAyLDU5LjEtLjI4LDQ2LjEtNDAuNDktMzIuMzNjLTMuNjYtMi45Mi04Ljk5LTIuMzMtMTEuOTIsMS4zMy0yLjkyLDMuNjYtMi4zMyw5LjAxLDEuMzQsMTEuOTJsNTAuOTQsNDAuNjctLjIsMzMuMzgtNDAuNDktMzIuMzNjLTMuNjYtMi45Mi04Ljk5LTIuMzMtMTEuOTIsMS4zNC0yLjkzLDMuNjYtMi4zMyw5LjAxLDEuMzQsMTEuOTJsNTAuOTQsNDAuNjctLjIsMzMuMzctNDAuNDktMzIuMzNjLTMuNjYtMi45Mi04Ljk5LTIuMzItMTEuOTIsMS4zNC0yLjkyLDMuNjYtMi4zNCw5LDEuMzQsMTEuOTJsNTAuOTQsNDAuNjctLjY1LDEwNi42OS04NC4zNS0xNDguMTktNC43NS0xMTEuMzJjLS4wNi0xLjM3LS40NC0yLjY4LTEuMS0zLjgzLS42Ni0xLjE2LTEuNTktMi4xNi0yLjc0LTIuOWwtOTUuMDItNjIuMDVjLTIuNjYtMS43NC02LjA3LTEuODQtOC44My0uMjctMi43NiwxLjU3LTQuNDEsNC41Ni00LjI3LDcuNzNsNC44NCwxMTMuMzdjLjEyLDIuNzMsMS41NSw1LjI0LDMuODQsNi43NGw5My4yOSw2MC45Myw4NC4zNiwxNDguMTktOTIuMDctNTMuOTEtOC45Ni02NC41N2MtLjE1LTEuMS0uNTEtMi4xMi0xLjAyLTMuMDMtMS42Ny0yLjkzLTUtNC42OS04LjU0LTQuMi00LjY0LC42NC03Ljg4LDQuOTItNy4yMyw5LjU2bDcuMTMsNTEuMzMtMjguOC0xNi44Ni04Ljk2LTY0LjU3Yy0uMTUtMS4xLS41MS0yLjEyLTEuMDItMy4wMy0xLjY3LTIuOTMtNS00LjY5LTguNTQtNC4yLTQuNjQsLjY0LTcuODgsNC45Mi03LjIzLDkuNTZsNy4xMiw1MS4zMi0yOC44LTE2Ljg2LTguOTctNjQuNTdjLS4xNS0xLjEtLjUxLTIuMTItMS4wMi0zLjAzLTEuNjctMi45My01LTQuNjktOC41NC00LjIxLTQuNjQsLjY1LTcuODgsNC45My03LjIzLDkuNTdsNy4xMyw1MS4zMi0zOS43OC0yMy4yOS0xMy4wMy05My44M2MxMC43MS02LjI3LDE2LjQ1LTE5LjEsMTMuMTYtMzEuNjgtLjY0LTIuNDUtMS41OS00Ljc3LTIuODEtNi45Mi0yLjQzLTQuMjgtNS45Ni03Ljg2LTEwLjMyLTEwLjQxLTYuNTUtMy44My0xNC4yLTQuODktMjEuNTQtMi45Ny03LjM0LDEuOTItMTMuNDksNi41OC0xNy4zMywxMy4xMy0zLjgzLDYuNTUtNC44OSwxNC4xOS0yLjk3LDIxLjUzLDMuMTQsMTEuOTcsMTMuNTEsMjAuMTQsMjUuMjEsMjEuMWwxMC45OSw3OS4xNC02MS4yMi0zNS44NWMyLjI4LTcuMDMsMi41NC0xNC41NiwuNjMtMjEuODgtLjg4LTMuMzgtMi4xOS02LjU3LTMuODctOS41My0zLjM2LTUuODktOC4yMi0xMC44My0xNC4yMy0xNC4zNS05LjAyLTUuMjgtMTkuNTYtNi43NC0yOS42Ny00LjA5LTEwLjExLDIuNjQtMTguNTksOS4wNy0yMy44OCwxOC4wOS01LjI4LDkuMDItNi43NCwxOS41Ni00LjEsMjkuNjgsMi42NSwxMC4xMiw5LjA3LDE4LjU5LDE4LjA5LDIzLjg4LDkuMDMsNS4yOCwxOS41Nyw2Ljc0LDI5LjY4LDQuMDksNy4zMi0xLjkxLDEzLjc2LTUuODMsMTguNzctMTEuMjVsNjEuMjIsMzUuODUtNzQuNDUsMjkuMTdjLTYuNTYtOS43Mi0xOC43LTE0LjgxLTMwLjY4LTExLjY4aDBjLTE1LjE1LDMuOTYtMjQuMjUsMTkuNTEtMjAuMjksMzQuNjYsMS45MSw3LjM1LDYuNTgsMTMuNSwxMy4xMywxNy4zMyw2LjU1LDMuODMsMTQuMiw0Ljg5LDIxLjU0LDIuOTcsMTIuNTgtMy4yOSwyMC45Ni0xNC41NywyMS4xOS0yNi45N2w4OC4yLTM0LjU2LDM5Ljc4LDIzLjI5LTQ4LjI0LDE4LjljLTQuMzYsMS43MS02LjUxLDYuNjMtNC44LDEwLjk5LDEuNzIsNC4zMyw2LjYzLDYuNTEsMTAuOTksNC44bDYwLjY5LTIzLjc4LDI4LjgsMTYuODctNDguMjQsMTguOWMtNC4zNiwxLjcxLTYuNTEsNi42My00LjgsMTAuOTksMS43Miw0LjM0LDYuNjMsNi41MSwxMC45OSw0LjhsNjAuNjktMjMuNzgsMjguOCwxNi44Ni00OC4yNCwxOC45Yy00LjM2LDEuNzEtNi41MSw2LjYzLTQuOCwxMC45OSwxLjcyLDQuMzIsNi42Myw2LjUxLDEwLjk5LDQuOGw2MC42OS0yMy43OCw5Mi4wNyw1My45MS0xNzAuNTEtMS4wNC05OC43OS01MS41NWMtMi40Mi0xLjI2LTUuMzEtMS4yOC03Ljc1LS4wNGwtMTAxLjI1LDUxLjI2Yy0yLjg0LDEuNDQtNC42Myw0LjM0LTQuNjUsNy41MS0uMDIsMy4xOCwxLjc0LDYuMSw0LjU2LDcuNTdsMTAwLjYxLDUyLjQ5YzIuNDMsMS4yNiw1LjMxLDEuMjgsNy43NSwuMDRsOTkuNDEtNTAuMzMsMTcwLjUxLDEuMDQtOTIuNzIsNTIuNzgtNjAuNC0yNC41MmMtNC4zNC0xLjc2LTkuMjgsLjMzLTExLjA0LDQuNjctMS43Niw0LjMzLC4zMyw5LjI4LDQuNjcsMTEuMDRsNDguMDEsMTkuNDktMjkuMDEsMTYuNTEtNjAuNC0yNC41MmMtNC4zNC0xLjc2LTkuMjgsLjMzLTExLjA0LDQuNjctMS43Niw0LjM0LC4zMyw5LjI5LDQuNjcsMTEuMDVsNDguMDEsMTkuNDktMjkuMDEsMTYuNTEtNjAuNC0yNC41MmMtNC4zNC0xLjc2LTkuMjgsLjMzLTExLjA0LDQuNjctMS43Niw0LjMzLC4zMyw5LjI4LDQuNjcsMTEuMDRsNDguMDEsMTkuNDktNDAuMDYsMjIuOC04Ny43Ny0zNS42NGMtLjAzLTQuOTMtMS4zMy05LjcxLTMuNy0xMy44OS0zLjYtNi4zMi05LjYtMTEuMjctMTcuMTUtMTMuMzUtMTUuMS00LjE0LTMwLjc2LDQuNzctMzQuOTEsMTkuODdoMGMtMi4wMSw3LjMyLTEuMDUsMTQuOTgsMi43LDIxLjU3LDMuNzUsNi42LDkuODUsMTEuMzMsMTcuMTcsMTMuMzQsNy4zMSwyLjAxLDE0Ljk3LDEuMDUsMjEuNTctMi43MSwzLjc4LTIuMTUsNi45Mi01LjA5LDkuMzItOC41N2w3NC4wMiwzMC4wNS02MS42NiwzNS4xYy0xMi4wNC0xMy4zLTMyLjE0LTE2Ljk5LTQ4LjM2LTcuNzYtMTguNzYsMTAuNjgtMjUuMzMsMzQuNjItMTQuNjUsNTMuMzgsMTAuNjgsMTguNzYsMzQuNjIsMjUuMzMsNTMuMzgsMTQuNjYsMTYuMjMtOS4yNCwyMy4zMS0yOC40LDE4LjAyLTQ1LjU1bDYxLjY2LTM1LjEtMTEuOTUsNzguOThjLTQuMjIsLjI4LTguMzUsMS40OC0xMi4xMywzLjYzLTYuNiwzLjc1LTExLjMzLDkuODUtMTMuMzQsMTcuMTctMi4wMSw3LjMyLTEuMDUsMTQuOTgsMi43LDIxLjU3LDMuNzUsNi41OSw5Ljg1LDExLjMzLDE3LjE3LDEzLjM0LDE1LjEsNC4xNSwzMC43Ni00Ljc3LDM0LjkxLTE5Ljg3LDIuMDctNy41NSwuODgtMTUuMjQtMi43Mi0yMS41Ni0yLjM4LTQuMTgtNS44Mi03LjczLTEwLjA1LTEwLjI4bDE0LjE3LTkzLjY3LDQwLjA2LTIyLjgtNy43NSw1MS4yM2MtLjcsNC42MywyLjQ4LDguOTUsNy4xMSw5LjY1LDQuNjMsLjcsOC45NS0yLjQ4LDkuNjUtNy4xMWw5Ljc1LTY0LjQ1LDI5LTE2LjUxLTcuNzUsNTEuMjNjLS43LDQuNjMsMi40OCw4Ljk1LDcuMTEsOS42NSw0LjYzLC43LDguOTUtMi40OSw5LjY1LTcuMTJsOS43NS02NC40NSwyOS4wMS0xNi41MS03Ljc1LDUxLjIzYy0uNyw0LjYzLDIuNDgsOC45NSw3LjExLDkuNjUsNC42MywuNyw4Ljk1LTIuNDgsOS42NS03LjExbDkuNzUtNjQuNDUsOTIuNzItNTIuNzgtODYuMTYsMTQ3LjE1LTk0LjAzLDU5Ljc4Yy0yLjMxLDEuNDctMy43NywzLjk2LTMuOTIsNi42OWwtNi4yMywxMTMuMzFjLS4xNywzLjE3LDEuNDQsNi4xNyw0LjE4LDcuNzgsMi43NCwxLjYsNi4xNSwxLjU0LDguODMtLjE2bDk1Ljc3LTYwLjg4YzIuMzEtMS40NywzLjc3LTMuOTYsMy45Mi02LjY5bDYuMTEtMTExLjI2LDg2LjE1LTE0Ny4xNC0uNjUsMTA2LjY5LTUxLjQzLDQwLjA1Yy0zLjY5LDIuODgtNC4zMyw4LjItMS40OCwxMS45LDIuODgsMy42OSw4LjIxLDQuMzYsMTEuOSwxLjQ4bDQwLjg4LTMxLjgzLS4yLDMzLjM3LTUxLjQzLDQwLjA1Yy0zLjY5LDIuODctNC4zMyw4LjE4LTEuNDgsMTEuOSwyLjg4LDMuNjksOC4yMSw0LjM2LDExLjksMS40OGw0MC44OC0zMS44My0uMiwzMy4zOC01MS40NCw0MC4wNWMtMy42OSwyLjg4LTQuMzQsOC4xOS0xLjQ4LDExLjksMi44OCwzLjY5LDguMjEsNC4zNiwxMS45LDEuNDhsNDAuODgtMzEuODMtLjI4LDQ2LjA5LTc0Ljc1LDU4LjJjLTEwLjc4LTYuMTQtMjQuNzYtNC42OS0zNC4wMSw0LjQ1LTUuNCw1LjMzLTguNCwxMi40NS04LjQ0LDIwLjAzLS4wNCw3LjU5LDIuODYsMTQuNzUsOC4yLDIwLjEzLDExLjAxLDExLjE0LDI5LjAyLDExLjI1LDQwLjE3LC4yNSw4LjgtOC43LDEwLjYzLTIxLjc0LDUuNjItMzIuMzRsNjMuMDktNDkuMTItLjQzLDcwLjk0Yy03LjIyLDEuNTQtMTMuODgsNS4wOC0xOS4yNiwxMC40LTcuNDQsNy4zNS0xMS41NywxNy4xNS0xMS42MywyNy42LS4wNywxMC40NiwzLjk0LDIwLjMxLDExLjI5LDI3Ljc1LDcuMzUsNy40NCwxNy4xNSwxMS41NywyNy42MSwxMS42MywxMC40NiwuMDcsMjAuMzEtMy45NSwyNy43NS0xMS4zLDcuNDQtNy4zNSwxMS41Ny0xNy4xNSwxMS42My0yNy42LC4wNS02Ljk3LTEuNzItMTMuNjctNS4wNy0xOS41Ni0xLjY4LTIuOTUtMy43Ni01LjcxLTYuMjItOC4xOS01LjMyLTUuMzgtMTEuOTMtOS0xOS4xNC0xMC42M2wuNDMtNzAuOTQsNjIuNDQsNDkuODVjLTUuMTYsMTAuNTUtMy40NCwyMy42Niw1LjI3LDMyLjQ1LDUuMzMsNS40LDEyLjQ0LDguNCwyMC4wMyw4LjQ0LDcuNTksLjA0LDE0Ljc0LTIuODcsMjAuMTMtOC4yLDUuNC01LjMzLDguNC0xMi40NSw4LjQ0LTIwLjAzLC4wMy01LjA1LTEuMjUtOS45MS0zLjY4LTE0LjE5LTEuMjItMi4xNC0yLjczLTQuMTQtNC41MS01Ljk0LTkuMTQtOS4yNS0yMy4xLTEwLjg3LTMzLjk2LTQuODZsLTc0LjAzLTU5LjExLC4yOC00Ni4xLDQwLjQ5LDMyLjMzYzMuNjYsMi45Miw4Ljk5LDIuMzMsMTEuOTItMS4zMywyLjIzLTIuNzksMi40MS02LjU2LC43NC05LjQ5LS41Mi0uOTEtMS4yMS0xLjc0LTIuMDgtMi40M2wtNTAuOTQtNDAuNjcsLjItMzMuMzcsNDAuNDksMzIuMzNjMy42NiwyLjkyLDguOTksMi4zMiwxMS45Mi0xLjM0LDIuMjMtMi43OSwyLjQxLTYuNTYsLjc1LTkuNDktLjUyLS45MS0xLjIxLTEuNzQtMi4wOC0yLjQzbC01MC45NC00MC42NywuMi0zMy4zOCw0MC41LDMyLjMzYzMuNjYsMi45Miw4Ljk5LDIuMzIsMTEuOTItMS4zNCwyLjIzLTIuNzksMi40MS02LjU2LC43NC05LjQ5LS41Mi0uOTEtMS4yMS0xLjc0LTIuMDgtMi40M2wtNTAuOTQtNDAuNjcsLjY1LTEwNi42OSw4NC4zNSwxNDguMTksNC43NiwxMTEuMzJjLjEyLDIuNzMsMS41NCw1LjI0LDMuODMsNi43NGw5NS4wMSw2Mi4wNWMyLjY2LDEuNzQsNi4wNywxLjg0LDguODMsLjI3LDIuNzYtMS41Nyw0LjQxLTQuNTYsNC4yNy03LjczbC00Ljg0LTExMy4zOGMtLjA2LTEuMzctLjQ0LTIuNjgtMS4xLTMuODQtLjY2LTEuMTUtMS41OS0yLjE2LTIuNzMtMi45bC05My4yOS02MC45Mi04NC4zNS0xNDguMTksOTIuMDcsNTMuOTEsOC45Niw2NC41NmMuNjMsNC42Niw0LjkzLDcuODgsOS41Niw3LjIzLDQuNjQtLjY0LDcuODgtNC45Miw3LjIzLTkuNTZsLTcuMTItNTEuMzIsMjguOCwxNi44Niw4Ljk3LDY0LjU3Yy42Myw0LjY0LDQuOTMsNy44OCw5LjU2LDcuMjMsNC42NC0uNjQsNy44OC00LjkzLDcuMjMtOS41N2wtNy4xMy01MS4zMiwyOC44LDE2Ljg3LDguOTYsNjQuNTZjLjYyLDQuNjQsNC45Myw3Ljg3LDkuNTYsNy4yMyw0LjY0LS42NSw3Ljg4LTQuOTMsNy4yMy05LjU3bC03LjEzLTUxLjMyLDM5Ljc4LDIzLjI5LDEzLjAzLDkzLjgzYy0xMC43MSw2LjI3LTE2LjQ1LDE5LjEtMTMuMTYsMzEuNjgsMS45Miw3LjM0LDYuNTgsMTMuNDksMTMuMTMsMTcuMzMsNi41NSwzLjgzLDE0LjIsNC44OSwyMS41NCwyLjk3LDE1LjE1LTMuOTYsMjQuMjYtMTkuNTEsMjAuMy0zNC42Ny0uNjQtMi40NS0xLjU5LTQuNzUtMi43OS02Ljg2LTQuNjYtOC4xOC0xMy4xMy0xMy41Mi0yMi40My0xNC4yN2wtMTAuOTgtNzkuMSw2MS4yMiwzNS44NWMtNS40OSwxNy4wOCwxLjM2LDM2LjMyLDE3LjQ2LDQ1Ljc2aDBjMTguNjMsMTAuOSw0Mi42NSw0LjYyLDUzLjU2LTE0LDUuMjgtOS4wMiw2Ljc0LTE5LjU2LDQuMS0yOS42OC0uODgtMy4zOC0yLjE5LTYuNTctMy44Ny05LjUzLTMuMzYtNS44OS04LjIyLTEwLjgzLTE0LjIyLTE0LjM1LTkuMDItNS4yOC0xOS41Ni02Ljc0LTI5LjY4LTQuMDktNy4zMiwxLjkyLTEzLjc2LDUuODMtMTguNzgsMTEuMjZsLTYxLjIyLTM1Ljg1LDc0LjM4LTI5LjE0YzIuMzUsMy41MSw1LjQ2LDYuNDksOS4yMiw4LjY4LDYuNTUsMy44MywxNC4yLDQuODksMjEuNTQsMi45N2gwYzE1LjE1LTMuOTYsMjQuMjUtMTkuNTEsMjAuMjktMzQuNjYtLjY0LTIuNDYtMS41OS00Ljc1LTIuNzktNi44Ni02LjItMTAuOS0xOS4xOC0xNi43NS0zMS44OC0xMy40My03LjM0LDEuOTItMTMuNDksNi41OC0xNy4zMywxMy4xMy0yLjUxLDQuMjgtMy44LDkuMDMtMy44OCwxMy44NWwtODguMTksMzQuNTUtMzkuNzgtMjMuMjksNDguMjUtMTguOWM0LjM2LTEuNzEsNi41MS02LjYzLDQuOC0xMC45OS0uMTUtLjM5LS4zMy0uNzYtLjUzLTEuMTEtMi4wNS0zLjYtNi40OC01LjI1LTEwLjQ2LTMuNjlsLTYwLjY5LDIzLjc4LTI4LjgtMTYuODYsNDguMjUtMTguOWM0LjM2LTEuNzEsNi41MS02LjYzLDQuOC0xMC45OS0uMTUtLjM5LS4zMy0uNzYtLjUzLTEuMTEtMi4wNS0zLjYtNi40OC01LjI1LTEwLjQ2LTMuNjlsLTYwLjcsMjMuNzgtMjguOC0xNi44Niw0OC4yNS0xOC45YzQuMzYtMS43MSw2LjUxLTYuNjMsNC44LTEwLjk5LS4xNS0uMzktLjMzLS43Ni0uNTMtMS4xMS0yLjA1LTMuNi02LjQ4LTUuMjUtMTAuNDYtMy42OWwtNjAuNywyMy43OC05Mi4wNy01My45MSwxNzAuNSwxLjA0LDk4LjgsNTEuNTVjMi40MywxLjI2LDUuMzEsMS4yOCw3Ljc1LC4wNGwxMDEuMjQtNTEuMjZjMi44NC0xLjQ0LDQuNjMtNC4zNCw0LjY1LTcuNTEsMC0xLjUyLS4zOS0yLjk4LTEuMTEtNC4yNS0uNzktMS4zOS0xLjk3LTIuNTUtMy40NS0zLjMybC0xMDAuNjEtNTIuNDljLTIuNDMtMS4yNi01LjMxLTEuMjgtNy43NS0uMDRsLTk5LjQyLDUwLjMzLTE3MC41MS0xLjA0LDkyLjcyLTUyLjc4LDYwLjQsMjQuNTJjNC4zNCwxLjc2LDkuMjgtLjMzLDExLjA0LTQuNjcsMS43Ny00LjM0LS4zMy05LjI4LTQuNjctMTEuMDRsLTQ4LjAxLTE5LjQ5LDI5LjAxLTE2LjUxLDYwLjQsMjQuNTJjNC4zNCwxLjc2LDkuMjgtLjMzLDExLjA1LTQuNjcsMS43Ni00LjM0LS4zMy05LjI4LTQuNjctMTEuMDVsLTQ4LjAxLTE5LjQ5LDI5LTE2LjUxLDYwLjQsMjQuNTJjNC4zNCwxLjc2LDkuMjgtLjMzLDExLjA0LTQuNjcsMS43Ny00LjM0LS4zMy05LjI5LTQuNjctMTEuMDRsLTQ4LjAxLTE5LjQ5LDQwLjA2LTIyLjgsODcuNzcsMzUuNjRjLjA3LDEyLjQxLDguMzIsMjMuNzksMjAuODYsMjcuMjMsMTUuMSw0LjE1LDMwLjc2LTQuNzcsMzQuOTEtMTkuODcsMi4wNy03LjU1LC44OC0xNS4yNC0yLjcyLTIxLjU2LTMuNi02LjMyLTkuNi0xMS4yNy0xNy4xNS0xMy4zNC03LjMxLTIuMDEtMTQuOTgtMS4wNS0yMS41NywyLjctMy43OCwyLjE1LTYuOTIsNS4wOS05LjMyLDguNTdsLTc0LjAxLTMwLjA1LDYxLjY2LTM1LjFjMTIuMDQsMTMuMywzMi4xMywxNi45OSw0OC4zNiw3Ljc2LDE4Ljc2LTEwLjY4LDI1LjMzLTM0LjYzLDE0LjY1LTUzLjM4LTEwLjY4LTE4Ljc2LTM0LjYyLTI1LjMzLTUzLjM4LTE0LjY1LTE2LjIyLDkuMjQtMjMuMzEsMjguNC0xOC4wMiw0NS41NGwtNjEuNjYsMzUuMSwxMS45NS03OC45OGM0LjIyLS4yOCw4LjM1LTEuNDgsMTIuMTMtMy42NCw2LjYtMy43NSwxMS4zMy05Ljg1LDEzLjM0LTE3LjE3LDIuMDctNy41NSwuODgtMTUuMjQtMi43Mi0yMS41Ni0zLjYtNi4zMi05LjYtMTEuMjctMTcuMTUtMTMuMzUtMTUuMS00LjE1LTMwLjc2LDQuNzctMzQuOTEsMTkuODctMy40NSwxMi41NCwyLjEzLDI1LjQ1LDEyLjc3LDMxLjg0bC0xNC4xNyw5My42Ni00MC4wNiwyMi44LDcuNzUtNTEuMjNjLjMtMS45Ni0uMS0zLjg2LTEuMDEtNS40Ni0xLjI0LTIuMTgtMy40My0zLjc5LTYuMS00LjE5LTQuNjMtLjctOC45NSwyLjQ4LTkuNjUsNy4xMWwtOS43NSw2NC40NS0yOSwxNi41MSw3Ljc1LTUxLjIzYy4zLTEuOTYtLjEtMy44Ni0xLjAxLTUuNDYtMS4yNC0yLjE4LTMuNDMtMy43OS02LjEtNC4xOS00LjYzLS43LTguOTUsMi40OS05LjY1LDcuMTJsLTkuNzUsNjQuNDUtMjkuMDEsMTYuNTEsNy43NS01MS4yM2MuMy0xLjk2LS4xLTMuODYtMS4wMS01LjQ2LTEuMjQtMi4xOC0zLjQzLTMuNzktNi4xLTQuMTktNC42My0uNy04Ljk1LDIuNDgtOS42NSw3LjExbC05Ljc1LDY0LjQ1LTkyLjczLDUyLjc4LDg2LjE2LTE0Ny4xNSw5NC4wNC01OS43OGMyLjMxLTEuNDcsMy43Ny0zLjk2LDMuOTItNi42OWw2LjIzLTExMy4zMWMuMDktMS42Ni0uMzEtMy4yNy0xLjEtNC42Ni0uNzItMS4yNy0xLjc3LTIuMzYtMy4wOC0zLjEyLTIuNzQtMS42LTYuMTUtMS41NC04Ljg0LC4xNmwtOTUuNzYsNjAuODhjLTIuMzEsMS40Ny0zLjc3LDMuOTYtMy45Miw2LjY5bC02LjEyLDExMS4yNy04Ni4xNSwxNDcuMTQsLjY1LTEwNi42OSw1MS40NC00MC4wNWMzLjM3LTIuNjIsNC4yMS03LjI4LDIuMTYtMTAuODgtLjItLjM1LS40My0uNjktLjY4LTEuMDItMi44OC0zLjY5LTguMjEtNC4zNi0xMS45LTEuNDhsLTQwLjg5LDMxLjgzLC4yLTMzLjM3LDUxLjQ0LTQwLjA1YzMuMzctMi42Miw0LjIyLTcuMjgsMi4xNi0xMC44OC0uMi0uMzUtLjQzLS42OS0uNjgtMS4wMi0yLjg4LTMuNjktOC4yMS00LjM2LTExLjktMS40OGwtNDAuODksMzEuODMsLjItMzMuMzgsNTEuNDMtNDAuMDVjMy4zNy0yLjYyLDQuMjItNy4yOCwyLjE3LTEwLjg4LS4yLS4zNS0uNDMtLjY5LS42OC0xLjAyLTIuODgtMy42OS04LjIxLTQuMzYtMTEuOS0xLjQ4bC00MC44OCwzMS44MywuMjgtNDYuMDksNzQuNzQtNTguMTljNC4xOSwyLjQsOC45MywzLjcxLDEzLjg5LDMuNzQsNy41OSwuMDUsMTQuNzQtMi44NiwyMC4xNC04LjIsOS4zNC05LjIyLDEwLjkzLTIzLjM3LDQuNzItMzQuMjctMS4yLTIuMTEtMi42OS00LjEtNC40OC01LjktMTEuMDEtMTEuMTQtMjkuMDItMTEuMjUtNDAuMTctLjI1LTUuNCw1LjMzLTguNCwxMi40NS04LjQ0LDIwLjAzLS4wMiw0LjM1LC45NSw4LjU0LDIuNzYsMTIuMzZsLTYzLjAzLDQ5LjA4LC40My03MC45NGM3LjIzLTEuNTQsMTMuODgtNS4wOCwxOS4yNy0xMC40LDcuNDQtNy4zNSwxMS41Ny0xNy4xNSwxMS42My0yNy42MSwuMDQtNi45Ny0xLjcyLTEzLjY3LTUuMDgtMTkuNTYtMS42OC0yLjk1LTMuNzYtNS43MS02LjIyLTguMTktNy4zNS03LjQ0LTE3LjE1LTExLjU3LTI3LjYxLTExLjYzLTIxLjU4LS4xMy0zOS4yNSwxNy4zMi0zOS4zOCwzOC45MVptLTY2LjA2LDU1LjAzYy0uNzItLjczLTEuMzItMS41My0xLjgtMi4zOC0yLjUtNC4zOS0xLjg2LTEwLjA5LDEuOS0xMy44MSw0LjQ5LTQuNDQsMTEuNzUtNC4zOSwxNi4xOSwuMSw0LjQzLDQuNSw0LjM5LDExLjc1LS4xLDE2LjE5LTQuNDksNC40NC0xMS43NSw0LjM5LTE2LjE5LS4xWm0tMjAzLjIsMTEyLjI2Yy0uNDgtLjg1LS44Ny0xLjc3LTEuMTMtMi43Ni0uNzctMi45Ni0uMzUtNi4wNCwxLjItOC42OCwxLjU0LTIuNjQsNC4wMy00LjUyLDYuOTgtNS4yOSwyLjk2LS43Nyw2LjA0LS4zNSw4LjY4LDEuMiwyLjY0LDEuNTQsNC41Miw0LjAxLDUuMjksNi45OCwxLjYsNi4xMS0yLjA3LDEyLjM3LTguMTgsMTMuOTctNS4xMiwxLjM0LTEwLjM0LTEuMDItMTIuODQtNS40MVptLTg0Ljk1LDE3Mi40M2MtMi45NiwuNzctNi4wNCwuMzUtOC42OC0xLjItMS43Ni0xLjAzLTMuMTgtMi40Ny00LjE2LTQuMi0uNDktLjg2LS44OC0xLjgtMS4xMy0yLjc5LTEuNTktNi4xMSwyLjA3LTEyLjM3LDguMTgtMTMuOTcsNi4xMS0xLjU5LDEyLjM3LDIuMDcsMTMuOTcsOC4xOCwxLjYsNi4xMS0yLjA3LDEyLjM3LTguMTgsMTMuOTdabS03LjM0LDIzMS43Yy0yLjk1LS44MS01LjQtMi43Mi02LjkyLTUuMzctMS41MS0yLjY2LTEuOS01Ljc0LTEuMDktOC42OWgwYzEuNjctNi4wOSw3Ljk4LTkuNjgsMTQuMDctOC4wMSw2LjA4LDEuNjcsOS42OCw3Ljk4LDguMDEsMTQuMDctLjgxLDIuOTUtMi43Miw1LjQxLTUuMzgsNi45Mi0yLjY2LDEuNTEtNS43NCwxLjktOC42OSwxLjA5Wm0xMDkuODIsMTYwLjE5Yy0xLjY3LDYuMDktNy45OCw5LjY4LTE0LjA3LDguMDEtMi45NS0uODEtNS40MS0yLjcyLTYuOTItNS4zNy0xLjUxLTIuNjYtMS45LTUuNzQtMS4wOS04LjY5aDBjLjgxLTIuOTUsMi43Mi01LjQsNS4zOC02LjkyLDIuNjYtMS41MSw1Ljc1LTEuOSw4LjY5LTEuMDksNi4wOSwxLjY3LDkuNjgsNy45OCw4LjAxLDE0LjA3Wm0xOTYuOTksMTIyLjIxYy00LjQ5LDQuNDMtMTEuNzUsNC4zOS0xNi4xOS0uMS0yLjE1LTIuMTgtMy4zMi01LjA2LTMuMy04LjExLC4wMi0zLjA2LDEuMjMtNS45MywzLjQtOC4wNyw0LjQ5LTQuNDMsMTEuNzUtNC4zOSwxNi4xOSwuMSw0LjQ0LDQuNSw0LjM5LDExLjc1LS4xLDE2LjE5Wm0xOTMuNjQtMTVjMi4xNSwyLjE3LDMuMzIsNS4wNSwzLjMsOC4xMS0uMDIsMy4wNi0xLjIzLDUuOTItMy40LDguMDctMi4xNywyLjE1LTUuMDYsMy4zMi04LjEyLDMuMy0zLjA1LS4wMi01LjkyLTEuMjMtOC4wNy0zLjQtLjcyLS43My0xLjMyLTEuNTMtMS44LTIuMzgtMi41LTQuMzktMS44Ni0xMC4wOSwxLjktMTMuODEsNC40OS00LjQzLDExLjc1LTQuMzksMTYuMTksLjFabTIwNC4zMy0xMDkuNWMxLjU5LDYuMTEtMi4wOCwxMi4zNy04LjE4LDEzLjk3LTYuMTEsMS42LTEyLjM4LTIuMDUtMTMuOTctOC4xOC0xLjU5LTYuMTEsMi4wNy0xMi4zNyw4LjE4LTEzLjk3LDYuMS0xLjU5LDEyLjM3LDIuMDgsMTMuOTcsOC4xOFptODMuODItMTc1LjJjNi4xMS0xLjU5LDEyLjM4LDIuMDcsMTMuOTcsOC4xOCwxLjU5LDYuMTEtMi4wOCwxMi4zNy04LjE4LDEzLjk3LTIuOTYsLjc3LTYuMDQsLjM1LTguNjgtMS4yLTIuNjQtMS41NC00LjUyLTQuMDItNS4yOS02Ljk4LTEuNTktNi4xMSwyLjA3LTEyLjM3LDguMTgtMTMuOTdabTcuMzQtMjMxLjdjNi4wOSwxLjY3LDkuNjgsNy45OCw4LjAxLDE0LjA3LTEuNjcsNi4wOC03Ljk4LDkuNjgtMTQuMDcsOC4wMS02LjA5LTEuNjctOS42OC03Ljk4LTguMDEtMTQuMDcsLjgxLTIuOTUsMi43Mi01LjQsNS4zOC02LjkyLDIuNjYtMS41MSw1Ljc1LTEuOSw4LjY5LTEuMDlabS0xMDguNzItMTUxLjUxYy0xLjQ1LTIuNTUtMS45My01LjY1LTEuMS04LjY5LDEuNjctNi4wOSw3Ljk4LTkuNjgsMTQuMDctOC4wMSw2LjA5LDEuNjcsOS42OCw3Ljk4LDguMDEsMTQuMDctLjgxLDIuOTUtMi43Miw1LjQtNS4zOCw2LjkyLTIuNjYsMS41MS01Ljc1LDEuOS04LjY5LDEuMDktMy4wNC0uODQtNS40Ni0yLjgzLTYuOTEtNS4zOFptLTE5OC4wOC0xMzAuOWM0LjQ5LTQuNDMsMTEuNzUtNC4zOSwxNi4xOCwuMSw0LjQ1LDQuNSw0LjM5LDExLjc1LS4xLDE2LjE5LTQuNDksNC40My0xMS43NSw0LjM5LTE2LjE5LS4xLS43Mi0uNzMtMS4zMy0xLjUzLTEuODItMi40LS45OC0xLjcyLTEuNS0zLjY4LTEuNDktNS43MiwuMDItMy4wNiwxLjIzLTUuOTIsMy40LTguMDdabS0yNzguOTIsMTYyLjY2bC0zLjk2LTkyLjU0LDc3LjU1LDUwLjY1LDMuOTUsOTIuNTQtNzcuNTUtNTAuNjVabS0xOTIuMTIsNDBjLTUuNzMsMS41LTExLjcxLC42Ny0xNi44Mi0yLjMyLTMuNDEtMS45OS02LjE2LTQuNzktOC4wNi04LjEzLS45NS0xLjY3LTEuNjktMy40OS0yLjE5LTUuNC0xLjUtNS43My0uNjgtMTEuNzEsMi4zMi0xNi44MiwyLjk5LTUuMTEsNy44LTguNzUsMTMuNTMtMTAuMjUsNS43My0xLjUsMTEuNzEtLjY3LDE2LjgyLDIuMzJoMGM1LjExLDMsOC43Niw3Ljc5LDEwLjI1LDEzLjUzLDEuNSw1LjczLC42OCwxMS43MS0yLjMyLDE2LjgyLTMsNS4xMS03LjgsOC43Ni0xMy41MywxMC4yNVptNzQuNDcsMjQ0LjcybC04Mi4xMi00Mi44NSw4Mi42NC00MS44NCw4Mi4xMiw0Mi44NS04Mi42NCw0MS44NFptLTcxLjg0LDE5OS43OGMtMTAuNjMsNi4wNS0yNC4yLDIuMzItMzAuMjUtOC4zMS02LjA1LTEwLjYzLTIuMzMtMjQuMjEsOC4zLTMwLjI2LDEwLjYzLTYuMDUsMjQuMjEtMi4zMywzMC4yNiw4LjMxLDYuMDUsMTAuNjMsMi4zMywyNC4yMS04LjMxLDMwLjI2Wm0yNTkuNiw0NC40NWwtNzguMTcsNDkuNjksNS4wOC05Mi40OSw3OC4xNy00OS42OS01LjA4LDkyLjQ4Wm0xMzAuNjksMTQ2LjM4YzQuMTcsNC4yMSw2LjQzLDkuOCw2LjQsMTUuNzMtLjAzLDUuOTItMi4zOCwxMS40OC02LjU5LDE1LjY1LTQuMjIsNC4xNy05LjgsNi40NC0xNS43Myw2LjQtNS45My0uMDQtMTEuNDktMi4zOC0xNS42NS02LjU5LTEuMzktMS40MS0yLjU3LTIuOTYtMy41Mi00LjY0LTEuOS0zLjM0LTIuOS03LjE0LTIuODgtMTEuMDhoMGMuMDMtNS45MywyLjM4LTExLjQ5LDYuNTktMTUuNjUsNC4yMi00LjE2LDkuOC02LjQ0LDE1LjczLTYuNCw1LjkzLC4wNCwxMS40OSwyLjM4LDE1LjY1LDYuNTlabTE3NC43LTE4Ni44NmwzLjk1LDkyLjU0LTc3LjU1LTUwLjY1LTMuOTYtOTIuNTQsNzcuNTUsNTAuNjRabTE5Mi4xMi00MGM1LjczLTEuNSwxMS43MS0uNjgsMTYuODIsMi4zMiw1LjExLDIuOTksOC43Niw3LjgsMTAuMjUsMTMuNTMsMS41LDUuNzMsLjY4LDExLjcxLTIuMzIsMTYuODItNi4xOCwxMC41Ni0xOS44LDE0LjEyLTMwLjM2LDcuOTQtMTAuNTQtNi4xOS0xNC4xMS0xOS44LTcuOTMtMzAuMzUsMy01LjExLDcuOC04Ljc2LDEzLjU0LTEwLjI2Wm0tNzQuNDctMjQ0LjcybDgyLjEyLDQyLjg1LTgyLjY0LDQxLjg0LTgyLjEyLTQyLjg1LDgyLjY0LTQxLjg0Wm03MS44NC0xOTkuNzhjMTAuNjMtNi4wNSwyNC4yMS0yLjMzLDMwLjI2LDguMzEsNi4wNSwxMC42MywyLjMzLDI0LjIxLTguMywzMC4yNi0xMC42Myw2LjA1LTI0LjIsMi4zMi0zMC4yNS04LjMxLTYuMDUtMTAuNjMtMi4zMy0yNC4yMSw4LjMtMzAuMjZabS0yNTkuNTktNDQuNDZsNzguMTctNDkuNjktNS4wOCw5Mi40OC03OC4xNyw0OS43LDUuMDgtOTIuNDlabS0xMTQuNzctMTg0LjE1YzUuOTMsLjA0LDExLjQ5LDIuMzgsMTUuNjUsNi41OSw0LjE3LDQuMjEsNi40Myw5LjgsNi40LDE1LjcyaDBjLS4wMyw1LjkzLTIuMzgsMTEuNDktNi41OSwxNS42NS00LjIyLDQuMTctOS44LDYuNDQtMTUuNzMsNi40LTguMjEtLjA1LTE1LjM2LTQuNTgtMTkuMTYtMTEuMjUtMS44Ni0zLjI3LTIuOTEtNy4wNS0yLjg5LTExLjA3LC4wOC0xMi4yNCwxMC4wOS0yMi4xMywyMi4zMi0yMi4wNVoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDY2LjAzLDQyNWw3Ljk1LTEzNC4xOWMuNDgtOC4xNSw5LjE2LTEzLjEzLDE2LjQ0LTkuNDRsMTIxLjcsNjEuNzFjMy4zMiwxLjY4LDcuMjYsMS42MywxMC41My0uMTVsMTI4LjEzLTY5LjU1YzcuNzYtNC4yMSwxNy4xNCwxLjY3LDE2LjczLDEwLjQ5bC03LjA3LDE1MS45OGMtLjIxLDQuNDQsMi4yLDguNTksNi4xNiwxMC42MmwxMjcuNDgsNjUuMmM4LjEyLDQuMTUsOC4yNiwxNS43LC4yNSwyMC4wNWwtMTI0LjkzLDY3Ljg4Yy0zLjY0LDEuOTgtNS45Miw1Ljc5LTUuOTIsOS45NGwtLjIxLDE0Ny4zN2MtLjAxLDguODMtOS42NywxNC4yNi0xNy4yMiw5LjY3bC0xMTguNjMtNzIuMTJjLTMuNC0yLjA2LTcuNjItMi4yLTExLjE0LS4zNmwtMTI2LjM3LDY2LjE1Yy03LjczLDQuMDUtMTYuOTQtMS43OS0xNi41OC0xMC41MWw1LjY2LTEzNy43OGMuMTctNC4yMy0yLjAyLTguMi01LjctMTAuM2wtMTI3LjQ4LTcyLjg3Yy03LjM1LTQuMi03LjY3LTE0LjY5LS41OC0xOS4zMmwxMTUuNjgtNzUuNjRjMy0xLjk2LDQuOS01LjIzLDUuMTEtOC44MloiLz48L3N2Zz4=');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #4B7DA7;
    font-size: 1.2vw;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 12vw;
    height: 8vw;
    margin: 0 auto;
    position: absolute;
    bottom: -4vw;
    left: 0;
    right: 0;
    transition: filter 0.5s;
    will-change: transform;
}

.quest_nya__button:hover { filter: contrast(0.9); }

.quest_snowflake {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.4vw;
    height: 3.4vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    transition: opacity 0.5s, transform 0.5s;
}

.quest_rabbit {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 80% auto;
    width: 2vw;
    height: 2vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    transition: opacity 0.5s, transform 0.5s;
}

.quest_rabbit.hide {
    opacity: 0;
    transform: translateY(-10vh) scale(1.3);
}
/* QUEST - NEW YEAR'S ADVENTURES [END] */

.page_wrapper {
    background: url(../images/academy_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    height: 100vh;
}

/*Time*/
.academy_time_box {
    position: fixed;
    top: 29vh;
    z-index: 10;
    width: 10vw;
    height: 9vw;
    left: 40.5vw;
}

.academy_time_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.academy_time_bg {
    background-image: url(../images/time.png); /* image */
    background-size: cover;
    background-position: center center;
    height: 100%;
}

.academy_time {
    color: #6EC85C;
    font-family: 'Tahoma', sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    width: max-content;
    position: absolute;
    left: 3.6vw;
    top: 2.6vw;
}

/*=======================================================================================================
@media (orientation: portrait)
=========================================================================================================*/
@media (orientation: landscape) {
    @media (device-aspect-ratio: 4/3) {
        .academy_time_box {
            left: 38vw;
            top: 31vh;
        }
    }

    @media (aspect-ratio: 5/4) {
        .academy_time_box {
            left: 37.5vw;
            top: 31vh;
        }
    }
    @media (device-aspect-ratio: 16/9) {
        .academy_time_box {
            left: 40.5vw;
        }
    }
    @media (device-aspect-ratio: 16/10) {
        .academy_time_box {
            left: 40vw;
        }
    }
    /*@media (aspect-ratio: 16/9) {*/
    /*    .academy_time_box {*/
    /*        left: 37.5vw;*/
    /*        top: 31vh;*/
    /*    }*/
    /*}*/
}

/*=======================================================================================================
@media (orientation: portrait)
=========================================================================================================*/
@media (orientation: portrait) {
    .academy_time_box {
        width: 10vh;
        height: 9vh;
    }

    .academy_time {
        left: 4.5vw;
        top: 3.5vw;
        font-size: 1.5vh;
    }

    @media (device-aspect-ratio: 3/4) {
        .academy_time_box {
            left: 29vw;
            top: 33vh;
        }
    }

    @media (device-aspect-ratio: 4/5) {
        .academy_time_box {
            left: 31vw;
            top: 33vh;
        }
    }
    @media (device-aspect-ratio: 9/16) {
        .academy_time_box {
            left: 23vw;
            top: 33vh;
        }

        .academy_time {
            left: 6.5vw;
            top: 4.5vw;
            font-size: 1.5vh;
        }
    }
    @media (device-aspect-ratio: 10/16) {
        .academy_time_box {
            left: 25vw;
            top: 33vh;
        }

        .academy_time {
            left: 6vw;
            top: 4vw;
        }
    }

}

/*Time*/


.back_btn {
    background: url(../images/back_button.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 11vw;
    height: 4vw;
    text-align: center;
    font-size: 1.5vw;
    font-family: "impact";
    z-index: 33;
}

.back_btn:hover {
    background: url(../images/back_button_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 11vw;
    height: 4vw;
    z-index: 33;
}

.button_box {
    position: fixed;
    bottom: 1vw;
    right: 2vw;
    z-index: 33;
}

.back_btn {
    text-decoration: none;
    color: #fff;
}

button.button_mus.mus_academy {
    width: 4vw;
    height: 4vw;
}

button.mus_academy {
    bottom: 0vw;
    left: -5vw;
}

button.mus_academy:hover {
    bottom: 0vw;
    left: -5vw;
}

/* DOOR [START] */
.door_description_1,
.door_description_2,
.door_description_3,
.door_description_4,
.door_description_5 {
    /* background: #00DFFF; */
    /* background: -webkit-radial-gradient(circle, #00DFFF 0%, #00B4FD 100%); */
    /* background: -moz-radial-gradient(circle, #00DFFF 0%, #00B4FD 100%); */
    /* background: radial-gradient(circle, #00DFFF 0%, #00B4FD 100%); */
    background-image: url('../images/pop_up.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: 100% 100%;
    /* border: 3px solid #FFFFFF; */
    /* box-shadow: inset 0px -1px 0px 1px #0069BC; */
    color: #FFFFFF;
    font-size: 1.2vw;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    display: none;
    /* width: 13vw; */
    height: 6vw;
    /* padding: 0vw 2vw; */
    /* padding-left: 1.5vw; */
    padding: 0vw 1.5vw 0vw 3vw;
    position: absolute;
    top: -3vw;
    white-space: nowrap;
    /* border-radius: 100%; */
}

.door_description_1,
.door_description_2,
.door_description_3,
.door_description_4 {
    left: 100%;
}

.door_description_5 {
    right: 100%;
    transform: rotateY(180deg);
}

.door_description_5 div {
    transform: rotateY(180deg);
}

.door_description_1 div:first-child,
.door_description_5 div:first-child {
    margin-top: -0.5vw;
}

/* .door_description_1::before,
.door_description_2::before,
.door_description_3::before,
.door_description_4::before,
.door_description_5::before {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    top: 4vw;
    z-index: -1;
} */

/* .door_description_1::before,
.door_description_2::before,
.door_description_3::before,
.door_description_4::before {
    border: 20px solid transparent;
    border-right: 60px solid #FFFFFF;
    left: -2vw;
    transform: rotate(-45deg);
} */

/* .door_description_5::before {
    border: 20px solid transparent;
    border-left: 60px solid #FFFFFF;
    right: -2vw;
    transform: rotate(45deg);
} */

.door_1_hover:hover .door_description_1,
.door_2_hover:hover .door_description_2,
.door_3_hover:hover .door_description_3,
.door_4_hover:hover .door_description_4,
.door_5_hover:hover .door_description_5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.door_1_hover:hover + .door_1,
.door_2_hover:hover + .door_2,
.door_3_hover:hover + .door_3,
.door_4_hover:hover + .door_4,
.door_5_hover:hover + .door_5 {
    display: block;
}

/* ### DELETE ### */
/* .door_1_hover,
.door_2_hover,
.door_3_hover,
.door_4_hover,
.door_5_hover {
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
} */
/* ### DELETE ### */

.door_1, .door_2, .door_3, .door_4, .door_5 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

.door_1 {
    background-image: url('../images/door_1.png');
}

.door_1_hover {
    width: 13vw;
    height: 26.5vw;
    position: absolute;
    top: 13.5vw;
    left: 7.85vw;
    z-index: 10;
}

.door_2 {
    background-image: url('../images/door_2.png');
    z-index: 11;
}

.door_2_hover {
    width: 13vw;
    height: 19.5vw;
    position: absolute;
    top: 15.5vw;
    left: 25.85vw;
    z-index: 12;
}

.door_3 {
    background-image: url('../images/door_3.png');
}

.door_3_hover {
    width: 9vw;
    height: 12.5vw;
    position: absolute;
    top: 19.5vw;
    left: 52.85vw;
    z-index: 10;
}

.door_4 {
    background-image: url('../images/door_4.png');
}

.door_4_hover {
    width: 9vw;
    height: 12.5vw;
    position: absolute;
    top: 19.5vw;
    left: 63vw;
    z-index: 10;
}

.door_5 {
    background-image: url('../images/door_5.png');
}

.door_5.door_closed {
    background-image: url('../images/door_5_closed.png');
}

.door_5_hover {
    width: 12vw;
    height: 26.5vw;
    position: absolute;
    top: 15.5vw;
    left: 87vw;
    z-index: 10;
}
/* DOOR [END] */

/* PROFESSOR [START] */
.main_page_wrapper {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/professor/professor_main_bg.jpg');
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100%;
    position: relative;
}

.professor {
    background: url(../images/professor/professor.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16vw;
    height: 37vw;
    position: absolute;
    bottom: 3vw;
    left: 32vw;
}

.professor_greeting {
    background: url(../images/professor/text_cloud.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 34vw;
    height: 10vw;
    position: absolute;
    bottom: 32vw;
    left: 44vw;
}

span.greeting_text {
    color: #000;
    font-size: 1.2vw;
    font-family: "Impact";
    position: absolute;
    bottom: 3.5vw;
    left: 2vw;
    letter-spacing: 1px;
}

.knowledge_section {
    position: absolute;
    height: 6vw;
    width: 23vw;
    left: 50vw;
    bottom: 25vw;
}

.knowledge_link {
    background: url(../images/professor/knowledge.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 23vw;
    height: 6vw;
    position: absolute;
}

.knowledge_link:hover {
    background: url(../images/professor/knowledge_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 23vw;
    height: 6vw;
}

.rules_section {
    position: absolute;
    width: 23vw;
    height: 6vw;
    left: 50vw;
    bottom: 17vw;
}

.rules_link {
    background: url(../images/professor/rules.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 23vw;
    height: 6vw;
    position: absolute;
}

.rules_link:hover {
    background: url(../images/professor/rules_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 23vw;
    height: 6vw;
}

.professor_rules {
    background: url(../images/professor/professor.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 17vw;
    height: 40vw;
    position: absolute;
    bottom: 3vw;
    left: 26vw;
}

.professor_page-main,
.professor_page-exam,
.professor_page-rules {
    background-color: rgba(0, 0, 0, 0);
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.professor_window {
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.professor_window.professor_window-exam {
    background-image: url('../images/professor/professor_exam_bg.jpg');
}

.professor_window.professor_window-rules {
    background-image: url('../images/professor/professor_rules_bg.jpg');
}

.professor_window-container {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/professor/start_rules.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 26vw;
    height: 30vw;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.professor_window-body {
    background: #0F4F89;
    color: #FFFFFF;
    font-family: 'Play', sans-serif;
    font-size: 1.2vw;
    font-weight: 700;
    letter-spacing: 0.05vw;
    width: 18vw;
    height: 19vw;
    margin: 5.8vw auto 0vw auto;
    padding: 1vw;
    border-radius: 1vw;
}

.professor_window-foot {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 20vw;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -1.5vw;
    left: 0;
}

.professor_start-btn {
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    display: block;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}

.professor_start-music {
    background-image: url('../images/professor/professor_mus_button.png');
    width: 3vw;
    height: 3vw;
}

.professor_start-music:hover {
    background-image: url('../images/professor/professor_mus_button_hover.png');
}

.professor_start-music.disabled::before {
    background: #FFFFFF;
    box-shadow: 0vw 0vw 0vw 0.08vw #046274;
    content: '';
    width: 1.7vw;
    height: 0.18vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%) rotate(45deg);
    border-radius: 1vw;
}

.professor_start-back {
    background-image: url('../images/professor/professor_back_button.png');
    width: 3vw;
    height: 3vw;
    margin-left: 1vw;
}

.professor_start-back:hover {
    background-image: url('../images/professor/professor_back_button_hover.png');
}

.professor_start-start {
    background-image: url('../images/professor/professor_start_button.png');
    width: 7.7vw;
    height: 3vw;
    margin-left: auto;
}

.professor_start-start:hover {
    background-image: url('../images/professor/professor_start_button_hover.png');
}

.blure_bg {
    position: absolute;
    width: 100vw;
    height: 100vh;
    filter: blur(10px);
    z-index: 50;
}

.board_wrapper {
    position: relative;
    left: 41vw;
    width: 42vw;
    bottom: 50vw;
    height: 38vw;
    background: url(../images/professor/board.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.board_block {
    width: 36vw;
    height: 27vw;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    left: 3vw;
    top: 7.5vw;
}

.lights {
    position: absolute;
    left: 44vw;
    top: 0;
    width: 35vw;
    height: 15vw;
    background: url(../images/professor/lights.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.board_block ul {
    margin-left: 40px;
    font-size: 1.2vw;
    color: #fff;
    font-family: "Impact";
    padding: 15px;
    list-style: none;
    position: relative;
    text-shadow: 1px 2px 2px #000;
}

.board_block li {
    padding: 5px;
}

span.lessons_heading {
    position: relative;
}

span.lessons_heading:after {
    position: absolute;
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    transform: rotate(180deg);
    right: -2vw;
    transition: 0.6s ease;
    background: url(../images/professor/up_and_down_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

span.lessons_heading.rotated:after {
    transform: rotate(0deg);
    top: 0px;
    transition: 0.6s ease;
    background: url(../images/professor/up_and_down_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

span.lessons_heading.rules_heading {
    display: block;
    max-width: 20vw;
}

span.lessons_heading.main_list_heading {
    display: block;
    max-width: max-content;
    /*max-width: 9vw;*/
    font-size: 1.7vw;
}

.board_block::-webkit-scrollbar {
    width: 10px;
}

.board_block::-webkit-scrollbar-thumb {
    background: #a8fbff;
    border-radius: 10px;
}

.board_block::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

span.lessons_heading.main_list_heading.rotated:before {
    content: "";
    position: absolute;
    width: 36vw;
    height: 130%;
    background: #2682c8;
    opacity: 0.5;
    left: -3vw;
    top: -0.2vw;
    z-index: -1;
}

span.lessons_heading.rules_heading:before {
    content: "";
    position: absolute;
    width: 36vw;
    height: 130%;
    background: #2682c8;
    opacity: 0.5;
    left: -6vw;
    top: -0.2vw;
    z-index: -1;
}

span.main_list_heading.rotated::after {
    top: 0.4vw;
}

span.main_list_heading::after {
    top: 0.4vw;
}

span.lessons_heading.main_list_heading.rotated,
span.lessons_heading.rules_heading.rotated {
    z-index: 1;
}

.overflow_block {
    overflow-y: scroll;
}

.rule.cloned_rule {
    position: relative;
    top: 2vw;
    left: 2vw;
    width: 93%;
    font-size: 1.2vw;
    color: #fff;
    font-family: 'Arial', sans-serif;
    text-shadow: 1px 2px 2px #000;
    white-space: pre-wrap;
}

.board_text_wrap {
    position: absolute;
    width: 36vw;
    height: 5vw;
    background: rgba(38, 130, 200, 0.5);
    border-radius: 10px;
    left: 3vw;
    top: 2.5vw;
}

.board_text_block {
    display: block;
    position: relative;
    font-size: 2vw;
    color: #fff;
    font-family: "Impact";
    margin: 0vw 0 0vw 3vw;
    text-shadow: 1px 2px 2px #000;
}

.board_text_block_pseudo::before {
    position: absolute;
    content: "";
    width: 2vw;
    height: 2vw;
    left: -2.5vw;
    top: 0.5vw;
    transition: 0.4s ease;
    background: url(../images/professor/back_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.rules_boar_wrap {
    overflow-x: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rules_text_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: 0.3s linear;
}

.search_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    transform: translateX(100%);
    transition: 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rules_text_heading.active {
    transform: translateX(-100%);
}

.search_wrapper.active {
    transform: translateX(0);
}

.search_call_btn {
    width: 5vw;
    height: 3.5vw;
    background: url(../images/professor/proff_search_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.search_wrapper .search_call_btn {
    width: 2.5vw;
    height: 2.5vw;
    background: url(../images/professor/proff_search_icon_close.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-right: 1vw;
}

.rules_search_btn {
    width: 5vw;
    height: 3.5vw;
    background: url(../images/professor/proff_search_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    outline: none;
}

.rules_search_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1vw;
    width: 90%;
}

input.rules_search_input {
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    width: 90%;
    outline: none;
    color: #fff;
    font-size: 22px;
    font-family: "Impact";
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.lessons_list_search {
    display: none;
}

.rules_search_input::placeholder {
    color: #fff;
}

/*professor exam */
.professor_exam {
    background: url(../images/professor/professor.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16vw;
    height: 39vw;
    position: absolute;
    bottom: 3vw;
    left: 42vw;
}

.exam_end_btn {
    background: url(../images/professor/end_exam_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 23vw;
    height: 4vw;
    z-index: 33;
    position: absolute;
    right: 1vw;
    bottom: 0;
}

.exam_end_btn:hover {
    background: url(../images/professor/end_exam_btn_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 23vw;
    height: 4vw;
    z-index: 33;
    position: absolute;
    right: 1vw;
    bottom: 0;
}

.exam_edition {
    position: absolute;
    bottom: 1vw;
    right: 0;
    width: 100vw;
}

.mus_exam {
    left: unset !important;
    right: 26vw;
}

.help_btn {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/professor/help_button.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    width: 4vw;
    height: 4vw;
    position: absolute;
    bottom: 0;
    left: 2vw;
    z-index: 33;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

.help_btn:hover {
    background-image: url('../images/professor/help_button_hover.png');
}

.professor_question {
    background: url(../images/professor/professor_question.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 35vw;
    height: 7vw;
    position: absolute;
    left: 32vw;
    bottom: 41vw;
    text-align: center;
}

span.professor_question_text {
    font-family: "Rubik";
    font-size: 1.5vw;
    font-weight: 600;
    position: relative;
    padding: 1vw;
    display: block;
}

.question_wrapper {
    position: relative;
    width: 65vw;
    height: 30vw;
    left: 18.5vw;
    bottom: 41vw;
}

.question_tabs_wrapper {
    display: none;
}

.question_tabs_wrapper.active {
    display: block;
}

.question_box {
    background: url(../images/professor/question_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box:hover {
    background: url(../images/professor/question_box_bg_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_1 {
    background: url(../images/professor/question_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_1:hover {
    background: url(../images/professor/question_box_bg_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_2 {
    background: url(../images/professor/question_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_2:hover {
    background: url(../images/professor/question_box_bg_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_3 {
    background: url(../images/professor/question_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_3:hover {
    background: url(../images/professor/question_box_bg_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_4 {
    background: url(../images/professor/question_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_4:hover {
    background: url(../images/professor/question_box_bg_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_5 {
    background: url(../images/professor/question_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_5:hover {
    background: url(../images/professor/question_box_bg_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_1 {
    background: url(../images/professor/question_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_1:hover {
    background: url(../images/professor/question_box_bg_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_try {
    background: url(../images/professor/question_box_bg_try.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_try:hover {
    background: url(../images/professor/question_box_bg_try.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_incorrect {
    background: url(../images/professor/question_box_bg_incorrect.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_incorrect:hover {
    background: url(../images/professor/question_box_bg_incorrect.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_correct {
    background: url(../images/professor/question_box_bg_correct.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

.question_box_correct:hover {
    background: url(../images/professor/question_box_bg_correct.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19vw;
    height: 13vw;
    transition: 0.3s ease;
}

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

.box_B {
    position: absolute;
    bottom: 0;
    left: 0;
}

.box_C {
    position: absolute;
    right: 0;
    top: 0;
}

.box_D {
    position: absolute;
    bottom: 0;
    right: 0;
}

.question_box .box_letter {
    font-size: 4vw;
    position: absolute;
    left: 45%;
    top: -2.8vw;
    font-family: "Impact";
    color: #fff;
    text-shadow: #125790 4px 0px, #125790 4px 4px, #125790 0px 4px,
    #125790 -4px 4px, #125790 -4px 0px, #125790 -4px -4px, #125790 0px -4px,
    #125790 4px -4px;
}

.box_question_text_wrapper {
    width: 16vw;
    height: 9vw;
    background: #135992;
    border-radius: 10px;
    margin: 1.5vw auto;
}

.box_question_text {
    font-family: "Rubik";
    font-size: 1.3vw;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    display: block;
    padding: 1vw;
}

.answer_block {
    position: absolute;
    right: 0;
    bottom: 15vw;
    width: auto;
    height: 25vw;
}

.answer_box {
    font-size: 1.2vw;
    font-family: "Impact";
    color: #fff;
    padding: 0.5vw 1vw;
    margin-bottom: 1vw;
    background: #135992;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border: 2px solid #fff;
    border-right: none;
}

.answer_box span {
    margin-left: 15px;
}

.answer_box i {
    font-style: normal;
}

.result_window {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/professor/professor_main_bg.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
}

.result_box_wrapper {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/professor/stars/background_final.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 42vw;
    height: 35vw;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.result_bottons_block {
    position: absolute;
    bottom: -1.5vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 28vw;
    display: flex;
    justify-content: space-around;
}

.result_button_back {
    background: url(../images/professor/back_button.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 4vw;
    height: 4vw;
    left: 0;
    z-index: 33;
    position: relative;
    border: none;
    outline: none;
}

.result_button_back:hover {
    background: url(../images/professor/back_button_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 4vw;
    height: 4vw;
    left: 0;
    z-index: 33;
    position: relative;
    border: none;
    outline: none;
}

.result_button_question.help_btn {
    position: static;
    bottom: auto;
    left: auto;
}

.result_button_mus.button_mus {
    position: relative;
    width: 4.2vw;
    height: 4.2vw;
    left: 0;
    bottom: 0;
    border: none;
    outline: none;
}

.result_button_mus.button_mus:hover {
    position: relative;
    width: 4.2vw;
    height: 4.2vw;
    left: 0;
    bottom: 0;
    border: none;
    outline: none;
}

.result_button_go {
    background: url(../images/professor/result_button_go.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 4vw;
    height: 4vw;
    left: 0;
    z-index: 33;
    position: relative;
    border: none;
    outline: none;
}

.result_button_go:hover {
    background: url(../images/professor/result_button_go_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 4vw;
    height: 4vw;
    left: 0;
    z-index: 33;
    position: relative;
    border: none;
    outline: none;
}

.result_mark {
    font-size: 6vw;
    font-family: "Impact";
    display: block;
    width: 6vw;
    position: absolute;
    left: 0;
    right: 0;
    margin: 6vw auto 0;
    background: linear-gradient(180deg, #fcf046 0%, #dbb603 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #000;
    text-align: center;
}

.result_stars_block {
    position: absolute;
    width: 20vw;
    height: 6vw;
    left: 0;
    top: 0;
    right: 0;
    margin: 13vw auto 0;
}

.global_set_stars {
    background-color: transparent;
    background-image: url('../images/professor/stars/0_stars.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20vw;
    height: 6vw;
}

.global_set_stars_0, .stars_0 { background-image: url('../images/professor/stars/0_stars.png'); }
.global_set_stars_1, .stars_1 { background-image: url('../images/professor/stars/1_stars.png'); }
.global_set_stars_2, .stars_2 { background-image: url('../images/professor/stars/2_stars.png'); }
.global_set_stars_3, .stars_3 { background-image: url('../images/professor/stars/3_stars.png'); }
.global_set_stars_4, .stars_4 { background-image: url('../images/professor/stars/4_stars.png'); }
.global_set_stars_5, .stars_5 { background-image: url('../images/professor/stars/5_stars.png'); }

.result_text_block {
    position: absolute;
    width: 19vw;
    height: 13vw;
    left: 0;
    top: 0;
    right: 0;
    margin: 18vw auto 0;
}

.result_text_mistake,
.result_text_correct,
.result_text_incorrect,
.result_text_tips {
    display: flex;
    justify-content: space-between;
    font-family: "Impact";
    color: #0c3c64;
    font-size: 1.7vw;
}

.result_text_block > div + div {
    margin-top: 0.5vw;
}

.mistake_box,
.correct_box,
.incorrect_box,
.tips_box {
    color: #fff;
    text-shadow: 2px 2px 2px #0c3c64;
}

.overlay_background {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 1;
    z-index: 999;
    display: none;
}

/* games variants */
.variants_wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 10px;
    top: 10px;
}

.variants_wrapper .variant {
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
}

.variants_wrapper .variant:not(:last-child) {
    margin-bottom: 10px;
}

.variants_wrapper .variant.variant_1,
.variant_1 .radio_btn-btn,
.variant_1.radio_btn-btn {
    background: #9df171;
}

.variants_wrapper .variant.variant_2,
.variant_2 .radio_btn-btn,
.variant_2.radio_btn-btn {
    background: #ffe102;
}

.variants_wrapper .variant.variant_3,
.variant_3 .radio_btn-btn,
.variant_3.radio_btn-btn {
    background: #ff333c;
}

.radio_btn-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 53vw;
    margin: 0 auto;
    position: absolute;
    top: 6vw;
    left: 0;
    right: 0;
}

input.variants_radio_btn,
input.variants_pop-up-variants_radio_btn {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

.variant_label {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    font-size: 1.2vw;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    line-height: 1;
    letter-spacing: 0.03vw;
    display: flex;
    align-items: center;
    margin: 0vw 0.5vw;
    padding: 0.8vw 1.2vw 0.8vw 0.8vw;
    position: relative;
    white-space: nowrap;
    transition: background 0.5s;
    border-radius: 50rem;
    user-select: none;
}

.variant_label:hover {
    background: rgba(0, 0, 0, 0.2);
}

.radio_btn-btn {
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1.4vw;
    height: 1.4vw;
    margin-right: 1vw;
    border-radius: 50%;
}

/* .radio_btn-btn::before {
    background: rgba(0, 0, 0, 0);
    content: '';
    display: block;
    width: 46%;
    height: 46%;
    border-radius: 50%;
    transition: background 0.5s;
} */

.variants_radio_btn:checked + .variant_label {
    background: rgba(0, 0, 0, 0.7);
}

/* .variants_radio_btn:hover + .variant_label .radio_btn-btn::before,
.variants_radio_btn:checked + .variant_label .radio_btn-btn::before {
    background: rgba(0, 0, 0, 0.3);
} */

/* .variants_radio_btn:checked + span::before,
.variants_pop-up-variants_radio_btn:checked + span::before {
    content: '';
    position: absolute;
    width: 65%;
    height: 65%;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
} */

.variants_pop-up-wrapper {
    z-index: 999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.variants_pop-up {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26vw;
    height: 25vw;
    background: url(../images/variants_pop-up-bg.png) center center/ contain no-repeat;
}

.variants_pop-up-variants {
    position: absolute;
    top: 9vw;
    left: 8vw;
    display: flex;
    flex-direction: column;
}

.variants_pop-up-variant_label:not(:last-child) {
    margin-bottom: 2.5vw;
}

label.variants_pop-up-variant_label {
    display: flex;
    align-items: center;
    font-size: 1.5vw;
    color: #fff;
    font-family: "Roboto";
}

.variants_pop-up-heading {
    position: absolute;
    top: 3vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2vw;
    color: #fff;
    font-family: "Impact";
    width: max-content;
    text-shadow: #000 1px 1px 0, #000 -1px -1px 0,
    #000 -1px 1px 0, #000 1px -1px 0;
}

.variants_pop-up-close {
    position: absolute;
    top: 0;
    right: -1vw;
    background: url(../images/park_pop_up_close_btn.png) center center/ contain no-repeat;
    width: 4vw;
    height: 4vw;
    transition: .2s linear;
}

.variants_pop-up-close:hover {
    background: url(../images/park_pop_up_close_btn_hover.png) center center/ contain no-repeat;
    width: 4vw;
    height: 4vw;
}

.variants_pop-up-select {
    position: absolute;
    bottom: -1vw;
    left: 45%;
    transform: translateX(-50%);
    transition: .2s linear;
    background: url(../images/start_btn.png) center center/ contain no-repeat;
    width: 14vw;
    height: 6vw;
}

.variants_pop-up-select:hover {
    background: url(../images/start_btn_hover.png) center center/ contain no-repeat;
    width: 14vw;
    height: 6vw;
}

.register_active_acc {
    position: absolute;
    left: 16.8vw;
    bottom: 9vw;
    width: 16vw;
    color: #fff;
    font-family: "impact";
    font-size: 0.7vw;
    padding: 0 0.5vw;
    text-align: center;
    text-shadow: 0px 0px 2px #125690;
    letter-spacing: 0.2px;
}

.register_active_acc a {
    color: #fbd28c;
}


@media (min-width: 1700px) and (max-width: 1850px) {
    span.lvl_text {
        bottom: 0.2vw;
    }

    .lvl_row_wrapper {
        bottom: 14px;
        left: 60px;
    }
}

@media (min-width: 1441px) and (max-width: 1699px) {
    .lvl_row_wrapper {
        bottom: 13px;
        left: 52px;
    }

    span.lvl_text {
        bottom: 0.2vw;
    }
}

@media (max-width: 1440px) {
    .mainCity {
        width: 393vw;
        height: 275vw;
        top: -133vw;
        left: -113vw;
    }

    /* BOUNCE [START] */
    .cab_bounce     { top: 195.6vw; left: 134vw; }
    .park_bounce    { top: 131.0vw; left: 249.6vw; }
    .academy_bounce { top: 153.0vw; left: 183.5vw; }
    .office_bounce  { top: 131.2vw; left: 145.2vw; }
    .shop_bounce    { top: 151.6vw; left: 86vw; }
    .cinema_bounce  { top: 211.5vw; left: 178.5vw; }
    /* BOUNCE [END] */

    .avatar_name,
    .lvl_text {
        font-size: 2vw;
    }

    .lvl_row_wrapper {
        bottom: 0.88vw;
        left: 3.3vw;
    }

    .cab {
        width: 54vw;
        height: 32vw;
        top: 187.8vw;
        left: 109.9vw;
    }

    .park {
        width: 75vw;
        height: 52.3vw;
        top: 112.1vw;
        left: 207.5vw;
    }

    .baloon {
        top: 120vw;
        left: 222vw;
    }

    .academy {
        width: 37vw;
        height: 29.9vw;
        top: 151.9vw;
        left: 167.4vw;
    }

    .office {
        width: 19vw;
        height: 22.4vw;
        top: 135.3vw;
        left: 139.2vw;
    }

    .shop {
        width: 26.2vw;
        height: 33.2vw;
        top: 152vw;
        left: 75.8vw;
    }

    .cinema {
        width: 29.2vw;
        height: 29.2vw;
        top: 209.4vw;
        left: 165.5vw;
    }

    /* .welcome_block {
        margin: 3vw 27vw;
    } */

    span.user_exp {
        font-size: 1.6vw;
        letter-spacing: 1px;
        bottom: 5.7vw;
    }

    /* button.button_mus {
        width: 4vw;
        height: 4vw;
    }

    button.button_mus:hover {
        width: 4vw;
        height: 4vw;
    } */

    button.button_rules.world_button_rules,
    button.button_rules.world_button_rules:hover {
        bottom: -2vw;
        left: 2vw;
        width: 4vw;
        height: 4vw;
    }

    button.button_exit {
        width: 9vw;
        height: 5vw;
        right: -7.3vw;
        bottom: -2vw;
    }

    span.lvl_text.lvl_text_card {
        font-size: 2.4vw;
        bottom: 5.2vw;
        left: 8.7vw;
    }

    .avatar_menu {
        width: 37vw;
        height: 38vw;
    }

    .avatar_name_card {
        bottom: 10vw;
        left: 0;
        width: 100%;
        font-size: 36px;
    }

    .progress_bar_wrapper {
        left: 12vw;
        bottom: 5.2vw;
        width: 13vw;
        height: 2.8vw;
    }

    .progress_bar {
        background-size: cover;
        width: 16vw;
        height: 2.4vw;
    }

    .character {
        width: 10vw;
        height: 17vw;
        margin: 8% auto;
    }

    .main-window__shoes {
        width: 10vw;
        height: 17vw;
    }

    .main-window__hair {
        width: 10vw;
        height: 17vw;
    }

    .main-window__outerwear {
        width: 10vw;
        height: 17vw;
    }

    .main-window__race {
        width: 10vw;
        height: 17vw;
    }

    .main-window__onhands {
        width: 10vw;
        height: 17vw;
    }

    .main-window__glasses {
        width: 10vw;
        height: 17vw;
    }

    .main-window__underwear {
        width: 10vw;
        height: 17vw;
    }

    /* button.button_mus.welcome_button_mus {
        width: 4vw;
        height: 4vw;
        bottom: 14vw;
        z-index: 2;
    }

    button.button_mus.welcome_button_mus:hover {
        bottom: 14vw;
    } */

    /* button.button_mus.login_block_btn.welcome_button_mus {
        width: 4vw;
        height: 4vw;
        bottom: 6.5vw;
        z-index: 2;
    }

    button.button_mus.login_block_btn.welcome_button_mus:hover {
        bottom: 6.5vw;
        z-index: 2;
    } */

    /* button.button_rules.welcome_button_rules {
        bottom: 14vw;
    }

    button.button_rules.welcome_button_rules:hover {
        bottom: 14vw;
    } */

    /* button.button_rules.login_block_btn.welcome_button_rules {
        bottom: 6.5vw;
    }

    button.button_rules.login_block_btn.welcome_button_rules:hover {
        bottom: 6.5vw;
    } */

    /* button.button_start.registration_block_btn {
        bottom: 4.5vw;
    }

    button.button_start.registration_block_btn:hover {
        bottom: 4.5vw;
    } */

    /* button.button_start.login_block_btn {
        bottom: 6vw;
    }

    button.button_start.login_block_btn:hover {
        bottom: 6vw;
    } */

    /* button.button_start {
        right: 21vw;
        bottom: 13.5vw;
        width: 14vw;
        height: 6vw;
    }

    button.button_start:hover {
        right: 21vw;
        bottom: 13.5vw;
        width: 14vw;
        height: 6vw;
    } */

    .lvl_row {
        left: 0.1vw;
        bottom: -0.07vw;
    }

    .professor_rules {
        width: 19vw;
        height: 44vw;
        bottom: 3vw;
        left: 27vw;
    }

    .board_wrapper {
        left: 44vw;
        width: 47vw;
        bottom: 49vw;
        height: 42vw;
    }

    .lights {
        left: 48vw;
        top: 0;
        width: 38vw;
        height: 18vw;
    }

    .board_block {
        width: 40vw;
        height: 31.2vw;
        left: 3vw;
        top: 7vw;
    }

    .board_text_wrap {
        width: 40vw;
        height: 5vw;
        left: 3.3vw;
        top: 2.5vw;
    }

    span.board_text_block {
        margin: 1.3vw 0 0vw 3vw;
    }

    span.lessons_heading.main_list_heading.rotated:before {
        width: 40vw;
        left: -4vw;
    }

    span.lessons_heading.rules_heading:before {
        width: 40vw;
        left: -8vw;
    }

    .rule.cloned_rule {
        font-size: 1.4vw;
        letter-spacing: 0.5px;
    }
}

@media (min-width: 1921px) {
    .lvl_row {
        left: 1.1vw;
        bottom: 0.2vw;
    }

    span.lvl_text {
        left: 5px;
        bottom: 22px;
    }

    .welcome_window {
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media (min-width: 2000px) {
    span.lvl_text {
        left: 0.2vw;
        bottom: 0.6vw;
    }

    .lvl_row {
        left: 0.3vw;
        bottom: 0vw;
    }

    span.lvl_text.lvl_text_card {
        bottom: 4vw;
        left: 6.9vw;
    }
}