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

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

*{word-wrap:break-word;}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{border:0;font-size: 100%;margin:0;padding:0}
*{margin:0;padding:0;}
.baselight{color:#fff;}
.basedark{color:#000;}
::-ms-clear{display:none;}
:focus{outline:none !important;}
textarea{resize:none;}
i,
em,
.italic{font-style:italic;}
ul, ol{list-style:none;}
a, a:hover, a:visited, a:focus{text-decoration:none;}
.tu{text-transform:uppercase;}
.no-padding{padding-left:0;padding-right:0;}
.no-margin{margin-right:0;margin-left:0;}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

:root {
    /* Background Colors */
    --bg-color-1: #fff;
    --bg-color-2: #121212;
    --bg-color-3: #C49A6C;

    /* Text Colors */
    --text-color-1: #fff;
    --text-color-2: #121212;
    --text-color-3: #C49A6C;

    /* Spacing */
    --space: 3vw;
    --space-tb: 3vw 0;
    --space-tb-xl: 4vw 3vw;
    --space-top: 3vw 0 0;
    --space-bottom: 0 0 3vw;

    /*Font Family*/
    --font-family-headlines: 'Bebas Neue';
    --font-family-sec_headlines: 'Bebas Neue Book';
    --font-family-body: 'din-2014';

    /* Font Sizes */
    --font-size-xxxs: 1.7rem;
    --font-size-xxs: 2.3rem;
    --font-size-xs: 2.8rem;
    --font-size-sm: 3.3rem;
    --font-size-md: 4.8rem;
    --font-size-lg: 6.6rem;
    --font-size-xl: 8.3rem;
    --font-size-xxl: 10.3rem;

    /*Line Height*/
    --line-height-xxxs: 2.5rem;
    --line-height-xxs: 3.9rem;
    --line-height-xs: 4.6rem;
    --line-height-sm: 5.8rem;
    --line-height-md: 8rem;
    --line-height-lg: 10rem;
    --line-height-xl: 12.4rem;

}

body {
    font-family: var(--font-family-body);
    font-size: var(--font-size-xxs);
    font-weight: 400;
}

a.book_a_tour {
    text-transform: uppercase;
    font-size: var(--font-size-lg);
    line-height: 1;
    font-family: var(--font-family-headlines);
    background-color: var(--bg-color-3);
    border: 0;
    position: fixed;
    z-index: 11;
    top: calc(100vh - 43vh);
    writing-mode: sideways-rl;
    line-height: 6vw;
    inline-size: 17.24vw;
    block-size: 5.156vw;
    color: var(--text-color-1);
    text-align: center;
}

.js .main_module > .text_module,
.js .main_module > .image_module,
.js .main_module > .slider_module{
    opacity: 0;
    will-change: transform, opacity;
}


.img100 {
    width: 100%;
    object-fit: cover;
}

.img_contain {
    width: 100%;
    object-fit: contain;
}

.divider {
    display: block;
}

.bg_style {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.center {
    text-align: center;
}

.m_cell, .menu_btn, .menu_close {
    display: none;
}

.space {
    padding: var(--space);
}

.space_tb {
    padding: var(--space-tb);
}

.space_tb_xl {
    padding: var(--space-tb-xl);
}

.space_top {
    padding: var(--space-top);
}

.space_bottom {
    padding: var(--space-bottom);
}

.obj_right {
    object-position: right;
}

.obj_left {
    object-position: left;
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main {
    min-height: 100vh;
    overflow: hidden;
}

main.nhoodPage {
    background-color: var(--bg-color-2);
}

.content {
    width: 91.8%;
    margin: 0 auto;
}

h2 {
    font-size: var(--font-size-xl);
    font-family: var(--font-family-sec_headlines);
    /*font-size: clamp(3.4rem, 3.6vw, 6.8rem);*/
    line-height: 1;
}

.title_font {
    font-family: var(--font-family-headlines);
}

h3 {
    font-family: var(--font-family-headlines);
    font-size: var(--font-size-xl);
    line-height: var(--line-height-lg);
}

h4 {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xxs);
}

p {
    line-height: var(--line-height-xxs);
}

a.link_module, .button_module button[type=submit] {
    text-transform: uppercase;
    font-size: var(--font-size-lg);
    line-height: 1;
    font-family: var(--font-family-headlines);
    background-color: var(--bg-color-3);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.75vw 1.1vw 0.43vw;
}

a.link_module, a.link_module:hover, a.link_module:visited,
footer a, footer a:hover, footer a:visited, .header_module,
.button_module button[type=submit]
{
    color: var(--text-color-1);
}

header {
    background-color: var(--bg-color-2);
    padding: 0 3vw;
    /*height: 10vw;*/
    height: 5.8vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 2;
}

h1 {
    width: 17.3%;
}

footer h1 {
    width: 15.3%;
}

h1 a {
    display: block;
}

nav {
    width: 62.7%;
}

nav ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 0.75vw;
}

nav ul li  a {
    font-family: var(--font-family-headlines);
    font-size: clamp(4rem, 2.2vw, 4.8rem);
    color: var(--text-color-1);
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
}

nav ul li a.active, nav ul li a:hover,
.active_color, .info_col a:hover,
ul.features_module li span,
a.map_names, a.map_names:hover, #toggle_btn,
.footer_links a:hover, .footer_links a:visited
{
    color: var(--text-color-3);
}

.video_module, .header_module {
    position: relative;
}

.video_module img,
.video_module > div,
.header_module img
{
    height: 50.3vw;
}

.video_anim {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.video_anim video {
    animation: fadeOut 1s linear 5s forwards;
}

@keyframes fadeOut {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

.interiorsPage .header_placeholder,
.amenitiesPage .header_placeholder {
    opacity: 0;
    animation: fadeIn 0.1s linear 5s forwards;
}

@keyframes fadeIn {

    to {
        opacity: 1;
    }
}

.header_module img {
    transform: scale(1.1);
    transform-origin: center;
    width: 100%;
}

.header_module img.has_animated {
    transform: scale(1);
    transition-delay: 0s;
    transition-duration: 3s;
    transition-property: transform;
    transition-timing-function: ease;
}

.header_module.home img {
    height: 56.65vw;
    object-position: 100% 78%;
}

.watch_video, .header_module > div {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.header_module, .header_module > div a.link_module {
    background-color: var(--bg-color-2);
}

.watch_video img {
    width: 4.95vw;
    height: 4.95vw;
}

.main_module, .title_module {
    background-color: var(--bg-color-1);
    color: var(--text-color-2);
}

.main_module.dark, footer, .dark_bg {
    background-color: var(--bg-color-2);
    color: var(--text-color-1);
}

.main_module {
    display: grid;
    grid-template-columns: 59% 38%;
    justify-content: space-between;
    align-items: center;
    min-height: 42vw;
}

.main_module.reverse {
    grid-template-columns: 38% 59%;
}

/*.homePage .main_module.reverse .image_module {
    grid-row: 1;
}*/

.text_module {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1vw;
}

.link_wrap {
    padding-top: 1.3vw;
}

.main_module img {
    height: 100%;
}

footer h4, footer a, footer button.legal,
.title_module h4,
.availability table th,
.availability table td
{
    font-weight: 600;
}

.info_col {
    /*padding: 2.25vw 0;*/
    padding: 2.25vw 0 0.5vw;
    display: grid;
    place-items: center;
    /*gap: 2.15vw;*/
    gap: 1.5vw;
}

.info_col > div, .info_col h4 {
    line-height: 1;
}

.info_col > div:first-of-type {
    display: grid;
    gap: 0.7vw;
}

.info_col > div:first-of-type div {
    display: flex;
    align-items: center;
}

.info_col > div:first-of-type div span {
    padding: 0 0.5vw;
}

/*footer h4 {
    font-size: var(--font-size-xxs);
}*/

/*.social {
    display: flex;
    gap: 0.75vw;
}*/

a.social {
    display: flex;
    width: 1.5vw;
    height: 1.5vw;
}

.info_col a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer_module {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 0 3vw 1.25vw;*/
    padding: 1.25vw 3vw 2.25vw;
}

.footer_module > div:nth-child(2) {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
}

.footer_module .dd_logo {
    width: 11vw;
}

.logo_wrap {
    display: flex;
    align-items: center;
    gap: 1.1vw;
}

.footer_module .mns_logo {
    width: 3.55vw;
}

.footer_module .eho_logo {
    width: 2.1vw;
}

footer h4 {
    font-size: var(--font-size-xxs);
}

.footer_links h4 {
    font-size: 2rem;
}

button.legal {
    background-color: transparent;
    border: none;
}

.header_module p {
    width: 50vw;
    text-align: center;
    padding-top: 1vw;
}

/*.gallery_module {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}*/

.gallery_module > div {
    height: 50vw;
}

.title_module h2 {
    padding-bottom: 0.8vw;
}

.availability table {
    width: 100%;
}

.availability table th,
.availability table td {
    text-transform: uppercase;
    padding: 1vw 0;
    text-align: center;
    border-bottom: 2px solid #C49A6C;
}

.availability table td a, .availability table td > span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.availability table td a > span {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-flex;
}

.fp_icon, .env_icon {
    width: 1.9vw;
}

.fp_icon {
    background-image: url("../images/SVG/fp_icon.svg");
    height: 1.9vw;
}

.v_tour_icon {
    background-image: url("../images/SVG/video_icon1.svg");
    height: 1.5vw;
    width: 1.3vw;
}

.tour_3d_icon {
    background-image: url("../images/SVG/tour_3d_icon1.svg");
    width: 1.6vw;
    height: 1.1vw;
}

.env_icon {
    background-image: url("../images/SVG/env_icon.svg");
    height: 1.3vw;
}

.contact {
    display: grid;
    place-items: center;
}

.contactWrap {
    width: 39.7vw;
}

.contactWrap .form_layout,
.message_layout
{
    height: 3.5vw;
}

.message_layout textarea {
    line-height: 3.3vw;
}

.form_layout input, .message_layout textarea,
.modal-inputs input,  .modal-inputs textarea
{
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-family: var(--font-family-body);
    text-transform: uppercase;
    border-radius: 0;
    text-align: center;
    border: 0;
    border-bottom: 2px solid #C49A6C;
}

.form_layout input, .message_layout textarea {
    color: var(--text-color-1);
}

::placeholder {
    color: var(--text-color-1);
    opacity: 1; /* Firefox */
}

.modal-inputs input::placeholder,
.modal-inputs textarea::placeholder {
    color: var(--text-color-2);
}

.ui-selectmenu-button.ui-button {
    border: 0;
    border-bottom: 2px solid #C49A6C;
    height: 3.5vw;
    line-height: 3.5vw;
    width: 100%;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    color: var(--text-color-1);
    font-family: var(--font-family-body);
    text-transform: uppercase;
    text-align: center;
}

.ui-button .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/SVG/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 1.4vw;
    height: 0.8vw;
    padding-top: 3.3vw;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0;
    border-bottom: 2px solid #C49A6C;
    background: transparent;
    color: var(--text-color-2);
    font-family: var(--font-family-body);
}

.ui-widget-content {
    font-family: var(--font-family-body);
    text-transform: uppercase;
}

.ui-widget.ui-widget-content {
    border-bottom: 2px solid #C49A6C;
    border-top: 1px solid transparent;
    background: #fff;
}

.br_firm {
    height: 2.6vw;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #C49A6C;
    color: var(--text-color-1);
    font-family: var(--font-family-body);
    text-transform: uppercase;
    border-radius: 0;
    text-align: center;
    width: 100%;
}

.button_module button[type=submit] {
    border: 0;
}

/*modals*/

.modal-dialog {
    max-width: 42%;
}

.modal-body {
    padding: 3vw;
}

.modal-content {
    border-radius: 0;
}

.modal-pic {
    width: 100%;
    margin: 0 auto 1.5vw;
}

.close_icon {
    background-image: url("../images/SVG/close_btn.svg");
    background-repeat: no-repeat;
    width: 1.2vw;
    height: 1.2vw;
    display: inline-block;
}

.close_btn {
    position: absolute;
    right: 0.8vw;
    top: 0.9vw;
    opacity: 1;
    z-index: 1;
}

.modal-title {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 1vw;
    line-height: 1;
}

.modal-title, .modal-submit.submit_btn button[type=submit], .pdf_link a, .modal_ok {
    font-size: clamp(5.3rem, 3.2vw, 6.5rem);
}

.modal-inputs-lyt, .modal-inputs-wrap {
    display: grid;
    gap: 1.4vw;
}

.modal-inputs-wrap {
    grid-template-columns: 1fr 1fr;
}

.modal-inputs,  .modal-inputs textarea {
    height: 2.5vw;
}

.modal-inputs textarea {
    line-height: 2.3vw;
}

.modal-submit.submit_btn {
    margin: 2vw auto 0;
}

.pdf_link {
    text-align: center;
    padding: 0.5vw;
}
.pdf_link a, .modal_ok {
    font-family: var(--font-family-headlines);
    text-transform: uppercase;
}

.pdf_link a,
.pdf_link a:hover,
.pdf_link a:visited {
    color: #121212;
}


#myModalLegal p {
    padding: 0 0 2.5vw;
}

.modal_ok {
    padding: 0.7vw 1vw 0.4vw;
    line-height: 1;
}

.modal_ok, .modal_ok:hover, .modal_ok:visited, .modal_ok:focus, .modal_ok:active:hover, .modal_ok:active {
    color: #fff;
    background-color: #C49A6C;
    border-color: #C49A6C;
}

.modal-footer {
    padding: 2rem 1rem 0;
}

/*modals--end*/

main.interactionPage, main.interactionPage .title_module  {
    display: grid;
}

main.interactionPage .title_module {
    place-content: center;
}

/*swiper*/

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-button-prev, .swiper-button-next {
    background-size: contain;
}

.swiper-button-prev:after, .swiper-button-next:after {
    display: none;
}

/*swiper--end*/


.placeholder {
    border: 1px solid #000;
    display: grid;
    place-items: center;
    height: 100%;
    position: relative;
}

.placeholder:before,
.placeholder:after,
.swiper-button-prev, .swiper-button-next {
    width: 1.5vw;
    height: 2.7vw;
    background-repeat: no-repeat;
}


.placeholder:before,
.placeholder:after {
    content: "";
    position: absolute;
    top: 47%;
    cursor: pointer;
}

.placeholder:before, .swiper-button-prev {
    background-image: url("../images/SVG/prev1.svg");
    left: 1.5vw;
}

.placeholder:after, .swiper-button-next {
    background-image: url("../images/SVG/next1.svg");
    right: 1.5vw;
}

.gallery_module .placeholder:before {
    background-image: url("../images/SVG/prev2.svg");
    left: 1.5vw;
}

.gallery_module .placeholder:after {
    background-image: url("../images/SVG/next2.svg");
    right: 1.5vw;
}

.header_module > div.header_placeholder
{
    height: 50.3vw;
    position: static;
}

ul.features_module li {
    position: relative;
    padding-left: 1.8vw;
}

ul.features_module li span {
    position: absolute;
    top: 0;
    left: 0;
}

/*map*/

.map_module {
    display: flex;
}

.map {
    position: relative;
    background-image: url("../images/transport_map.png");
    width: 78%;
    height: 75vw;
    overflow-y: auto;
}

.map_list {
    width: 22%;
}

a.map_names {
    font-family: var(--font-family-headlines);
    font-size: var(--font-size-xs);
    position: relative;
    text-transform: uppercase;
    padding: 0 0 0 2.2vw;
}

a.map_names:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    background-repeat: no-repeat;
    width: 1.7vw;
    height: 2.5vw;
}

a.map_names.transport_icon:before {
    background-image: url("../images/map_icons/transport1.svg");
}

a.map_names.park:before {
    background-image: url("../images/map_icons/parks1.svg");
}

a.map_names.rest:before {
    background-image: url("../images/map_icons/restaurants1.svg");
}

a.map_names.nglife:before {
    background-image: url("../images/map_icons/nightlife1.svg");
}

a.map_names.shopping:before {
    background-image: url("../images/map_icons/shopping1.svg");
}

a.map_names.ent:before {
    background-image: url("../images/map_icons/entertainment1.svg");
}

a.map_names.service:before {
    background-image: url("../images/map_icons/services1.svg");
}

.accordion {
    display: grid;
    gap: 2vw;
}

.pins ul {
    padding: 0.5vw 0 0 2.2vw;
    display: grid;
    gap: 0.3vw;
}

.pins ul li, #toggle_btn  {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxxs);
    cursor: pointer;
}

.pins ul li.no_space {
    white-space: nowrap;
}

.active-list {
    color: #C49A6C;
    transition: color 0.5s ease;
}

.tooltip .tooltip-inner {
    font-size: 14px;
    padding: 0.2vw 0.8vw 0.4vw;
    background-color: #121212;
    color: #fff;
}

.tooltip.inf-tooltip .tooltip-inner:before {
    content: "* ";
    color: #135aab;
    font-size: 18px;
}


.tooltip .arrow::before {
    border-top-color: #121212;
}

.inf_logo {
    background-image: url("../images/map_icons/infatuation1.svg");
    background-repeat: no-repeat;
    width: 1.5vw;
    height: 0.9vw;
    display: inline-flex;
    margin-left: 0.5vw;
}

#pin_list li.asteriks, .inf_title.asteriks {
    position: relative;
}

