﻿@media screen and (max-width: 770px) {

    html, body {
        overflow-x: hidden;
    }

    a[href^=tel]{ color:#FFFFFF; text-decoration:none;}

    .b_1140 {
        position: relative;
        margin: 0 auto;
        width: 330px;
        min-width: 330px;
    }

    .quest_na_zakaz {
        position: relative;
        background: url(../img/calltoaction.jpg) no-repeat;
        width: 330px;
        height: 600px;
        margin: 80px auto 0 auto;
    }

    .map {
        position: relative;
        background: url(../img/map.jpg) no-repeat;
        width: 330px;
        height: 670px;
        margin: 80px auto 0 auto;
    }

    .info_block {
        position: relative;
        background: url(../img/facts_375.png) no-repeat;
        width: 330px;
        height: 820px;
        margin: 0 auto;
    }
    .header {
        position: relative;
        background: url(../img/heo-image_375.jpg) center no-repeat;
        width: 100%;
        height: 700px;
    }
    .roomlist_page_header {
        position: relative;
        background: url(../img/roomlist_page_header_375.jpg) center no-repeat;
        width: 100%;
        height: 460px;
    }
    .header_top_text_block_text {
        position: absolute;
        width: 275px;
        height: 174px;
        left: 32px;
        font-size: 38px;
    }
    .content_title_red {
        font-size: 28px;
        padding: 40px 0 25px 0;
    }
    .quest_room_filters_block {
        position: relative;
        margin: 0px auto;
        width: 270px;
    }
    .q_r_f_b_location, .q_r_f_b_players, .q_r_f_b_lvl, .q_r_f_b_mode
    {
        display: block;
    }
    .q_r_f_b_age {
        position: relative;
        width: 100%;
        height: 25px;
        margin: 0 0px 20px 0;
        z-index: 20;
    }
    .q_r_f_b_location {
        position: relative;
        width: 100%;
        height: 25px;
        margin: 0 0px 20px 0;
        z-index: 19;
    }
    .q_r_f_b_players {
        position: relative;
        width: 100%;
        height: 25px;
        margin: 0 0px 20px 0;
        z-index: 18;
    }
    .q_r_f_b_lvl {
        position: relative;
        width: 100%;
        height: 25px;
        margin: 0 0px 20px 0;
        z-index: 17;
    }
    .q_r_f_b_type {
        position: relative;
        width: 100%;
        height: 25px;
        margin: 0 0px 20px 0;
        z-index: 16;
    }
    .q_r_f_b_mode {
        position: relative;
        width: 100%;
        height: 25px;
        margin: 0 0px 20px 0;
        z-index: 15;
    }
    .q_r_f_b_age_drop {
        width: 100%;
        top: -35px;
        left: -15px;
    }
    .q_r_f_b_location_drop {
        position: absolute;
        top: -35px;
        left: -15px;
        width: 100%;
    }
    .q_r_f_b_players_drop {
        position: absolute;
        top: -35px;
        left: -15px;
        width: 100%;
    }
    .q_r_f_b_lvl_drop {
        position: absolute;
        top: -35px;
        left: -15px;
        width: 100%;
    }
    .q_r_f_b_type_drop {
        position: absolute;
        top: -35px;
        left: -15px;
        width: 100%;
    }
    .q_r_f_b_teg_drop {
        position: absolute;
        top: -35px;
        left: -15px;
        width: 100%;
    }



    .q_r_f_b_mode2 {
        position: relative;
        margin: 0 auto;
        top: 0;
    }
    .info_block_01 {
        position: absolute;
        top: 205px;
        left: 50px;
    }
    .info_block_02 {
        position: absolute;
        top: 477px;
        left: 32px;
    }
    .info_block_03 {
        position: absolute;
        top: 741px;
        left: 25px;
    }
    .otz_pp_decor_p03 {
        right: -8px;
        top: -35px;
        transform: rotate(-90deg);
    }
    .otz_pp_decor_p04 {
        right: -20px;
        top: -23px;
        transform: rotate(-180deg);
    }
    .otz_pp_decor_p07 {
        right: -5px;
        bottom: -35px;
        transform: rotate(-90deg);
    }
    .otz_pp_decor_p08 {
        right: -18px;
        bottom: -23px;
        transform: rotate(-180deg);
    }
    .otz_pp_decor_p09 {
        right: 7px;
        bottom: -47px;
        transform: rotate(-180deg);
    }
    .otz_pp_decor_p10 {
        position: absolute;
        width: 10px;
        height: 10px;
        right: 3px;
        bottom: -47px;
        background: #FF1654;
        box-shadow: 0px 0px 5px rgba(255, 22, 84, 0.6), 0px 0px 3px #54061B;
        border-radius: 5px;
    }
    .quest_na_zakaz_title
    {
        position: relative;
        top: 70px;
        margin: 0 auto;
        width: 330px;
        height: 118px;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 140%;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 1px 47px rgba(1, 63, 76, 0.89);
    }
    .quest_na_zakaz_title span
    {
        color: #00FFFF;
        font-size: 42px;
    }
    .quest_na_zakaz_text {
        position: relative;
        top: 165px;
        margin: 0 auto;
        width: 330px;
        height: 44px;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 120%;
        text-align: center;
        letter-spacing: 0.04em;
        color: #FFFFFF;
        text-shadow: 0px 4px 15px rgba(1, 63, 76, 0.63);
    }
    .quest_na_zakaz_buttom {
        position: relative;
        top: 245px;
    }

    .otz_pp {
        width: 270px;
        margin: 0 25px 0 25px;
    }
    otz_p_3, #otz_p_4, #otz_p_5, #otz_p_6{
        display: inline-table;
    }
    .otz_pp_text {
        position: relative;
        width: 215px;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 120%;
        color: #FFFFFF;
        padding: 0px 30px 30px 30px;
    }
    .otz_pp_room_name
    {
        position: relative;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: 32px;
        color: #00FFFF;
        padding: 0px 30px 20px 30px;
    }
    .map {
        position: relative;
        background: url(../img/map_375_new.jpg) no-repeat;
        width: 330px;
        height: 1060px;
        margin: 80px auto 0 auto;
    }
    .map_text_block {
        position: relative;
        top: 0px;
        width: 330px;
        height: 559px;
        background: #053743;
        box-shadow: 0px 0px 15px rgba(0, 255, 255, 0.35);
        border-radius: 4px;
    }
    .foot_menu_link {
        position: relative;
        top: 0px;
        display: block;
        width: 350px;
        margin: 20px 0 0 0px;
        font-size: 14px;
    }
    .foot_menu_link ul li {
        position: relative;
        width: 107px;
        margin: 0 0 10px 0px;
        list-style: none;
        display: inline-table;
        text-align: center;
    }
    .foot_text {
        position: relative;
        width: 280px;
        padding: 0 0px;
    }
    .foot_social {
        position: absolute;
        margin: 0 auto;
        top: 650px;
        left: 0;
    }
    .foot_info_01 img, .foot_info_02 img, .foot_info_03 img, .foot_info_04 img {
        display: block;
        position: relative;
        top: -5px;
        left: 0px;
        padding: 0 0 10px 0;
    }
    .foot_info_01, .foot_info_02, .foot_info_03, .foot_info_04 {
        padding: 0 0 0 10px;
    }
    .foot_info_02 {
        position: absolute;
        left: 175px;
        width: 140px;
        color: #ffffff !important;
    }
    .foot_info_03 {
        position: absolute;
        top: 445px;
        left: 0px;
    }
    .foot_info_04 {
        position: absolute;
        top: 449px;
        left: 175px;
    }
    .foot_info_05 {
        position: absolute;
        top: 550px;
        left: 30px;
        width: 285px;
        height: 70px;
        font-size: 15px;
    }
    .foot_info_cop {
        position: relative;
        width: 200px;
        height: 46px;
        margin: 500px auto 0 auto;
    }
    .header_line_tel {
        display: none;
    }
    .header_line_lang {
        position: absolute;
        top: 40px;
        right: 25px;
        left: auto;
    }
    .menu_mob_tel
    {
        display: block;
        position: relative;
        font-family: 'NeonTubes2' !important;
        color: #00FFFF !important;
        font-size: 16px !important;
        line-height: 30px !important;
        align-items: center !important;
        text-transform: uppercase !important;
    }
    .head_tablet_menu {
        position: absolute;
        display: none;
        width: 100%;
        height: 655px;
        top: 0;
        left: 0;
        background: #000000;
        z-index: 5;
    }
    .q_r_f_b_mode2_02 {
        position: absolute;
        top: -19px;
        left: 103px;
        width: 42px;
        cursor: pointer;
    }
    .q_r_f_b_mode2_03 {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 85px;
        padding: 0 0 0 28px;
    }
    .calendar {
        position: relative;
        width: 322px;
        height: 74px;
        margin: 0px 0 0 5px;
        overflow: hidden;
    }
    .calendar_list
    {
        position: absolute;
        width: 1200px;
    }
    .page_room_content_room_list_move
    {
        position: absolute;
        width: 1200px;
    }
    .calendar_left
    {
        position: absolute;
        top: 27px;
        left: -13px;
        background: url("../img/calendar_arow_l.png") no-repeat;
        width: 12px;
        height: 20px;
        z-index: 5;
        display: block;
    }
    .calendar_right
    {
        position: absolute;
        top: 27px;
        right: -13px;
        background: url("../img/calendar_arow.png") no-repeat;
        width: 12px;
        height: 20px;
        z-index: 5;
        display: block;
    }

    .content_room_list_pp_img
    {
        width: 85px;
        overflow: hidden;
    }
    .content_room_list_pp_top {
        position: absolute;
        left: 85px;
        top: 0px;
        width: 245px;
        height: 140px;
        background: #053743;
    }
    .content_room_list_pp_top div.room_block_age {
        position: absolute;
        top: 66px;
        left: 185px;
    }
    .room_block_metro {
        position: absolute;
        top: 105px;
        left: 15px;
    }
    .content_room_list_pp_top_title {
        position: absolute;
        display: inline-block;
        top: 25px;
        font-size: 15px;
    }
    .content_room_list_pp_top div.room_block_time {
        position: absolute;
        top: 66px;
    }
    .content_room_list_pp_top div.room_block_players {
        position: absolute;
        top: 66px;
        left: 110px;
    }
    .content_room_list_pp_bot {
        position: absolute;
        left: 0px;
        top: 140px;
        width: 330px;
    }
    .content_room_list {
        position: relative;
        width: 330px;
        margin: 0 auto;
        min-height: 500px;
    }
    .content_room_list_pp {
        position: relative;
        margin: 30px 0 205px 0;
    }
    .content_room_list_time_pp {
        position: relative;
        display: inline-block;
        font-size: 0;
        width: 79px;
        height: 94px;
        text-align: center;
    }

    .popup_booking {
        position: relative;
        width: 100%;
        height: 100%;
        background: #0D1012;
        opacity: 0.98;
    }
    .popup_booking_title {
        position: relative;
        width: 100%;
        font-size: 24px;
    }
    .popup_booking_buttom {
        position: absolute;
        bottom: 0px;
        left: 0px;
        
        height: 60px;
        border: solid 1px #515151;
    }
    .popup {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
    }
    .popup_booking_center{
        display: none;
    }
    .popup_booking_title span {
        position: relative;
        font-size: 10px;
    }
    .popup_booking_left {
        position: relative;
        top: 10px;
        left: 55px;
        width: 315px;
        height: 270px;
    }
    .popup_booking_right {
        position: relative;
        top: -5px;
        left: 25px;
        width: 315px;
        height: 288px;
    }
    .popup_booking_left_total {
        position: absolute;
        top: 215px;
        left: 0px;
    }
    .roomlist_block_005_pp_text_link {
        position: relative;
        width: 720px;
        margin: 50px auto;
    }
    .header_top_text_block_text_roomlist {
        position: absolute;
        width: 300px;
        height: 145px;
        left: 20px;
        font-size: 30px;
        text-align: center;
    }
    .roomlist_block_005_pp_text_link {
        position: relative;
        width: 330px;
        margin: 50px auto;
    }

    .rules_page_header {
        position: relative;
        background: url(../img/head_rules_page375.jpg) center no-repeat;
        width: 100%;
        height: 460px;
    }
    .header_top_text_block_text_rulespage {
        position: absolute;
        width: 200px;
        height: 89px;
        top: 45px;
        left: 75px;
    }
    .rules_bg {
        position: relative;
        margin: 0 auto;
        width: 370px;
        height: 2445px;
        background: url(../img/rules_bg_375.jpg) top center no-repeat;
    }
    .rules_bg_text_01 {
        position: absolute;
        top: 85px;
        left: 20px;
    }
    .rules_bg_text_02 {
        position: absolute;
        top: 85px;
        left: 195px;
    }
    .rules_bg_text_03 {
        position: absolute;
        top: 225px;
        left: 18px;
    }
    .rules_bg_text_04 {
        position: absolute;
        top: 225px;
        left: 198px;
    }
    .rules_bg_text_05 {
        position: absolute;
        top: 390px;
        left: 17px;
    }
    .rules_bg_text_06 {
        position: absolute;
        top: 460px;
        left: 9px;
        width: 350px;
        font-size: 35px;
    }
    .rules_bg_text_07 {
        position: absolute;
        top: 610px;
        left: 45px;
    }
    .rules_bg_text_08 {
        position: absolute;
        top: 825px;
        left: 45px;
    }
    .rules_bg_text_09 {
        position: absolute;
        top: 1020px;
        left: 45px;
    }
    .rules_bg_text_10 {
        position: absolute;
        top: 1215px;
        left: 45px;
    }
    .rules_bg_text_11 {
        position: absolute;
        top: 1390px;
        left: 45px;
    }
    .rules_bg_text_12 {
        position: absolute;
        top: 1500px;
        left: 60px;
    }
    .rules_bg_text_13 {
        position: absolute;
        top: 1630px;
        left: 40px;
    }
    .rules_bg_text_14 {
        position: absolute;
        top: 1815px;
        left: 40px;
    }
    .rules_bg_text_15 {
        position: absolute;
        top: 2010px;
        left: 40px;
    }
    .rules_bg_text_16 {
        position: absolute;
        top: 2190px;
        left: 40px;
    }
    .rules_bg_text_17 {
        position: absolute;
        top: 2360px;
        left: 40px;
    }
    .rules_bg_text_18, .page_corp_cont_text_title, .corp_block_006
    {
        display: none;
    }

    .p404_header
    {
        position: relative;
        background: #0D1012;
        width: 100%;
        height: 120px;
    }
    .p404_content
    {
        position: relative;
        background: url("../img/404_bg_375.jpg") no-repeat center;
        width: 100%;
        height: 680px;
    }
    .p404_text {
        position: relative;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 140%;
        text-align: center;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 4px 31px rgba(0, 0, 0, 0.49);
        padding: 380px 0 0 0;
        width: 350px;
        margin: 0 auto;
    }
    .p404_text_but
    {
        top: 65px;
        width: 300px;
    }

    .akcii_page_header {
        position: relative;
        background: url(../img/head_akcii_page375.jpg) center no-repeat;
        width: 100%;
        height: 460px;
    }
    .header_top_text_block_text_akciipage {
        position: absolute;
        width: 148px;
        height: 89px;
        top: 45px;
        left: 100px;
    }
    .akcii_pp_block {
        position: relative;
        display: inline-table;
        width: 330px;
        margin: 80px 0px 0 0px;
        background: url(../img/akcii_border.png) no-repeat;
    }
    .akcii_pp_block_text {
        position: relative;
        font-family: Roboto Condensed;
        font-size: 16px;
        line-height: 140%;
        color: #FFFFFF;
        width: 300px;
        padding: 0 0 0 10px;
    }
    .corp_page_header {
        position: relative;
        background: url(../img/corp_page_header375.jpg) center no-repeat;
        width: 100%;
        height: 460px;
    }
    .header_top_text_block_text_corppage {
        position: absolute;
        width: 265px;
        height: 138px;
        top: -10px;
        left: 40px;
        text-align: center;
        font-size: 30px;
    }
    .header_top_text_block_text_corppage_text {
        position: absolute;
        width: 310px;
        height: 89px;
        top: 160px;
        left: 15px;
        font-size: 14px;
    }
    .header_top_text_block_text_corppage_bott {
        position: absolute;
        top: 250px;
        left: 95px;
    }
    .corp_block_004 {
        position: relative;
        background: url(../img/corp_list_bg_370.jpg) center no-repeat;
        width: 330px;
    }
    .corp_block_004_text {
        font-family: Roboto Condensed;
        width: 300px;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        line-height: 140%;
        text-align: center;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 1px 47px rgba(1, 63, 76, 0.89);
        margin: 0 auto;
        padding: 140px 0 0 0;
    }
    .corp_block_004_text_01 {
        position: absolute;
        width: 275px;
        height: 48px;
        left: 30px;
        top: 280px;
    }
    .corp_block_004_text_02 {
        position: absolute;
        width: 275px;
        height: 53px;
        top: 350px;
        left: 30px;
    }
    .corp_block_005_pp_text_metro {
        position: relative;
        font-weight: bold;
        font-family: Roboto Condensed;
        font-size: 25px;
        line-height: 26px;
        align-items: center;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin: 25px 0 0 0;
    }
    .corp_block_005_pp_text_descr {
        width: 290px;
    }
    .corp_block_002
    {
        font-size: 12px;
    }
    .corp_block_005_pp_text {
        position: relative;
        display: inline-table;
        width: 340px;
        margin: 0 0 0 30px;
        vertical-align: top;
    }
    .corp_block_001_pp {
        position: relative;
        background: url(../img/group_290.png) no-repeat;
        width: 370px;
        height: 186px;
        display: inline-table;
        margin: 0 0px 30px 0;
    }
    .corp_block_005_pp_text_button {
        width: 240px;
        text-align: center;
    }
    .franchise_page_header {
        position: relative;
        background: url(../img/franchise_page_header_375.jpg) center no-repeat;
        width: 100%;
        height: 460px;
    }
    .header_top_text_block_text_franchisepage {
        top: 85px;
        left: 60px;
    }
    .b_930 {
        position: relative;
        margin: 0 auto;
        width: 330px;
        min-width: 330px;
        text-align: center;
    }
    .contact_page_block_right_form_inp {
        position: relative;
        width: 300px;
    }
    .contact_page_block_right_form_textarea {
        position: relative;
        width: 300px;
    }
    .contact_page_block_right_form_but {
        position: relative;
        width: 300px;
    }
    .contact_page_block_right {
        width: 330px;
    }
    .page_fran_cont_text_list_pp {
        padding: 0 10px 0 0;
    }
    .contact_page_block_right_form_inp input {
        position: relative;
        width: 280px;
    }
    .contact_page_block_right_form_textarea textarea {
        position: relative;
        width: 280px;
    }
    .contact_page_block_right {
        padding: 60px 0 0 0px;
    }
    .contact_page_header{
        position: relative;
        background: url(../img/head_contact_page_375.jpg) center no-repeat;
        width: 100%;
        height: 460px;
    }
    .header_top_text_block_text_contactpage {
        position: absolute;
        width: 225px;
        height: 89px;
        top: 45px;
        left: 60px;
    }
    .contact_page_text ul li {
        position: relative;
        padding: 5px 0;
        color: #00FFFF;
        text-align: left;
    }
    .room_bg_mstiteli_page_header
    {
        background: url("../img/room_top_bg_01_375.jpg") center no-repeat;
    }
    .room_bg_palata_page_header
    {
        background: url("../img/room_top_bg_02_375.jpg") center no-repeat;
    }
    .room_bg_zalojnik_page_header
    {
        background: url("../img/room_top_bg_03_375.jpg") center no-repeat;
    }
    .room_bg_karti_page_header
    {
        background: url("../img/room_top_bg_04_375.jpg") center no-repeat;
    }
    .room_bg_prizarak_page_header
    {
        background: url("../img/room_top_bg_05_375.jpg") center no-repeat;
    }
    .room_bg_park_page_header
    {
        background: url("../img/room_top_bg_06_375.jpg") center no-repeat;
    }
    .room_bg_buro_page_header
    {
        background: url("../img/room_top_bg_07_375.jpg") center no-repeat;
    }
    .room_bg_mishelovka_page_header
    {
        background: url("../img/room_top_bg_08_375.jpg") center no-repeat;
    }
    .room_bg_partizan_page_header
    {
        background: url("../img/room_top_bg_09_375.jpg") center no-repeat;
    }



    .header_top_text_block_text_roompage h1
    {
        font-size: 25px !important;
    }
    .header_top_text_block_text_roompage {
        left: 83px;
        width: 210px;
        text-align: center;
    }
    .room_bg_zalojnik_page_header .header_top_text_block_text_roompage {
        width: 285px;
        height: 95px;
        left: 45px;
        font-size: 24px;
    }
    .room_bg_karti_page_header .header_top_text_block_text_roompage h1 {
        font-size: 25px !important;
    }

    .room_bg_karti_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        font-size: 30px;
        text-align: center;
        height: 100px;
    }
    .room_bg_prizarak_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        font-size: 23px;
        height: 90px;
    }
    .room_bg_park_page_header .header_top_text_block_text_roompage {
        width: 270px;
        left: 40px;
        font-size: 30px;
        text-align: center;
        height: 100px;
    }
    .room_bg_buro_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        font-size: 28px;
        text-align: center;
        height: 125px !important;
    }
    .room_bg_mishelovka_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        text-align: center;
        height: 70px;
    }

    .header_top_text_block_text_roompage_descr {
        position: absolute;
        left: 50%;
        margin: 0 0 0 -185px;
        top: 150px;
        width: 370px;
        text-align: center;
    }

    .page_room_discr {
        margin: 0 0 0 25px;
    }
    .page_room_top_text_block_button {
        position: absolute;
        top: 50px;
        left: 10px;
        width: 170px;
    }
    .page_room_top_text_block_button2 {
        position: absolute;
        top: 50px;
        left: 195px;
        width: 170px;
    }
    .page_room_block_left {
        position: relative;
        display: block;
        width: 365px;
    }
    .page_room_text {
        position: relative;
        width: 300px;
        font-size: 17px;
    }
    .page_room_text_top
    {
        position: absolute;
        top: 0px;
        left: -16px;
        background: url("../img/page_room_text_bg_top_375.png") no-repeat top;
        height: 50px;
        width: 370px;
    }
    .page_room_text_bot
    {
        position: absolute;
        bottom: 0px;
        left: -16px;
        background: url("../img/page_room_text_bg_bot_375.png") no-repeat bottom;
        height: 210px;
        width: 370px;
    }
    .page_room_content_room_list {
        position: relative;
        width: 320px;
        margin: 0 auto 70px auto;
        overflow: hidden;
        min-height: 750px;
    }
    .page_room_content_room_list_pp_day:nth-child(4), .page_room_content_room_list_pp_day:nth-child(5), .page_room_content_room_list_pp_day:nth-child(6),
    .page_room_content_room_list_pp_day:nth-child(7), .page_room_content_room_list_pp_day:nth-child(8), .page_room_content_room_list_pp_day:nth-child(9),
    .page_room_content_room_list_pp_day:nth-child(10)
    {
        /*display: none;*/
    }
    .bg_zalojnik {
        z-index: 1;
        display: flex;
    }
    .page_room_dop_rooms {
        position: relative;
        width: 360px;
        margin: 0 auto;
    }
    .page_room_dop_rooms2 {
        position: relative;
        width: 360px;
        margin: 0 auto;
    }
    .page_room_block_right_list {
        position: relative;
        width: 150px;
    }
    .page_room_block_right_line {
        position: relative;
        width: 1px;
        height: 130px;
        background: #515151;
        margin: 0 15px;
    }
    .page_room_img img {
        margin: 0 0px 30px 0;
        width: 95px;
    }
    .room_bg_zalojnik_page_header .header_top_text_block_text_roompage {
        width: 285px;
        height: 75px;
        left: 45px;
        font-size: 24px;
    }
    .room_bg_karti_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        font-size: 30px;
        text-align: center;
        height: 120px;
    }
    .room_bg_prizarak_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        font-size: 23px;
        height: 73px;
    }
    .room_bg_park_page_header .header_top_text_block_text_roompage {
        width: 270px;
        left: 40px;
        font-size: 30px;
        text-align: center;
        height: 100px;
    }
    .room_bg_buro_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        font-size: 28px;
        text-align: center;
        height: 105px;
    }
    .room_bg_mishelovka_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        text-align: center;
    }
    .room_bg_partizan_page_header .header_top_text_block_text_roompage {
        width: 300px;
        left: 40px;
        text-align: center;
        font-size: 30px;
        height: 105px;
    }
    .room_block {
        position: relative;
        display: inline-table;
        margin: 0 3px 30px 3px;
        width: 330px;
        height: 450px;
        background: #00FFFF;
        box-shadow: 0px 1px 34px rgba(0, 255, 255, 0.14), 1px 1px 0px #003636;
        border-radius: 1px;
    }
    .room_block_shodow_top {
        position: absolute;
        top: 0;
        width: 330px;
        height: 130px;
        background: linear-gradient(180deg, rgba(0, 7, 9, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
        z-index: 2;
    }
    .room_block_shodow_bot {
        position: absolute;
        bottom: 0;
        width: 330px;
        height: 130px;
        background: linear-gradient(180deg, rgba(0, 7, 9, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
        transform: rotate(-180deg);
        z-index: 2;
    }
    .bg_mstiteli_hover, .bg_palata_hover, .bg_zalojnik_hover, .bg_karti_hover, .bg_prizarak_hover, .bg_park_hover, .bg_buro_hover, .bg_mishelovka_hover, .bg_partizan_hover {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 330px;
        height: 450px;
        background: rgba(0, 7, 9, 0.6);
        display: none;
    }
    .bg_mstiteli_hover_title, .bg_palata_hover_title, .bg_zalojnik_hover_title, .bg_karti_hover_title, .bg_prizarak_hover_title, .bg_park_hover_title, .bg_buro_hover_title, .bg_mishelovka_hover_title, .bg_partizan_hover_title {
        position: relative;
        width: 330px;
        text-align: center;
        font-weight: bold;
        font-family: Roboto Condensed;
        font-size: 32px;
        line-height: 37px;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 0px 20px #000000;
        z-index: 5;
        padding: 104px 0 20px 0;
    }
    .bg_mstiteli_hover_text, .bg_palata_hover_text, .bg_zalojnik_hover_text, .bg_karti_hover_text, .bg_prizarak_hover_text, .bg_park_hover_text, .bg_buro_hover_text, .bg_mishelovka_hover_text, .bg_partizan_hover_text {
        position: relative;
        width: 329px;
        text-align: center;
        font-family: Roboto Condensed;
        font-size: 16px;
        line-height: 120%;
        color: #FFFFFF;
        text-shadow: 0px 4px 15px rgba(1, 63, 76, 0.63);
        padding: 0px 0 20px 0;
    }
    .bg_mstiteli_hover_adr, .bg_palata_hover_adr, .bg_zalojnik_hover_adr, .bg_karti_hover_adr, .bg_prizarak_hover_adr, .bg_park_hover_adr, .bg_buro_hover_adr, .bg_mishelovka_hover_adr, .bg_partizan_hover_adr {
        position: relative;
        width: 330px;
        text-align: center;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 120%;
        color: #FFFFFF;
        text-shadow: 0px 4px 15px rgba(1, 63, 76, 0.63);
        padding: 0px 0 45px 0;
    }
    .room_block_title {
        position: absolute;
        top: 205px;
        left: 0px;
        width: 330px;
        text-align: center;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 37px;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 0px 20px #000000;
    }
    .seo_block
    {
        position: relative;
        width: 330px;
        margin: 0 auto;
    }
    .seo_block_text {
        position: relative;
        border: 3px solid #00FFFF;
        /*box-sizing: border-box;
        box-shadow: 0px 0px 54px rgba(0, 255, 255, 0.2);

         */
        margin: 100px auto 80px auto;
        padding: 30px;
        width: 330px;
    }
    .foot_info_05_dec02 {
        position: absolute;
        width: 2px;
        height: 14px;
        left: -19px;
        top: -16px;
        background: #00FFFF;
        transform: rotate(90deg);
    }
    .foot_info_05_dec01 {
        position: absolute;
        width: 2px;
        height: 14px;
        left: -25px;
        top: -10px;
        background: #00FFFF;
        transform: rotate(-180deg);
    }

    .foot_line {
        position: relative;
        width: 330px;
        opacity: 0.2;
        border: 1px solid #00FFFF;
        margin: 40px auto;
    }
    .popup_banner_block
    {
        position: fixed;
        width: 330px;
        height: 600px;
        top: 50%;
        left: 50%;
        border: 1px solid #00FFFF;
        box-sizing: border-box;
        border-radius: 1px;
        margin: -300px 0 0 -165px;
        background: #0D1012;
    }
    .popup_banner_block_title {
        position: relative;
        width: 328px;
        text-align: center;
        background: #053743;
        font-family: 'Roboto Condensed';
        font-weight: bold;
        font-size: 28px;
        line-height: 37px;
        text-transform: uppercase;
        padding: 16px 0;
        left: 0px;
        top: -130px;
    }
    .popup_banner_block_img_330
    {
        display: block;
    }
    .popup_banner_block_img_bm
    {
        display: none;
    }
    .popup_banner_block td img {
        padding: 70px 0 0 0;
        width: 328px;
    }
    .popup_banner_block_330_form {
        position: absolute;
        top: 130px;
        left: 0px;
        width: 328px;
    }
    .popup_banner_block_pole {
        position: relative;
        width: 270px;
        height: 38px;
        border: 0.5px solid #00FFFF;
        box-sizing: border-box;
        border-radius: 1px;
        margin: 0 0 20px 30px;
    }
    .popup_banner_block_pol_f {
        margin: 20px 0 20px 30px;
    }
    .inp_317 {
        font-family: Roboto Condensed;
        color: #FFFFFF;
        font-size: 14px;
        padding: 10px 15px;
        width: 240px;
        border: 0;
        background: none;
    }
    .inp_316 {
        font-family: Roboto Condensed;
        color: #FFFFFF;
        font-size: 14px;
        padding: 10px 15px;
        width: 240px;
        height: 25px;
        border: 0;
        background: none;
        resize: none;
    }
    .popup_banner_block_pole_text {
        position: relative;
        width: 270px;
        height: 40px;
        border: 0.5px solid #00FFFF;
        box-sizing: border-box;
        border-radius: 1px;
        margin: 0 0 20px 30px;
    }
    .popup_banner_form_buttom {
        position: relative;
        width: 270px;
        height: 31px;
        background: #FF1654;
        box-shadow: 0px 0px 36px rgba(22, 25, 31, 0.83);
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        cursor: pointer;
        padding: 15px 0 0 0;
        margin: 0 0 20px 30px;
    }
    .popup_banner_block_text_one {
        position: relative;
        margin: 0 0 10px 30px;
        width: 270px;
        font-family: Roboto-Regular;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        line-height: 13px;
        color: white;
    }
    .popup_banner_block_text_two {
        position: relative;
        width: 270px;
        margin: 0 0 10px 30px;
        font-family: Roboto-Regular;
        font-size: 8px;
        line-height: 100%;
        color: #515151;
    }
    .popup_booking_buttom
    {
        display: none;
    }
    .popup_booking_left {
        position: relative;
        top: 10px;
        left: 0px;
        width: 315px;
        height: 270px;
        margin: 0 auto;
    }
    .popup_booking_right {
        position: relative;
        top: -5px;
        left: 0px;
        width: 315px;
        height: 288px;
        margin: 0 auto;
    }
    .popup_booking_ok {
        width: 300px;
    }
    .callback_form
    {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: url("../img/pix88.png");
        z-index: 998;
    }
    .content_otz {
        position: relative;
        width: 320px;
        overflow: hidden;
        margin: 0 auto;
    }
    .content_room_list_pp_top_lvl
    {
        display: none;
    }
    .akcii_pp_block img
    {
        position: relative;
        width: 265px;
        padding: 27px;
        background: url(../img/akcii_border.png) no-repeat;
    }
    .corp_block_001_pp_in {
        position: relative;
        width: 275px;
        height: 115px;
        background: rgba(1, 63, 76, 0.79);
        border-radius: 2px;
        margin: 25px 0 0 27px;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 140%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    .corp_block_001_pp_out {
        width: 320px;
        position: relative;
        font-size: 16px;
        line-height: 120%;
        color: #FFFFFF;
        margin: 60px 0 0 0;
        padding: 0px 5px;
    }
    .corp_block_002 img {
        position: relative;
        padding: 40px 0 30px 0;
        width: 70px;
    }
    .contact_page_block_left {
        position: relative;
        display: block;
        width: 330px;
        padding: 60px 0 0 0;
        margin: 0 auto;
    }
    .popup_booking_left_total_text2 {
        position: absolute;
        top: -5px;
        left: 150px;
        color: #515151;
        font-family: Roboto Condensed;
        font-size: 14px;
        line-height: 16px;
        width: 150px;
    }
	.header_line_logo_odessa {
		display: none;
	    position: absolute;
	    top: 130px;
	    left: 103px;
	    background: url("../img/gz_logo.png") no-repeat;
	    width: 120px;
	    height: 50px;
	}


    .popup_banner_block_dtek
    {
        position: fixed;
        width: 300px;
        height: 455px;
        top: 50%;
        left: 50%;
        margin: -227px 0 0 -150px;
        background: #0D1012;
    }
    .dtek
    {
        position: relative;
        background: url("../img/banner_dtek_bg300.jpg") no-repeat;
        width: 300px;
        height: 455px;
    }
    .popup_banner_block_dtek .popup_banner_block_close
    {
        position: absolute;
        background: url("../img/arrows_remove.png") no-repeat;
        width: 14px;
        height: 14px;
        top: -20px;
        right: -20px;
        cursor: pointer;
    }
    .popup_banner_block_dtek_text
    {
        position: relative;
        width: 250px;
        margin: 0px auto 0 auto;
        padding: 50px 0 0 0;
        text-align: center;
        font-size: 20px;
    }
    .popup_banner_block_dtek_text a
    {
        color: #FFFFFF;
        text-decoration: underline;
        font-size: 25px;
    }
}