#pin_list li.asteriks:before,
.inf_title.asteriks:before {
    content: "*";
    color: #135aab;
    position: absolute;
    font-size: 2.8rem;
}

#pin_list li.asteriks:before {
    top: 0.2vw;
    left: -1vw;
}

.inf_title.asteriks:before {
    top: 0.4vw;
    left: 1.2vw;
}

.inf_title {
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.9rem;
    padding: 0.5vw 0 0.5vw 2.2vw;
    white-space: nowrap;
}

.tt_restaurants .ttip { background-image: url("../images/map_icons/restaurants1.svg"); }
/*.tt_restaurants .ttip.inf_pin { background-image: url("../images/map_icons/infatuation.svg"); }*/
.tt_nightlife .ttip { background-image: url("../images/map_icons/nightlife1.svg"); }
.tt_shopping .ttip { background-image: url("../images/map_icons/shopping1.svg"); }
.tt_entertainment .ttip { background-image: url("../images/map_icons/entertainment1.svg"); }
.tt_park .ttip { background-image: url("../images/map_icons/parks1.svg"); }
.tt_services .ttip { background-image: url("../images/map_icons/services1.svg"); }
.tt_transport .ttip { background-image: url("../images/map_icons/transport1.svg"); }

.ttip {
    position: absolute;
    display: block;
    width: 1.8vw;
    height: 2.5vw;
    background-size: contain;
    background-repeat: no-repeat;
}

.ttip_r2 {top: 39.3%; left: 31.7%;}
.ttip_r3 {top: 39.5%; left: 54.5%;}
.ttip_r4 {top: 39.5%; left: 45.3%;}
.ttip_r5 {top: 53.3%; left: 24.3%;}
.ttip_r6 {top: 55.7%; left: 24.3%;}
.ttip_r7 {top: 71.3%; left: 51.9%;}
.ttip_r8 {top: 43.5%; left: 30.6%;}
.ttip_r9 {top: 53.1%; left: 71.6%;}
.ttip_r10 {top: 63.5%; left: 54.1%;}
.ttip_r11 {top: 41.8%; left: 71.1%;}
.ttip_r12 {top: 67.5%; left: 69.1%;}
.ttip_r13 {top: 50.1%; left: 35.5%;}
.ttip_r14 {top: 48%; left: 41.7%;}
.ttip_r15 {top: 39.5%; left: 48.3%;}
.ttip_r16 {top: 37.7%; left: 28.7%;}
.ttip_r17 {top: 51.3%; left: 32.6%;}
.ttip_r18 {top: 69.7%; left: 53.6%;}
.ttip_r19 {top: 54.7%; left: 34.6%;}
.ttip_r20 {top: 42.7%; left: 65.5%;}
.ttip_r21 {top: 58.7%; left: 36.5%;}
.ttip_r22 {top: 73.7%; left: 62.5%;}
.ttip_r23 {top: 32.8%; left: 60.3%;}
.ttip_r24 {top: 23%; left: 46.3%;}
.ttip_r25 {top: 66.3%; left: 53.5%;}
.ttip_r26 {top: 71.7%; left: 53.5%;}
.ttip_r27 {top: 75.3%; left: 49.7%;}
.ttip_r28 {top: 73.9%; left: 38.9%;}
.ttip_r29 {top: 71.3%; left: 36.8%;}
.ttip_r30 {top: 32.3%; left: 37.7%;}
.ttip_r31 {top: 37.9%; left: 61.1%;}
.ttip_r32 {top: 43.7%; left: 65.1%;}


.ttip_r33 {top: 49.5%; left: 7.5%;}
.ttip_r34 {top: 48.7%; left: 9.1%;}
.ttip_r35 {top: 74.2%; left: 37.9%;}
.ttip_r36 {top: 69.3%; left: 37.1%;}
.ttip_r37 {top: 56.7%; left: 13.7%;}
.ttip_r38 {top: 50.1%; left: 24.3%;}
.ttip_r39 {top: 46.5%; left: 19.9%;}
.ttip_r40 {top: 51.9%; left: 15.7%;}
.ttip_r41 {top: 57.1%; left: 35.8%;}
.ttip_r42 {top: 57.1%; left: 35.8%;}
.ttip_r43 {top: 29.7%; left: 12.7%;}
.ttip_r44 {top: 16.5%; left: 19.3%;}
.ttip_r45 {top: 24.5%; left: 3.3%;}
.ttip_r46 {top: 16.3%; left: 17.9%;}
.ttip_r47 {top: 4.3%; left: 18.9%;}
.ttip_r48 {top: 24.3%; left: 8.1%;}
.ttip_r49 {top: 26.5%; left: 8.8%;}
.ttip_r50 {top: 16.9%; left: 13.8%;}
.ttip_r51 {top: 16.3%; left: 15.7%;}
.ttip_r52 {top: 16.3%; left: 11.7%;}
.ttip_r53 {top: 17.7%; left: 11.7%;}
.ttip_r54 {top: 25.7%; left: 6.7%;}
.ttip_r55 {top: 28.7%; left: 11.7%;}
.ttip_r56 {top: 4.3%; left: 12.3%;}
.ttip_r57 {top: 16.1%; left: 4.7%;}
.ttip_r58 {top: 9.3%; left: 15.7%;}
.ttip_r59 {top: 27.3%; left: 10.5%;}
.ttip_r60 {top: 27.3%; left: 9.5%;}
.ttip_r61 {top: 25.9%; left: 37.5%;}
.ttip_r62 {top: 23.7%; left: 45.1%;}
.ttip_r63 {top: 3.3%; left: 26.7%;}
.ttip_r64 {top: 37.5%; left: 27.7%;}
.ttip_r65 {top: 39.5%; left: 34.3%;}
.ttip_r66 {top: 27.1%; left: 28.7%;}
.ttip_r67 {top: 3.3%; left: 28.7%;}
.ttip_r68 {top: 40.3%; left: 35.7%;}
.ttip_r69 {top: 3.5%; left: 25.7%;}
.ttip_r70 {top: 26.5%; left: 30.1%;}
.ttip_r71 {top: 15.7%; left: 31.7%;}
.ttip_r72 {top: 24.3%; left: 43.8%;}
.ttip_r73 {top: 77.5%; left: 68.5%;}
.ttip_r74 {top: 72.7%; left: 52.7%;}
.ttip_r75 {top: 62.3%; left: 69.1%;}
.ttip_r76 {top: 71%; left: 60.3%;}
.ttip_r77 {top: 78.3%; left: 69.8%;}
.ttip_r78 {top: 83.3%; left: 46.7%;}
.ttip_r79 {top: 68.7%; left: 68.9%;}
.ttip_r80 {top: 58.5%; left: 56.9%;}
.ttip_r81 {top: 75.1%; left: 69.5%;}
.ttip_r82 {top: 76.9%; left: 51.1%;}
.ttip_r83 {top: 85.5%; left: 46.1%;}
.ttip_r84 {top: 24.5%; left: 68.3%;}
.ttip_r85 {top: 23.1%; left: 53.3%;}
.ttip_r86 {top: 35.1%; left: 59.3%;}
.ttip_r87 {top: 34.3%; left: 77.7%;}
.ttip_r88 {top: 20.3%; left: 52.1%;}
.ttip_r89 {top: 47.3%; left: 69.1%;}
.ttip_r90 {top: 47.5%; left: 75.3%;}
.ttip_r91 {top: 24.5%; left: 58.9%;}
.ttip_r92 {top: 51.5%; left: 70.9%;}
.ttip_r93 {top: 7.7%; left: 88.5%;}
.ttip_r94 {top: 21.1%; left: 67.3%;}
.ttip_r95 {top: 40.1%; left: 53.3%;}
.ttip_r96 {top: 33.1%; left: 69.3%;}
.ttip_r97 {top: 55%; left: 22%;}

.ttip_n1 {top: 61.9%; left: 37.1%;}
.ttip_n2 {top: 64.9%; left: 37.3%;}
.ttip_n3 {top: 69.9%; left: 38.1%;}
.ttip_n4 {top: 54.1%; left: 49.1%;}
.ttip_n5 {top: 75.1%; left: 50.5%;}
.ttip_n6 {top: 40.1%; left: 41.5%;}
.ttip_n7 {top: 39.6%; left: 50.7%;}
.ttip_n8 {top: 58.3%; left: 35.1%;}
.ttip_n9 {top: 65.1%; left: 44.3%;}
.ttip_n10 {top: 38.7%; left: 30.7%;}
.ttip_n11 {top: 25.7%; left: 57.7%;}
.ttip_n12 {top: 20.7%; left: 52.7%;}
.ttip_n13 {top: 64.7%; left: 35.7%;}
.ttip_n14 {top: 74.7%; left: 48.5%;}
.ttip_n15 {top: 38.5%; left: 54.3%;}

.ttip_sh1 {top: 63.8%; left: 45.1%;}
.ttip_sh2 {top: 49.3%; left: 25.3%;}
.ttip_sh3 {top: 40.7%; left: 41.5%;}
.ttip_sh4 {top: 57.7%; left: 55.7%;}
.ttip_sh5 {top: 39.3%; left: 36.5%;}
.ttip_sh6 {top: 57.8%; left: 21.7%;}
.ttip_sh7 {top: 36.1%; left: 85.7%;}
.ttip_sh8 {top: 36.1%; left: 6.7%;}
.ttip_sh9 {top: 34%; left: 2.5%;}
.ttip_sh10 {top: 75%; left: 20.5%;}
.ttip_sh11 {top: 50.3%; left: 84.5%;}
.ttip_sh12 {top: 51.9%; left: 34.1%;}
.ttip_sh13 {top: 31.2%; left: 58.7%;}

.ttip_e1 {top: 68.3%; left: 85.3%;}
.ttip_e2 {top: 78.9%; left: 36.1%;}
.ttip_e3 {top: 87.5%; left: 35.1%;}
.ttip_e4 {top: 96.5%; left: 29.1%;}
.ttip_e5 {top: 41.1%; left: 5.5%;}
.ttip_e6 {top: 75%; left: 24.3%;}
.ttip_e7 {top: 32.3%; left: 60.1%;}

.ttip_p1 {top: 31.1%; left: 60.5%;}
.ttip_p2 {top: 41.3%; left: 43.1%;}
.ttip_p3 {top: 40.3%; left: 60.1%;}
.ttip_p4 {top: 65.7%; left: 39.7%;}
.ttip_p5 {top: 48.7%; left: 56.3%;}
.ttip_p6 {top: 52.5%; left: 52.3%;}
.ttip_p7 {top: 46.1%; left: 65.9%;}
.ttip_p8 {top: 41.1%; left: 41.9%;}
.ttip_p9 {top: 49.3%; left: 42.3%;}
.ttip_p10 {top: 52.3%; left: 41.3%;}
.ttip_p11 {top: 32.8%; left: 60.3%;}

.ttip_s1 {top: 40.1%; left: 43.7%;}
.ttip_s2 {top: 49.1%; left: 72.7%;}
.ttip_s3 {top: 47.7%; left: 80.3%;}
.ttip_s4 {top: 66.5%; left: 54.7%;}
.ttip_s5 {top: 58.5%; left: 55.5%;}

.ttip_t1 {top: 39.5%; left: 52%;}
.ttip_t2 {top: 39.5%; left: 54.5%;}
.ttip_t3 {top: 47.5%; left: 71.3%;}
.ttip_t4 {top: 50.3%; left: 49.3%;}
.ttip_t5 {top: 49.3%; left: 56.3%;}
.ttip_t6 {top: 39.5%; left: 53.2%;}
.ttip_t7 {top: 48.9%; left: 55%;}
.ttip_t8 {top: 62.9%; left: 55%;}
.ttip_t9 {top: 33.7%; left: 48.1%;}

#pin_list li:nth-child(n+41) {
    display: none;
}

#pin_list.expanded li {
    display: list-item;
}

#toggle_btn {
    padding: 0.5vw 0 0 2.2vw;
    background-color: transparent;
    border: 0;
}

/*map--end*/

.buildingPage .header_module h2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7), -2px -2px 4px rgba(0, 0, 0, 0.5);
}

.buildingPage .header_module img {
    object-position: 100% 77%;
}

.subway_card {
    display: flex;
    gap: 0.5vw;
    margin-top: 0.3vw;
}

.subway_card > span {
    background-repeat: no-repeat;
    width: 2vw;
    height: 2vw;
}

.subway_card:not(.lines) > span:last-child {
    width: auto;
    height: auto;
}

.subway_card.lines {
    margin-top: 0.6vw;
}

.subway_card > span:first-child {
    background-image: url("../images/SVG/subway_icon_a.svg");
}

.subway_card > span:nth-child(2) {
    background-image: url("../images/SVG/subway_icon_c.svg");
}

.subway_card > span:nth-child(3) {
    background-image: url("../images/SVG/subway_icon_r.svg");
}

.subway_card > span:nth-child(4) {
    background-image: url("../images/SVG/subway_icon_s.svg");
}

.subway_card.lines > span:first-child {
    background-image: url("../images/SVG/subway_icon_2.svg");
}

.subway_card.lines > span:nth-child(2) {
    background-image: url("../images/SVG/subway_icon_3.svg");
}

.subway_card.lines > span:nth-child(3) {
    background-image: url("../images/SVG/subway_icon_4.svg");
}

.subway_card.lines > span:nth-child(4) {
    background-image: url("../images/SVG/subway_icon_5.svg");
}

.subway_card.lines > span:nth-child(5) {
    background-image: url("../images/SVG/subway_icon_b.svg");
}

.subway_card.lines > span:nth-child(6) {
    background-image: url("../images/SVG/subway_icon_d.svg");
}

.subway_card.lines > span:nth-child(7) {
    background-image: url("../images/SVG/subway_icon_n.svg");
}

.subway_card.lines > span:nth-child(8) {
    background-image: url("../images/SVG/subway_icon_q.svg");
}

.subway_card.lines > span:nth-child(9) {
    background-image: url("../images/SVG/subway_icon_w.svg");
}

.bus_card {

    display: inline-flex;
    gap: 0.7vw;
    margin-top: 0.3vw;
}

.bus_card > span {
    background-color: #135aab;
    padding: 0 0.3vw;
    border-radius: 0.3vw;
}

a[href="#map"] {
    display: inline-flex;
    gap: 8px;
    line-height: normal;

}

a[href="#map"], a[href="#map"]:hover, a[href="#map"]:visited {
    color: #fff;
}

a[href="#map"]:hover {
    text-decoration: underline;
}

a[href="#map"] > .inf_logo {
    margin-left: 0;
    position: relative;
    top: 0.3vw;
}

.small_txt {
    display: block;
    font-size: 1vw;
}

.main_module .image_module, .swiper-slide {
    height: 38vw;
}

.main_module .image_module.transport_pic {
    height: 100%;
}

.swiper.FooterSlideshow .swiper-slide {
    height: 50vw;
}

.footer_links a {
    text-transform: uppercase;
}

.footer_links span {
    padding: 0 0.3vw;
}

.sec_module, .logo_group {
    display: flex;
}

.sec_module:last-of-type {
    justify-content: center;
    padding: 0 3vw 3vw;
}

.sec_module {
    gap: 4vw;
}

.sec_module > div {
    width: 33.33%;
}

.logo_group {
    gap: 2vw;
}

.logo_group img {
    /*width: 9.3vw;*/
    width: 5.6vw;
}

.logo_group img:first-child {
    /*width: 6.9vw;*/
    width: 3.6vw;
}

.sec_module img, .logo_group img {
    object-fit: contain;
    height: 3.3vw;
}

.buildingPage .text_module {
    text-align: center;
    gap: 3vw;
}

.buildingPage .text_module h2 {
    height: 8.8vw;
    display: grid;
    place-content: center;
}

.sec_module > div > div:first-child {
    justify-content: center;
    display: flex;
    padding-bottom: 3vw;
}

.legal_content {
    padding-top: 1.5vw;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

a.contact_info {
    font-weight: bold;
}

a.contact_info, a.contact_info:hover, a.contact_info:visited {
    color: #000;
}

.underline_text {
    text-decoration: underline;
}

h4.legal_subtitle {
    font-weight: 500;
}

.legal_subtitle,
.legal_content ul,
.legal_content.terms ol,
.legal_content.terms div {
    padding-left: 3vw;
}

.legal_content.terms .legal_subtitle {
    padding-left: 0;
}

.legal_content.terms ol {
    list-style-type: auto;
}

.legal_content ul li {
    list-style-type: disc;
}

.legal_content.terms ol,
.legal_content ul li {
    list-style-position: inside;
}

.hide {
    display: none;
}

@media (max-width: 1600px) {

    html {
        font-size: 42.5%;
    }

}

@media (max-width: 1024px) {

    html {
        font-size: 32.5%;
    }

}

@media (max-width: 767px) {

    :root {
        /* Spacing */
        --space: 10vw 6vw;
        --space-tb: 6vw 0;
        --space-tb-xl: 8vw 6vw;
    }

    .d_cell {
        display: none;
    }

    .m_cell, .m_divider {
        display: block;
    }

    header {
        height: 30.8vw;
        justify-content: center;
        padding: 0;
        z-index: 11;
    }

    h1 {
        width: 46%;
    }

    .menu_btn {
        display: block;
        background-image: url(../images/SVG/menu_btn.svg);
        background-repeat: no-repeat;
        width: 6.7vw;
        height: 3.2vw;
        cursor: pointer;
        position: absolute;
        top: 35.3%;
        left: 6.2vw;
    }

    .menu_close {
        background-image: url(../images/SVG/menu_close.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 7vw;
        height: 7vw;
        position: absolute;
        right: 4vw;
        top: 4.5vw;
    }


    nav {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #000;
        z-index: 11;
        animation: mfadeInRightBig 0.5s forwards;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }

    @-webkit-keyframes mfadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes mfadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .mfadeInRightBig {
        -webkit-animation-name: mfadeInRightBig;
        animation-name: mfadeInRightBig;
        display: block;
    }

    nav ul {
        flex-direction: column;
        justify-content: center;
        height: 100%;
        width: 100%;
        align-items: center;
        gap: 6.2vw;
    }

    .main_module, .main_module.reverse {
        grid-template-columns: 1fr;
        gap: 10vw;
    }

    .homePage .main_module.reverse .image_module {
        grid-row: 2;
    }

    .video_module > img, .video_module > div,
    .header_module img, .header_module > div.header_placeholder {
        height: 115vw;
    }

    .watch_video img {
        width: 10.95vw;
        height: 10.95vw;
    }

    .text_module {
        gap: 6vw;
        grid-row: 1;
    }

    a.link_module, .button_module button[type=submit] {
        font-size: var(--font-size-md);
        padding: 2.15vw 2.1vw 1.43vw;
    }

    .main_module .image_module, .swiper-slide {
        height: 50vw;
    }

    footer h1 {
        width: 40%;
    }

    .info_col {
        padding: 6.25vw 0 3.15vw;
        gap: 3.15vw;
    }

    .info_col > div:first-of-type, .social, .footer_module  {
        gap: 2.5vw;
    }

    a.social {
        width: 3.7vw;
        height: 3.7vw;
    }

    .footer_module {
        /*padding: 0 6vw 6.25vw;*/
        padding: 3vw 2vw 6.25vw;
        flex-wrap: wrap;
        justify-content: center;
    }

    h4 {
        font-size: var(--font-size-xxs);
    }

    h4, .info_col h4 {
        line-height: normal;
    }

    .info_col > h4 {
        padding-top: 1vw;
    }

    .footer_module > div:nth-child(2) {
        position: static;
        order: -1;
    }

    .footer_module .dd_logo {
        width: 20vw;
    }

    .footer_module .eho_logo {
        width: 5.5vw;
    }

    .video_module h2, .header_module h2 {
        font-size: var(--font-size-lg);
    }

    ul.features_module li {
        padding-left: 5.8vw;
    }

    .map_module {
        flex-direction: column;
    }

    .map_list, .map {
        width: 100%;
    }

    .map {
        height: 97vw;
    }

    a.map_names {
        font-size: var(--font-size-sm);
        padding: 0 0 0 7vw;
    }

    a.map_names:before {
        width: 5.7vw;
        height: 6.5vw;
    }

    .accordion {
        gap: 4vw;
    }

    .pins ul, #toggle_btn {
        padding: 2vw 0 0 7vw;
    }

    .pins ul {
        gap: 1.6vw;
    }

    .pins ul li, #toggle_btn  {
        font-size: var(--font-size-xxs);
    }

    .inf_title {
        font-size: 2.5rem;
        padding: 1vw 0 1vw 7vw;
    }

    .inf_title.asteriks:before {
        top: 1.3vw;
        left: 3.5vw;
    }

    #pin_list li.asteriks:before {
        top: 0.5vw;
        left: -3vw;
    }

    .ttip {
        width: 4.8vw;
        height: 5.5vw;
    }

    .tooltip .tooltip-inner {
        padding: 1.2vw 1.8vw 1.4vw;
    }

    .placeholder {
        font-size: 5vw!important;
    }

    .gallery_module > div {
        height: 50vw;
    }

    .contactWrap .form_layout, .message_layout,
    .ui-selectmenu-button.ui-button, .br_firm
    {
        height: 10.5vw;
    }

    .ui-selectmenu-button.ui-button {
        line-height: 10.5vw;
    }

    .message_layout textarea {
        line-height: 9.9vw;
    }

    .contact {
        place-items: unset;
    }

    .contactWrap {
        width: 100%;
    }

    .availability table th, .availability table td {
        padding: 3.5vw 0.8vw;
    }

    .fp_icon, .env_icon {
        width: 3.9vw;
    }

    .fp_icon {
        height: 3.9vw;
    }

    .v_tour_icon {
        height: 3.5vw;
        width: 3.3vw;
    }

    .tour_3d_icon {
        width: 4.1vw;
        height: 3.1vw;
    }

    .env_icon {
        height: 3.3vw;
    }

    .modal-dialog {
        max-width: 87%;
        margin: 14% auto;
    }

    .modal-body {
        padding: 8vw;
    }

    .modal-title {
        font-size: 6.4rem;
        padding-bottom: 6.2vw;
        line-height: 1;
    }

    .modal-pic {
        margin: 0 auto 6.2vw;
    }

    .modal-inputs-lyt, .modal-inputs-wrap {
        gap: 4vw;
    }

    .modal-inputs, .modal-inputs textarea {
        height: 8.5vw;
    }

    .modal-submit.submit_btn {
        margin: 7.7vw auto 2.8vw;
    }

    .close_btn {
        top: 3vw;
        right: 3vw;
    }

    .close_icon {
        width: 3.2vw;
        height: 3.2vw;
    }

    .modal-inputs textarea {
        line-height: 6vw;
    }

    .modal-inputs-wrap {
        grid-template-columns: 1fr;
    }

    .buildingPage .header_module img {
        object-position: unset;
    }

    .inf_logo {
        width: 4vw;
        height: 3.4vw;
        margin-left: 1.3vw;
        position: relative;
        top: 3px;
    }

    .amenitiesPage .video_module > div,
    .amenitiesPage .header_module img
    {
        height: 68vw;
    }

    .subway_card {
        gap: 1.5vw;
        margin-top: 1.1vw;
    }

    .subway_card > span {
        width: 5vw;
        height: 5vw;
    }

    .bus_card {
        gap: 2.3vw;
    }

    .bus_card > span {
        padding: 0.1vw 0.9vw;
        border-radius: 0.6vw;
    }

    a[href="#map"] {
        gap: 5px;
    }

    a[href="#map"] > .inf_logo {
        top: 0.6vw;
    }

    .subway_card.lines {
        margin-top: 2vw;
    }

    .slider_module {
        display: inline-grid;
    }


   .swiper-button-prev, .swiper-button-next {
        width: 2.5vw;
        height: 3.7vw;
        top: 60%;
    }

    .small_txt {
        font-size: 3vw;
    }

    .footer_links {
        display: grid;
        gap: 1.3vw;
    }

    .info_col > div:first-of-type div span {
        padding: 0 1.3vw;
    }

    .header_module.home {
        padding: 0;
    }

    .sec_module {
        flex-direction: column;
        gap: 12vw;
    }

    .buildingPage .text_module h2 {
        height: auto;
    }

    .sec_module img, .logo_group img {
        height: 11vw;
    }

    .logo_group {
        gap: 6vw;
    }

    .logo_group img {
        width: 15.3vw;
    }

    .sec_module > div {
        width: 100%;
    }

    .sec_module > div > div:first-child {
        padding-bottom: 5vw;
    }

    .logo_group img:first-child {
        width: 12.3vw;
    }

    .nhoodPage .gallery_module.space_top {
        padding: 8vw 0 0;
    }

    .legal_content {
        padding-top: 5.5vw;
        gap: 5vw;
    }

    .sec_module:last-of-type {
        padding: 0 6vw 10vw;
    }

    .footer_links h4 {
        display: grid;
        gap: 2vw;
    }

    .footer_links h4 a {
        display: block;
    }

    .footer_links h4 span {
        display: none;
    }

    a.book_a_tour {
        font-size: var(--font-size-md);
        line-height: 1;
        inline-size: 30vw;
        block-size: 9.5vw;
        padding: 2.15vw 2.1vw 1.43vw;
    }
}