@font-face {
    font-family: 'futura_ptdemi';
    src: url('fonts/futuraptdemi-webfont.woff2') format('woff2'),
    url('fonts/futuraptdemi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ptmedium';
    src: url('fonts/futuraptmedium-webfont.woff2') format('woff2'),
    url('fonts/futuraptmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ptbook';
    src: url('fonts/futuraptbook-webfont.woff2') format('woff2'),
    url('fonts/futuraptbook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ptlight';
    src: url('fonts/futuraptlight-webfont.woff2') format('woff2'),
    url('fonts/futuraptlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{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;}
.clear_fix:after{display:block;clear:both;content:"";}
.clear_both{clear:both;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.db{display:block;}
.dn{display:none;}
.dib{display:inline-block;}
.pr{position:relative;}
.pa{position:absolute}
.baselight{color:#fff;}
.basedark{color:#000;}
::-ms-clear{display:none;}
:focus{outline:none !important;}
.table-cell{display:table-cell;vertical-align:middle;}
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;}

body {
    font-family: 'futura_ptbook';
    font-size: 2.1rem;
}

.img100 {
    width: 100%;
}

.divider {
    display: block;
}

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

.bg_primary_color {
    background-color: #EDEEEF;
}

.bg_active_color {
    background-color: #35434C;
}

.center {
    text-align: center;
}

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

html, body {
    height: 100%;
}

main {
    min-height: 100%;
}

main.title_header {
    padding-top: 6.25vw;
}

.mask_pic_card {
    background-color: #35434C;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeOut 0.2s ease-out forwards;
    animation-delay: 10s;
}

.mask_pic {
    width: 39%;
    position: absolute;
    animation: revealImage 4s ease-in-out forwards;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

@keyframes revealImage {
    to {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

.the_monarch {
    width: 84%;
    height: 37.3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    opacity: 0;
    animation: fadeIn 0.3s ease-in forwards;
    animation-delay: 5s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade_out {
    animation: fadeOut 0.3s ease-in-out forwards;
    display: none;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.arrow_down {
    position: absolute;
    left: -0.9vw;
    right: 0;
    top: 100%;
    margin: auto;
    background-image: url("../images/arrow_down_white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    width: 3.333vw;
    height: 1.875vw;
}

html {
    font-size: 62.5%;
}

main {
position: relative;
}

.content {
    width: 90%;
    margin: auto;
}


h2 {
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 6.8rem;
    line-height: 8.7rem;
    letter-spacing: 0.2312px;
    width: 65%;
}

h3 {
    color: #B39972;
    font-size: 4.8rem;
    line-height: 5.76rem;
    letter-spacing: 0.0576px;
}

h4, .int_video_slide .swiper-slide a span {
    font-size: 2.4rem;
    letter-spacing: 1.2px;
    line-height: 3.6rem;
}

h5 {
    color: #35434C;
    font-size: 2.1rem;
    line-height: 2.52rem;
}

h6 {
    color: #B39972;
    font-size: 3.2rem;
    line-height: 4.76rem;
    letter-spacing: 0.0576px;
}

p {
    color: #35434C;
}
.diclaimer{
        /*background-color: red;*/
}
header {
    position: absolute;
    top: 2.031vw;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 7.083vw;
    display: flex;
    align-items: center;
}

header.sec_header {
    background-color: #35434C;
    height: 6.25vw;
    top: 0;
}

h1 {
    width: 10%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

header.sec_header h1 {
    width: 5.8%;
}

h1 a {
    display: inline-block;
    width: 100%;
}

nav {
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin: auto;
}

/* WP header wrapper (contains left menu + right CTA menu) */
header nav .d_cell{
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}


nav ul {
    display: flex;
}

nav ul li {
    margin-right: 0.729vw;
}

nav ul li:last-child {
    margin-right: 0;
}

nav ul li a {
    position: relative;
    text-transform: uppercase;
    font-family: 'futura_ptbook';
    font-size: 1.8rem;
    letter-spacing: 0.45px;
    padding-bottom: 0.417vw;
}

nav ul li a,
nav ul li a:hover,
nav ul li a:visited {
    color: #fff;
}

nav ul.menu_right li:first-child,
nav ul.menu_right li:nth-child(2) {
    margin-right: 1.615vw;
}

nav ul.menu_right li a {
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -ms-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

nav ul.menu_right li:first-child a,
nav ul.menu_right li:nth-child(2) a {
    border: 1px solid #fff;
    padding: 4.5px 1.146vw;
}

nav ul.menu_right li:last-child a {
    font-family: 'futura_ptmedium';
    color: #35434C;
    background-color: #B39972;
    padding: 5.5px 1.51vw;
}

nav ul.menu_right li a:after {
    display: none;
}

header nav ul li a:after, header nav ul li a.active:after {
    content: '';
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px;
    transform: scaleX(0);
    transition: transform .35s ease;
}

nav ul li a:after {
    background: #B39972;
}

header nav ul li a:hover:after, header nav ul li a.active:after {
    transform: scaleX(1);
}

.header_card {
    width: 100%;
    height: 56.5vw;
    position: relative;
    /*background-position: 50% 30%;*/
    background-position: 50% 11%;
    /*clip-path: polygon(0 0, 100% 0, 100% calc(100% - 140px), 43% 100%, 0 calc(100% - 73px));*/
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7.292vw), 43% 100%, 0 calc(100% - 3.802vw));
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.604vw;
}

.header_card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #35434C;
    background-image: url("../images/home/bg_layer.png");
    mix-blend-mode: multiply;
    opacity: .55;
    width: 100%;
    height: 100%;
}

.module_parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4.688vw;
}

.module_parent.reverse {
    flex-direction: row-reverse;
    padding-bottom: 0;
}

.module_parent .left {
    width: 58%;
    clip-path: polygon(0px 0px, 100% 17%, 70% 100%, 0 100%);
}

.module_parent .right {
    width: 37%;
    padding: 8vw 7.292vw 0 0;
}

.module_parent.reverse .left {
    clip-path: polygon(32% 0px, 100% 0%, 100% 100%, 0 85%);
}

.module_parent.reverse .right {
    padding: 0 0 6.5vw 7.292vw;
}

.module_parent .right p {
    line-height: 2.7rem;
    padding: 0.729vw 0 1.458vw;
}

.module_parent .right a, .sec_module a {
    font-family: 'futura_ptmedium';
    color: #35434C;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    padding: 0 1.641vw;
    height: 1.979vw;
    border: 2px solid #B39972;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.module_parent .right a:hover,
.sec_module a:hover {
    background-color: #B39972;
}

.sec_module {
    margin-top: -3.177vw;
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 43% 100%, 0 100%);
    padding-top: 11.458vw;
}

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

.sec_module_parent > div {
    width: 49.5%;
}

.sec_module > div:last-child {
    padding: 4.01vw 0 4.688vw;
}

.sec_module > div:last-child p {
    line-height: 2.52rem;
    padding: 1.198vw 0 1.823vw;
    width: 61%;
    margin: auto;
}

footer {
    background-color: #35434C;
    height: 20vw;
    display: flex;
    flex-direction: column !important;
    justify-content: space-evenly;
    align-items: center;
}

footer h4, footer p {
    font-family: 'futura_ptlight';
    color: #B39972;
}

footer h4 {
    line-height: 2.88rem;
    letter-spacing: 0;
}

footer p {
    font-size: 1.6rem;
    line-height: 2.1rem;
    width: 75%;
}

.footer_logos img:first-child {
    width: 4.01vw;
}

.footer_logos,
.footer_logos img:first-child {
    margin-right: 20px;
}

.footer_logos img:last-child {
    width: 2.656vw;
}

.footer_links{
    display: inline-block;
    ul{
        list-style: none;
        display: inline-block;
        li{
            display: inline-block;
            margin: 0 20px 0 0;
            
        }
    }
}

.meta_logos{
    display: inline-block;
    ul{
        list-style: none;
        display: inline-block;
        li{
            width: 60px;
            height: 60px;
            display: inline-block;
            margin: 0 0 0 0;
            padding: 10px 10px 10px 10px;
        }
        li:first-child{
            width: 50px;
            height: 50px;
        }
    }
    img{
        width: 100%;
        height: auto;
    }
}

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

.footer_wrap a,
.footer_wrap a:hover,
.footer_wrap a:visited {
    color: #fff;
}

.am_at_a_glance_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85%;
    margin: auto;
    padding: 4.688vw 0;
}

.am_close_icon {
    display: inline-block;
    width: 1.25vw;
    height: 1.25vw;
    background-image: url("../images/close_icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.am_glance_card {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.635vw;
}

.am_glance_card .left {
    width: 30%;
    padding: 0 0 0 7.292vw;
}

.am_glance_card .right {
    position: relative;
    width: 66%;
    height: 44.479vw;
}

.am_glance_card .right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #EDEEEF;
    clip-path: polygon(32% 0px, 100% 0%, 100% 100%, 0 85%);
    width: 100%;
    height: 100%;
}
/*Gallery*/
.mon_gallery {
    position: relative;
    width: 100%;
    height: auto;
    align-content: center;
    margin: 0 0 0 0;
    padding-bottom: 100px;
    background: none;
    ul {
        list-style: none;
        margin: 0 0 0 5%;
        padding: 0 0 0 0;
        display: inline-block; 
        width:90%;
        background: none;
        li {
            width: 49%;
            list-style: none;
            margin: 0 auto;
            padding: 1% 1% 1% 1%;
            display: inline-block;
            
            a {
                img {
                    width: 100%;
                }
                .backImg{
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover; /* Ensures the image covers the entire viewport */
                    width: 100%;
                    height: 55vh;
                } 
            }
            
        }
    }
}

/* Wrapper */
.gallery-filters-wrapper {
    margin: 65px auto 32px;
    padding: 0 16px;
    max-width: 960px;
}

/* Desktop / tablet buttons */
.gallery-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    text-align: center;
}

.gallery-filters .filter-btn {
    background: transparent;
    border: 1px solid #ccc;
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    transition: all 0.25s ease;
    color: #333;
    white-space: nowrap;
}

.gallery-filters .filter-btn:hover {
    border-color: #3b424b;
    color: #3b424b;
}

.gallery-filters .filter-btn.active {
    background: #3b424b;
    border-color: #3b424b;
    color: #fff;
}

/* Mobile: custom dropdown */
.gallery-filters-select {
    display: none; /* shown only on mobile via media query */
    margin: 0 auto 28px;
    max-width: 360px;
    position: relative;
}

/* The pill trigger */
.gallery-dropdown-toggle {
    width: 100%;
    padding: 12px 40px 12px 18px;
    border-radius: 999px;
    border: 1px solid #3b424b;
    background-color: #fff;
    color: #3b424b;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

/* Current label text */
.gallery-dropdown-label {
    display: inline-block;
}

/* Arrow indicator */
.gallery-dropdown-arrow {
    position: absolute;
    right: 18px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #3b424b;
    border-bottom: 2px solid #3b424b;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.2s ease;
}

/* Rotate arrow when open */
.gallery-filters-select.is-open .gallery-dropdown-arrow {
    transform: translateY(-50%) rotate(-135deg);
}

/* Dropdown menu */
.gallery-dropdown-menu {
    list-style: none;
    margin: 8px 0 0;
    padding: 8px 0;
    border-radius: 16px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    display: none;
}

/* Show menu when open */
.gallery-filters-select.is-open .gallery-dropdown-menu {
    display: block;
}

/* Menu options */
.gallery-dropdown-option {
    padding: 10px 18px;
    font-size: 13px;
    cursor: pointer;
}

.gallery-dropdown-option:hover {
    background-color: #f5f5f5;
}

.gallery-dropdown-option.is-active {
    font-weight: 600;
    background-color: #f5f5f5;
}

/* Smooth fade on gallery items */
.mon_gallery li {
    transition: opacity 0.25s ease, visibility 0.25s ease;
}


/* Responsive switching: buttons vs dropdown */
@media (max-width: 767px) {
    /* Ensure desktop nav wrapper is hidden even if it has inline display:flex */
  .d_cell{ display:none !important; }
    /*Gallery*/
    .mon_gallery {
        ul {
            li {
                a {
                    img {
                
                    }
                    .backImg{
                        height: 35vh;
                    } 
                }
                
            }
        }
    }

    .gallery-filters {
        display: none;      /* hide buttons on mobile */
    }

    .gallery-filters-select {
        display: block;     /* show dropdown on mobile */
    }
}

@media (max-width: 450px) {
    /*Gallery*/
    .mon_gallery {
        ul {
            li {
                a {
                    img {
                
                    }
                    .backImg{
                        height: 20vh;
                    } 
                }
                
            }
        }
    }

    .gallery-filters {
        display: none;      /* hide buttons on mobile */
    }

    .gallery-filters-select {
        display: block;     /* show dropdown on mobile */
    }
}


/*swiper*/

.slider_card, .am_glance_slide {
    position: relative;
    width: 100%;
}

.am_glance_slide .swiper-slide {
    background-color: #EDEEEF;
    clip-path: polygon(32% 0px, 100% 0%, 100% 100%, 0 85%);
}

.swiper-container {
    width: 100%;
    height: 100%;
    position: static;
}

.am_glance_slide .swiper-slide > div {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    padding: 4vw 7.292vw 0 0;
}

.am_glance_slide .swiper-slide .am_glance_pic {
    width: 64%;
    height: 32.552vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.am_glance_slide .swiper-slide .am_glance_pic.full_4thFloor {
    background-position: top;
    width: 75%;
    position: relative;
    top: -2vw;
    left: 3vw;
}

.am_active_group {
    position: absolute;
    right: 7.292vw;
    bottom: 3.792vw;
}

.slider_card {
    height: 34vw;
    margin-bottom: 6.667vw;
}

.swiper-slide {
    transition: transform 0.3s ease-in-out;
}

.swiper-container-3d {
    perspective: none;
}

.main_slider .swiper-slide .slide-text {
    text-transform: uppercase;
    position: absolute;
    left: 1vw;
    bottom: 0;
    width: 100%;
    text-align: left;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(20px);
    font-family: 'futura_ptbook';
    color: #35434C;
    font-size: 1.8rem;
    line-height: 2.16rem;
}

.main_slider .swiper-slide-active .slide-text {
    opacity: 1;
    transform: translateY(0px);
}

.main_slider .swiper-slide img {
    height: 96%;
    object-fit: cover;
}

.main_slider .swiper-slide-prev, .main_slider .swiper-slide-next {
    width: 20%!important;
}

.main_slider .swiper-slide-active {
    width: 60%!important;
}

.swiper-pagination-fraction, .swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -1.5vw;
}

.swiper-pagination-bullet {
    width: 0.9vw;
    height: 0.9vw;
    background: transparent;
    opacity: 1;
    border: 1px solid #B39972;
    border-radius: 0;
}

.swiper-pagination-bullet-active {
    background: #B39972;
}

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

.swiper-button-next,
.swiper-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: auto;
    bottom: 1.1vw;
}

.swiper-button-next {
    background-image: url("../images/next_arrow.svg");
    right: 46%;
}

.swiper-button-prev {
    background-image: url("../images/prev_arrow.svg");
    left: 46%;
}

.int_video_slide {
    padding: 4.688vw 0;
    margin-bottom: 4.792vw;
    height: 25vw;
    position: relative;
}

.int_video_slide .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
}

.int_video_slide .swiper-slide a iframe {
    width: 100%;
    height: 100%;
}

/*.int_video_slide .swiper-slide a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #35434C;
    background-image: url("../images/home/bg_layer.png");
    mix-blend-mode: multiply;
    opacity: .55;
    width: 100%;
    height: 100%;
}

.int_video_slide .swiper-slide a span {
    position: absolute;
    color: #fff;
    width: 100%;
    text-align: center;
    display: block;
}*/

/*swiper end*/

.am_group {
    color: #35434C;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.am_group:hover, .am_group.active {
    color: #B39972;
}

.register_btn {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 4.167vw;
    height: 11.458vw;
    background-color: #B39972;
    text-transform: uppercase;
    font-family: 'futura_ptmedium';
    font-size: 3.2rem;
    letter-spacing: 1.6px;
    line-height: 4rem;
    border: 0;
    color: #35434C;
}

.register {
    transform: rotate(-90deg);
    display: flex;
    justify-content: center;
}

.contact_popup {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 12;
    background-color: #35434C;
    width: 19%;
    border: 1px solid #B39972;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    display: none;
    animation: mfadeInRightBig 0.5s forwards;
}

@-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;
}

.close_icon {
    background-image: url("../images/close_icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 1.094vw;
    right: 1.124vw;
    width: 0.938vw;
    height: 0.938vw;
}

.contact_popup > div {
    padding: 2.083vw 2.774vw;
}

.contact_popup h5 {
    text-transform: uppercase;
    color: #B39972;
    font-size: 2.8rem;
    letter-spacing: 0.7px;
    line-height: 4rem;
    padding-bottom: 1.859vw;
}

.form_layout, .select_form, .br_firm {
    margin-bottom: 0.5vw;
}

.form_layout input {
    background-color: transparent;
    text-transform: uppercase;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #B39972;
    color: #B39972;
    font-family: 'futura_ptbook';
    border-radius: 0;
    height: 2.135vw;
    font-size: 1.5rem;
}

::placeholder {
    color: #B39972;
    opacity: 1;
    font-family: 'futura_ptbook';
}
::-webkit-input-placeholder {
    color: #B39972;
    opacity: 1;
    font-family: 'futura_ptbook';
}
:-ms-input-placeholder {  /*Internet Explorer 10-11 */
    color: #B39972;
    opacity: 1;
    font-family: 'futura_ptbook';
}
::-ms-input-placeholder {  /*Microsoft Edge */
    color: #B39972;
    opacity: 1;
    font-family: 'futura_ptbook';
}

.ui-selectmenu-menu {
    max-height: 100px;
    overflow-y: auto;
}

.ui-selectmenu-button.ui-button {
    text-transform: uppercase;
    border: 0;
    border-bottom: 1px solid #B39972;
    height: 2.135vw;
    line-height: 2.135vw;
    color: #B39972;
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    font-family: 'futura_ptbook';
    font-size: 1.5rem;
    padding: 0;
}

.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/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 0.919vw;
    height: 0.459vw;
    padding-top: 2.1vw;
    right: 0;
}

.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: 1px solid #B39972;
    background: transparent;
    color: #B39972;
    font-family: 'futura_ptbook';
}

.ui-widget-content {
    text-transform: uppercase;
    font-size: 0.7vw;
    color: #B39972;
    font-family: 'futura_ptbook';
}

.ui-widget.ui-widget-content {
    border: 1px solid #B39972;
    border-top: 2px solid transparent;
    background: #35434C;
}

.br_firm {
    text-transform: uppercase;
    width: 100%;
    height: 2.135vw;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #B39972;
    color: #B39972;
    border-radius: 0;
    font-size: 1.5rem;
}

.submit_btn {
    margin: 1.615vw auto 0;
    text-align: center;
}

.submit_btn button[type=submit] {
    font-family: 'futura_ptmedium';
    text-transform: uppercase;
    color: #B39972;
    font-size: 1.6rem;
    padding: 0 1.667vw;
    letter-spacing: 0.8px;
    height: 2.188vw;
    line-height: 2.188vw;
    background-color: transparent;
    border: 1px solid #B39972;
    border-radius: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.submit_btn button[type=submit]:hover {
    background-color: #B39972;
    color: #35434C;
}

.contact_card {
    /*padding: 4.688vw 0;*/
    width: 40%;
    margin: auto;
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    height: calc(100vh - 6.25vw);
}

.contact_card h3 {
    padding-bottom: 4.167vw;
}

.contact_card .form_list {
    display: flex;
    justify-content: space-between;
}

.contact_card .form_list .form_layout,
.contact_card .form_list .select_form,
.contact_card input.br_firm
{
    width: 45%;
    margin-bottom: 1.146vw;
}

.contact_card .form_list .form_layout input::placeholder,
.contact_card input.br_firm::placeholder,
.modal-inputs input::placeholder,
.modal-inputs textarea::placeholder {
    color: #35434C;
    font-size: 1.6rem;
}

.contact_card .form_list .form_layout input::-webkit-input-placeholder,
.contact_card input.br_firm::-webkit-input-placeholder,
.modal-inputs input::-webkit-input-placeholder,
.modal-inputs textarea::-webkit-input-placeholder {
    color: #35434C;
    font-size: 1.6rem;
}

.contact_card .form_list .form_layout input:-ms-input-placeholder,
.contact_card input.br_firm:-ms-input-placeholder,
.modal-inputs input:-ms-input-placeholder,
.modal-inputs textarea:-ms-input-placeholder {  /*Internet Explorer 10-11 */
    color: #35434C;
    font-size: 1.6rem;
}

.contact_card .form_list .form_layout input::-ms-input-placeholder,
.contact_card input.br_firm::-ms-input-placeholder,
.modal-inputs input::-ms-input-placeholder,
.modal-inputs textarea::-ms-input-placeholder {  /*Microsoft Edge */
    color: #35434C;
    font-size: 1.6rem;
}

.contact_card .form_list .form_layout input,
.contact_card input.br_firm,
.contact_card .ui-selectmenu-button.ui-button {
    font-size: 1.6rem;
}

.contact_card .form_list .form_layout input,
.contact_card input.br_firm,
.contact_card .ui-selectmenu-button.ui-button,
.contact_card .submit_btn button[type=submit]
{
    color: #35434C;
}

.contact_card .submit_btn {
    margin: 1.854vw auto 0;
}

.contact_card .submit_btn button[type=submit],
.modal-submit.submit_btn button
{
    padding: 0 2.24vw;
    height: 3.021vw;
    font-size: 2.1rem;
    letter-spacing: 1.05px;
    line-height: 2.52rem;
}

.contact_card .form_list.are_you_broker {
    justify-content: center;
}
/* Availability Module -*/ 

.avail_header {
    padding: 4.688vw 0;
}

.avail_header h3 {
    padding-bottom: 1.615vw;
}

.avail_header p {
    width: 34.32vw;
    margin: auto;
}

.availability table {
    width: 100%;
}

.availability table thead th {
    font-family: 'futura_ptmedium';
    font-weight: normal;
    background-color: #B39972;
    color: #fff;
}

.availability table tbody td {
    color: #35434C;
}

.availability table tbody tr {
    border-bottom: 1px solid #303941;
}

.availability table tbody tr:last-child {
    border-bottom: 0;
}

.availability table thead th,
.availability table tbody td {
    text-transform: uppercase;
    text-align: center;
    font-size: 2.4rem;
    padding: 1.042vw;
}

.availability table tbody td a {
    vertical-align: text-top;
}

.fp_icon, .v_tour_icon, .tour_3d_icon, .env_icon {
    background-repeat: no-repeat;
    background-size: contain;
}

.fp_icon {
    background-image: url("../images/availability/fp_icon.svg");
    width: 2.188vw;
    height: 2.188vw;
}

.v_tour_icon {
    background-image: url("../images/availability/video_tour_icon.svg");
    width: 1.25vw;
    height: 1.406vw;
}

.tour_3d_icon {
    background-image: url("../images/availability/tour_3d_icon.svg");
    width: 1.875vw;
    height: 1.146vw;
}

.env_icon {
    background-image: url("../images/availability/env_icon.svg");
    width: 1.875vw;
    height: 1.458vw;
}

.schedule_tour {
    padding: 4.688vw 0 8vw;
    display: flex;
    justify-content: center;
}

.schedule_tour button, .linked_module a {
    font-family: 'futura_ptmedium';
    text-transform: uppercase;
    border: 1px solid #B39972;
    font-size: 2.1rem;
    height: 3.021vw;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.schedule_tour button {
    background-color: #fff;
    color: #35434C;
    letter-spacing: 1.05px;
    padding: 0 1.979vw;
    a {
       color: #35434C; 
    }
}

.linked_module a {
    color: #B39972;
    padding: 0 2.344vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.schedule_tour button:hover {
    background-color: #B39972;
}

/*modals*/

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

.modal-body {
    padding: 3vw;
}

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

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

.close_btn {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    z-index: 1;
}

.modal-title {
    color: #B39972;
    text-align: center;
    text-transform: uppercase;
    font-size: 3rem;
    padding-bottom: 1.5vw;
}

.modal-inputs-lyt {
    width: 100%;
    margin: auto;
}

.modal-inputs, .modal-inputs textarea {
    width: 100%;
    height: 2.135vw;
    margin-bottom: 1.146vw;
}

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

.modal-inputs input,  .modal-inputs textarea {
    border: 0;
    border-bottom: 1px solid #B39972;
    height: 100%;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #35434C;
    font-family: 'futura_ptbook';
    font-size: 1.6rem;
}

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

.pdf_link {
    text-align: center;
    padding: 0.5vw;
}
.pdf_link a {
    font-family: 'futura_ptmedium';
    text-transform: uppercase;
    letter-spacing: 0.1922px;
    font-size: 3rem;
}

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

.contact_modal {
    padding: 1vw 0 0;
}

/*modals--end*/

.features_module {
    padding: 3.958vw 0 4.479vw;
}

.features_module h3 {
    padding-bottom: 4.323vw;
}

.features_card, .features_card > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.features_card > div:first-child,
.features_card > div:nth-child(2) {
    margin-bottom: 3.177vw;
}

.features_card > div > div {
    width: 7.1vw;
    margin: 0 1.432vw;
}

.features_card > div {
    width: 100%;
}

.features_card > div img {
    padding: 0 0.625vw 0.625vw;
}

.features_card h5 {
    font-size: 1.8rem;
    letter-spacing: 0.9px;
    line-height: 2.16rem;
}

.linked_module {
    padding: 2.396vw 0;
    margin-bottom: 6.823vw;
}

/*map*/

.map_card {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 11.198vw;
}

.map {
    position: relative;
    width: 65%;
    height: 36vw;
    background-image: url("../images/map.png");
}

.map_list {
    padding-left: 7.292vw;
   /* width: 25%;*/
}

.map_names, .all_map_names, .pins ul li {
    line-height: 3rem;
    letter-spacing: 0.6px;
}

.map_names, .all_map_names {
    text-transform: uppercase;
    font-size: 2.4rem;
    display: block;
    margin-bottom: 1vw;
}

.map_names, .all_map_names {
    position: relative;
}

.all_map_names {
    cursor: pointer;
}

.map_names:before, .all_map_names:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -0.1vw;
    left: -1.7vw;
    width: 1.4vw;
    height: 2vw;
}

.all_map_names:before {
    background-image: url("../images/map_icons/map_icon.svg");
}

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

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

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

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

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

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

.pins ul li {
    font-size: 2.1rem;
}

.all_map_names, .pins ul li {
    color: #B39972;
}

.map_names, .map_names:hover {
    color: #35434C;
}

.pins ul {
    padding: 0 0 1.3vw;
}

.tooltip .tooltip-inner {
    font-size: 13px;
    padding: 0.2vw 0.8vw 0.4vw;
}

.tt_restaurants .ttip { background-image: url("../images/map_icons/rest_icon.svg"); }
.tt_schools .ttip { background-image: url("../images/map_icons/school_icon.svg"); }
.tt_park .ttip { background-image: url("../images/map_icons/park_icon.svg"); }
.tt_nightlife .ttip { background-image: url("../images/map_icons/ng_icon.svg"); }
.tt_shops .ttip { background-image: url("../images/map_icons/shop_icon.svg"); }
.tt_transport .ttip { background-image: url("../images/map_icons/transport_icon.svg"); }

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

.ttip_r1 {top: 42.9%; left: 42.8%;}
.ttip_r2 {top: 32.5%; left: 40.8%;}
.ttip_r3 {top: 47.5%; left: 29.1%;}
.ttip_r4 {top: 18.5%; left: 36.1%;}
.ttip_r5 {top: 38.5%; left: 46.1%;}
.ttip_r6 {top: 48.2%; left: 27.1%;}
.ttip_r7 {top: 28.2%; left: 44.1%;}
.ttip_r8 {top: 33.5%; left: 55.9%;}
.ttip_r9 {top: 55.9%; left: 25.2%;}
.ttip_r10 {top: 56.5%; left: 23%;}
.ttip_r11 {top: 58.8%; left: 25.6%;}
.ttip_r12 {top: 61.8%; left: 24.4%;}
.ttip_r13 {top: 40.9%; left: 21.1%;}
.ttip_r14 {top: 23.9%; left: 58.1%;}
.ttip_r15 {top: 73.9%; left: 29.8%;}
.ttip_r16 {top: 80.9%; left: 34.8%;}
.ttip_r17 {top: 22.5%; left: 3.4%;}
.ttip_r18 {top: 25.5%; left: 62.2%;}
.ttip_r19 {top: 77.5%; left: 58.5%;}

.ttip_sch1 {top: 53.6%; left: 46.1%;}
.ttip_sch2 {top: 48.1%; left: 50.1%;}
.ttip_sch3 {top: 12.9%; left: 33.9%;}
.ttip_sch4 {top: 35.1%; left: 77.2%;}
.ttip_sch5 {top: 22.1%; left: 49.4%;}

.ttip_p1 {top: 44%; left: 31.5%;}
.ttip_p2 {top: 37.9%; left: 30.9%;}
.ttip_p3 {top: 2.9%; left: 40.6%;}
.ttip_p4 {top: 45.3%; left: 69.7%;}
.ttip_p5 {top: 60.4%; left: 13.3%;}

.ttip_n1 {top: 58%; left: 19%;}
.ttip_n2 {top: 75.9%; left: 31.4%;}
.ttip_n3 {top: 32.9%; left: 21.2%;}
.ttip_n4 {top: 47.9%; left: 20.3%;}
.ttip_n5 {top: 27.8%; left: 24.1%;}
.ttip_n6 {top: 25.1%; left: 60.9%;}
.ttip_n7 {top: 21.1%; left: 70.9%;}
.ttip_n8 {top: 19.9%; left: 74.4%;}
.ttip_n9 {top: 0; left: 69.7%;}
.ttip_n10 {top: 25.1%; left: 59.8%;}

.ttip_sh1 {top: 41.9%; left: 45%;}
.ttip_sh2 {top: 41.9%; left: 43.9%;}
.ttip_sh3 {top: 39.7%; left: 46.7%;}
.ttip_sh4 {top: 40.7%; left: 42.7%;}
.ttip_sh5 {top: 38.7%; left: 44.7%;}

.ttip_t1 {top: 70.3%; left: 13.5%;}
.ttip_t2 {top: 64.3%; left: 22.2%;}
.ttip_t3 {top: 45.4%; left: 39.9%;}
.ttip_t4 {top: 55.4%; left: 23.1%;}
.ttip_t5 {top: 35.5%; left: 45.9%;}

/*map--end*/

.disclosure {
    margin: 0.5vw auto 0;
}

.disclosure input[type=checkbox] {
    display: none;
}

.disclosure label {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    color: #35434C;
    font-family: 'futura_ptbook';
    font-size: 0.8vw;
    letter-spacing: 0.04vw;
}

.disclosure label:before {
    display: block;
    position: absolute;
    width: 1vw;
    height: 1vw;
    background-image: url(../images/checkbox.svg);
    background-repeat: no-repeat;
    content: "";
    left: -2vw;
    top: 0.05vw;
}

.disclosure input[type="checkbox"]:checked + label:before {
    background-image: url(../images/checkbox_checked.svg);
}

.regPage .contact_card .form_list.are_you_broker {
    justify-content: unset;
}

.regPage .contact_card .form_list.are_you_broker .select_form {
    width: 100%;
}

.avail_dsclm {
    padding-bottom: 2vw;
}

.brochure {
    border: 1px solid #B39972;
    padding: 0.5vw 1vw;
}

.brochure, .brochure:hover, .brochure:visited {
    color: #B39972;
}

.hide {
    display: none;
}

@media (max-width: 1680px) {

    html {
        font-size: 53.5%;
    }
}

@media (max-width: 1440px) {

    html {
        font-size: 47.5%;
    }
}

@media (max-width: 1366px) {

    html {
        font-size: 45.5%;
    }
}

@media (max-width: 1280px) {

    html {
        font-size: 42.5%;
    }
}

@media (max-width: 1200px) {

    html {
        font-size: 33.5%;
    }

}

@media (max-width: 1023px) {

    .am_glance_slide .swiper-slide .am_glance_pic {
        height: 28.552vw;
    }

    .am_glance_slide .swiper-slide .am_glance_pic.full_4thFloor {
        width: 55%;
        top: -2.5vw;
        left: 0;
    }
}

@media (max-width: 767px) {

    html {
        font-size: 62.5%;
    }

    .d_cell, .header_card h2, nav,
    .homePage .content > h3
    {
        display: none;
    }

    .m_cell, .menu_btn {
        display: block;
        text-align: center;
    }

    .content {
        width: 87%;
    }

    .module_parent, .module_parent.reverse,
    .sec_module_parent, .am_glance_card,
    .am_glance_slide .swiper-slide > div,
    .map_card, .contact_card .form_list
    {
        flex-direction: column !important;
    }

    .module_parent .left,
    .module_parent .right,
    .sec_module_parent > div,
    .sec_module > div:last-child p,
    footer p, .am_glance_card .left,
    .am_glance_card .right, .map,
    .avail_header p,
    .contact_card .form_list .form_layout,
    .contact_card .form_list .select_form,
    .contact_card input.br_firm
    {
        width: 100%;
    }

    h3 {
        font-size: 3.2rem;
        line-height: 4.2rem;
        letter-spacing: 0.8px;
    }

    h6 {
        font-size: 3.2rem;
        line-height: 5.2rem;
        letter-spacing: 0.8px;
    }

    .last6{
        margin-bottom: 20px;
    }


    .arrow_down {
        width: 8.333vw;
        height: 6.875vw;
    }

    .the_monarch {
        height: 81.3vw;
    }

    .mask_pic {
        width: 80%;
        left: 9vw;
    }

    .menu_btn, .menu_close {
        background-image: url("../images/menu_btn.svg");
        background-repeat: no-repeat;
        width: 9vw;
        height: 9vw;
        margin: 3.7vw 0 0 3.4vw;
    }

    .menu_close {
        background-image: url("../images/close_btn.svg");
        display: block;
        margin-top: 5vw;
    }

    header {
        height: auto;
        display: block;
        top: 0;
    }

    h1, header.sec_header h1 {
        width: 38%;
        top: 7vw;
    }

    h1.m_menu_logo, header.sec_header h1.m_menu_logo {
        width: 27%;
    }

    nav {
        background-color: #35434C;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        overflow: auto;
        animation: mfadeInRightBig 0.5s forwards;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }


    /* Stack the two UL menus (main + CTA) vertically on mobile */
    header nav .d_cell{
        width: 100%;
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        justify-content: flex-start;
    }

    header nav .d_cell > ul{
        width: 100%;
        min-width: 100vw !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
    }

    /* CTA block background behind Availability / Book a Tour / Contact */
    header nav .d_cell > ul.menu_right{
        background-color: #313E47;
        padding: 10vw 0 8vw;
        margin: 10vw 0 0;
    }

    /* Center buttons and remove desktop right-margins inside the mobile overlay */
    header nav .d_cell > ul.menu_right li{
        margin: 0 0 6vw 0 !important;
    }
    header nav .d_cell > ul.menu_right li:last-child{
        margin-bottom: 0 !important;
    }



    @-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 !important;
        justify-content: center;
        align-items: center;
        margin-top: 32vw;
    }

    nav ul.menu_right {
        background-color: #313E47;
        margin-top: 0;
    }

    nav ul li {
        margin: 0 0 7.9vw 0;
    }

    nav ul.menu_right {
        padding: 9.7vw 0;
    }

    nav ul.menu_right li:first-child {
        margin-right: 0;
        margin-bottom: 7.6vw;
    }

    nav ul.menu_right li:last-child {
        margin-bottom: 0;
    }

    nav ul.menu_right li a {
        width: 38vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    nav ul.menu_right li:first-child a {
        width: calc(38vw - 2px);
    }

    .header_card {
        margin-bottom: 4.3vw;
    }

    .module_parent .right, .module_parent.reverse .right,
    .contact_popup > div
    {
        padding: 7.9vw 6.1vw 10vw;
    }

    .module_parent .right p {
        padding: 5.3vw 0 8.2vw;
    }

    .module_parent .right a, .sec_module a {
        padding: 0 8vw;
        height: 9.7vw;
    }

    .module_parent .left {
        clip-path: polygon(0px 0px, 100% 17%, 82% 100%, 0 100%);
    }

    .module_parent.reverse .left {
        clip-path: polygon(20% 0px, 100% 0%, 100% 100%, 0 85%);
    }

    .sec_module_parent > div:first-child {
        margin-bottom: 5vw;
    }

    .sec_module > div:last-child p {
        text-align: left;
        padding: 0 0 8.2vw;
    }

    .sec_module > div:last-child {
        padding: 8.2vw 0 14.3vw;
    }

    .homePage .sec_module .content, footer p.center {
        text-align: left;
    }

    .homePage .sec_module {
        margin-top: 0;
        clip-path: polygon(0 0, 100% 5%, 100% 100%, 43% 100%, 0 100%);
        padding-top: 22.458vw;
    }

    footer {
        height: auto;
        align-items: self-start;
        padding: 8.4vw 6.1vw 9vw;
    }

    .footer_logos {
        padding: 8.2vw 0;
    }

    .footer_logos img:first-child {
        width: 14.8vw;
    }

    .footer_logos,
    .footer_logos img:first-child {
        margin-right: 20px;
    }

    .footer_logos img:last-child {
        width: 9vw;
    }

    .meta_logos{
        ul{
            margin-bottom: 40px;
        }
    }

    .register_btn {
        width: 8.3vw;
        height: 30vw;
        font-size: 1.6rem;
    }

    .contact_popup {
        left: 0;
        width: 88%;
    }

    .contact_popup h5 {
        padding-bottom: 3.9vw;
    }

    .close_icon {
        top: 3vw;
        right: 3vw;
        width: 4vw;
        height: 4vw;
    }

    .contact_popup .form_layout, .contact_popup .select_form, .contact_popup .br_firm {
        margin-bottom: 5vw;
    }

    .form_layout, .select_form, .br_firm {
        margin-bottom: 6.4vw;
    }

    .form_layout input,
    .ui-selectmenu-button.ui-button,
    .br_firm
    {
        height: 11vw;
    }

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

    .ui-widget-content {
        font-size: 2.7vw;
    }

    .submit_btn button[type=submit] {
        height: 11vw;
        padding: 0 11.2vw;
    }

    .contact_popup .submit_btn {
        margin-top: 10vw;
    }

    .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 {
        width: 3vw;
        height: 3vw;
        padding-top: 10.8vw;
    }

    .features_card.m_features_card {
        display: flex;
        justify-content: space-between;
        width: 87%;
        margin: auto;
    }

    .features_card > div {
        width: 22%;
    }

    .features_card h5 {
        font-size: 1.1rem;
        line-height: 1.4rem;
        letter-spacing: 0.28px;
        min-height: 16vw;
        padding-top: 2.8vw;
    }

    .features_card > div:first-child, .features_card > div:nth-child(2) {
        margin-bottom: 0;
    }

    .features_card > div img {
        padding: 0;
    }

    .features_module h3 {
        text-align: left;
        padding: 0 6.1vw 12vw;
    }

    .features_module {
        padding: 12vw 0 8vw;
    }

    .module_parent .right {
        padding-bottom: 0;
    }

    .homePage .module_parent .right {
        padding-bottom: 10vw;
    }

    .schedule_tour button, .linked_module a {
        height: 14.8vw;
    }

    .linked_module {
        padding: 11.8vw 0;
    }

    .am_page .linked_module {
        margin: 0;
    }

    .linked_module a {
        padding: 0 6.9vw;
    }

    .am_page .slider_card {
        background: linear-gradient(to top, #ffffff 31%, #EDEEEF 0%);
    }

    .slider_card {
        padding: 13vw 0 0 6.1vw;
        height: 67vw;
        margin-bottom: 22vw;
    }

    .main_slider .swiper-slide .slide-text {
        top: 0;
        left: 0;
        bottom: auto;
        text-align: right;
        font-size: 1.6rem;
    }

    .main_slider .swiper-slide img {
        height: 100%;
        margin-top: 7vw;
    }

    .main_slider .swiper-slide-prev {
        display: none;
    }

    .main_slider .swiper-slide-active {
        width: 87% !important;
    }

    .swiper-pagination-fraction, .swiper-pagination-custom,
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: -11vw;
    }

    .swiper-pagination.am_pg {
        bottom: -19vw;
        width: 70%;
        margin: auto;
        left: 0;
        right: 0;
    }

    .swiper-pagination-bullet {
        width: 4.1vw;
        height: 4.1vw;
    }

    header.sec_header {
        height: 43vw;
    }

    main.title_header {
        padding-top: 42vw;
    }

    .am_glance_card .left {
        padding: 0 0 14.3vw 6.1vw;
    }

    .am_at_a_glance_title {
        padding: 8.3vw 0 5.3vw;
        width: 87%;
        align-items: self-start;
    }

    .am_glance_slide .swiper-slide {
        clip-path: none;
    }

    .am_glance_slide .swiper-slide .am_glance_pic,
    .am_glance_slide .swiper-slide .am_glance_pic.full_4thFloor
    {
        width: 100%;
    }

    .am_active_group {
        position: static;
        padding-top: 8.4vw;
    }

    .am_glance_slide .swiper-slide > div {
        justify-content: space-between;
        padding: 11.8vw 6.1vw;
        align-items: flex-start;
    }

    .am_glance_card {
        margin: 0;
    }

    .am_glance_card .right {
        min-height: 112.4vw;
    }

    .am_glance_slide .swiper-slide .am_glance_pic {
        height: 67vw;
        background-position: left;
    }

    .am_glance_slide .swiper-slide .am_glance_pic.full_4thFloor {
        background-position: left;
    }

    .int_video_slide {
        padding: 14.3vw 0;
        margin-bottom: 14.3vw;
        height: 43vw;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 5.5vw;
        height: 5.5vw;
        bottom: 6.1vw;
    }

    .swiper-button-prev {
        left: 43%;
    }

    .swiper-button-next {
        right: 43%;
    }

    .map_list {
        padding-left: 13.7vw;
    }

    .map {
        height: 56vw;
        margin-top: 7.2vw;
    }

    .pins ul {
        padding: 0 4vw 3.3vw;
    }

    .ttip {
        width: 4.8vw;
        height: 6.5vw;
    }
    /* =========================================================
   Availability — Mobile "Card" layout (matches PSD reference)
   ========================================================= */

    .avail_header {
        margin: 0;
        padding: 0;
        height: 100px;
    }

    .avail_header h3 {
        margin: 0;
        text-indent: 10px;
        padding: 0;
    }

  .availability table thead { display: none; }

  /* Make table stack */
  .availability table,
  .availability table tbody {
    display: block;
    width: 100%;
  }

  /* Each row becomes a centered “unit block” */
  .availability table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: start;
    grid-template-areas:
      "unit    fp"
      "bed     tour"
      "terr    inq"
      "gross   gross"
      "net     net"
      "bar     bar"
      "line    line";
    row-gap: 0;          /* big vertical spacing like reference */
    column-gap: 50px;       /* large gap between left/right columns */
    padding: 0;   /* top/bottom breathing room */
    border: 0;
    background: transparent;
    /* Center the whole block and constrain width */
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
  }

  /* Put each TD into its grid area */
  .availability table tbody td {
    padding: 0;
    border: 0;
    text-align: left;     /* base: centered like reference */
    color: #111;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'futura_ptbook';
    display: block;
  }

  .availability table tbody td:nth-child(1) { grid-area: unit; }
  .availability table tbody td:nth-child(2) { grid-area: bed; }
  .availability table tbody td:nth-child(3) { grid-area: terr; }
  .availability table tbody td:nth-child(4) { grid-area: gross; }
  .availability table tbody td:nth-child(5) { grid-area: net; }
  .availability table tbody td:nth-child(6) { grid-area: fp; }
  .availability table tbody td:nth-child(7) { grid-area: tour; }
  .availability table tbody td:nth-child(8) { grid-area: inq; }

  /* LEFT column labels + values (centered on left side) */
  .availability table tbody td:nth-child(1)::before { content: "UNIT:"; }
  .availability table tbody td:nth-child(2)::before { content: "BED/BATH:"; }
  .availability table tbody td:nth-child(3)::before { content: "TERRACE:"; }

  .availability table tbody td:nth-child(1)::before,
  .availability table tbody td:nth-child(2)::before,
  .availability table tbody td:nth-child(3)::before {
    display: inline-block;
    margin-right: 10px;
  }

  /* TERRACE checkmark */
  .availability .terrace-check {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    top: -1px;
  }

  /* GROSS/NET lines centered */
  .availability table tbody td:nth-child(4),
  .availability table tbody td:nth-child(5) {
    justify-self: start;
    text-align: left;
  }

  .availability table tbody td:nth-child(4)::before { content: "GROSS PRICE:"; }
  .availability table tbody td:nth-child(5)::before { content: "NET PRICE:"; }

  .availability table tbody td:nth-child(4)::before,
  .availability table tbody td:nth-child(5)::before {
    display: inline-block;
    margin-right: 10px;
  }

  /* RIGHT column: label left, icon far right */
  .availability table tbody td:nth-child(6),
  .availability table tbody td:nth-child(7),
  .availability table tbody td:nth-child(8) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
  }

  .availability table tbody td:nth-child(6)::before { content: "FLOORPLAN:"; }
  .availability table tbody td:nth-child(7)::before { content: "3D TOUR:"; }
  .availability table tbody td:nth-child(8)::before { content: "INQUIRE:"; }

  .availability table tbody td:nth-child(6)::before,
  .availability table tbody td:nth-child(7)::before,
  .availability table tbody td:nth-child(8)::before {
    flex: 1 1 auto;
    text-align: left;
  }

  .availability table tbody td:nth-child(6) a,
  .availability table tbody td:nth-child(7) a,
  .availability table tbody td:nth-child(8) a {
    flex: 0 0 auto;
    margin-left: 10px;
  }

  /* Icon sizing – thin line icons like your screenshot */
  .availability .fp_icon,
  .availability .tour_3d_icon,
  .availability .env_icon {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .9;
  }

  /* Bottom gold bar + thin divider line (matches reference) */
 

  .availability table tbody tr::before {
    content: "";
    width: 100%;
    height: 22px;
    justify-self: stretch;
  }

  /* Reduce side padding on very small screens */
  .availability table tbody tr {
    padding: 28px 10px 10px 10px;
    &:first-child {
        border-top:solid 25px #B39972;
    }
  } 
  body .availability table tbody tr,
  body .availability table tbody tr td,
  body .availability table tbody tr td::before {
    font-size: 18px !important; /* change this number */
    line-height: 1.1 !important;
  }

  /* labels slightly smaller if desired */
  body .availability table tbody tr td::before {
    font-size: 14px !important; /* change this number */
    letter-spacing: .06em !important;
  }

  /* optional: values a touch larger */
  body .availability table tbody tr td:nth-child(1),
  body .availability table tbody tr td:nth-child(2),
  body .availability table tbody tr td:nth-child(3),
  body .availability table tbody tr td:nth-child(4),
  body .availability table tbody tr td:nth-child(5) {
    font-size: 18px !important; /* change this number */
  }
   

}

/* --- Swiper (Amenities at a Glance) fixes for WP build ---
   Ensures slides don't all display at once if Swiper CSS isn't loading or initializes late.
*/
.am_glance_slide.swiper-container,
.swiper-container {
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
}

/* Hide all slides until Swiper initializes, then let Swiper control visibility */
.am_glance_slide .swiper-slide { display: none; }
.am_glance_slide.swiper-initialized .swiper-slide { display: block; }
.am_glance_slide .swiper-slide:first-child { display: block; }

/* ==========================================================
   Gravity Forms (Contact) - Match Monarch Static Form
   - 2 columns on desktop
   - 1 column on mobile
   - Underline inputs, centered labels, Monarch typography
   ========================================================== */

/* ---------- Outer container width ---------- */
.wp-gravityform{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 991px){
  .wp-gravityform{ width: 100%; }
}

/* ---------- Wrapper resets (kills “Orbital” look) ---------- */
.wp-gravityform #gform_wrapper_1{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.wp-gravityform #gform_wrapper_1 .gform_body,
.wp-gravityform #gform_wrapper_1 .gform_fields,
.wp-gravityform #gform_wrapper_1 .gfield{
  background: transparent !important;
}

/* Remove theme spacing/padding that causes weird layout */
.wp-gravityform #gform_wrapper_1 .gform_fields{
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}
.wp-gravityform #gform_wrapper_1 .gfield{
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------- Desktop/tablet: force 2-column grid ---------- */
@media (min-width: 768px){

  .wp-gravityform #gform_wrapper_1 .gform_fields,
  .wp-gravityform #gform_wrapper_1 #gform_fields_1{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 6vw !important;
    row-gap: 2.656vw !important;   /* vertical spacing */
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    align-items: start !important;
  }

  .wp-gravityform #gform_wrapper_1 .gfield{
    width: auto !important;
    margin: 0 !important;
  }

  /* Control which column a field sits in */
  .wp-gravityform #gform_wrapper_1 .gfield.gf_left_half  { grid-column: 1 / 2 !important; }
  .wp-gravityform #gform_wrapper_1 .gfield.gf_right_half { grid-column: 2 / 3 !important; }

  /* Optional: full-width fields span both columns */
  .wp-gravityform #gform_wrapper_1 .gfield.gfield--width-full{
    grid-column: 1 / -1 !important;
  }
}

/* ---------- Mobile: single column ---------- */
@media (max-width: 767px){
  .wp-gravityform #gform_wrapper_1 .gform_fields,
  .wp-gravityform #gform_wrapper_1 #gform_fields_1{
    display: block !important;
    max-width: 100% !important;
  }

  .wp-gravityform #gform_wrapper_1 .gfield{
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }
}

/* ---------- Labels (Monarch style) ---------- */
.wp-gravityform #gform_wrapper_1 .gfield_label,
.wp-gravityform #gform_wrapper_1 .gform-field-label{
  display: block !important;
  text-align: left !important;
  font-family: futura_ptbook, sans-serif !important;
  font-size: 1.75rem !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.88px !important;
  color: #35434C !important;
  margin: 0 0 0.5vw 0 !important;
}
@media (max-width: 991px){
  .wp-gravityform #gform_wrapper_1 .gfield_label,
  .wp-gravityform #gform_wrapper_1 .gform-field-label{
    font-size: 1.75rem !important;
    margin-bottom: 15px !important;
  }
}

/* ---------- Inputs / selects / textarea (underline style) ---------- */
.wp-gravityform #gform_wrapper_1 input[type="text"],
.wp-gravityform #gform_wrapper_1 input[type="email"],
.wp-gravityform #gform_wrapper_1 input[type="tel"],
.wp-gravityform #gform_wrapper_1 input[type="number"],
.wp-gravityform #gform_wrapper_1 select,
.wp-gravityform #gform_wrapper_1 textarea{
  width: 100% !important;
  border: none !important;
  border-bottom: 1px solid #B39972 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  height: 1.75vw !important;
  padding: 0 !important;
  margin: 0 !important;

  font-family: futura_ptbook, sans-serif !important;
  font-size: 1.75rem !important;
  line-height: 1 !important;
  letter-spacing: 0.88px !important;
  text-transform: uppercase !important;
  color: #35434C !important;
  text-align: left !important;
}
@media (max-width: 991px){
  .wp-gravityform #gform_wrapper_1 input[type="text"],
  .wp-gravityform #gform_wrapper_1 input[type="email"],
  .wp-gravityform #gform_wrapper_1 input[type="tel"],
  .wp-gravityform #gform_wrapper_1 input[type="number"],
  .wp-gravityform #gform_wrapper_1 select,
  .wp-gravityform #gform_wrapper_1 textarea{
    height: 25px !important;
    font-size: 2rem !important;
  }
}

/* Placeholder styling */
.wp-gravityform #gform_wrapper_1 input::placeholder,
.wp-gravityform #gform_wrapper_1 textarea::placeholder{
  color: rgba(53,67,76,0.6) !important;
  text-transform: uppercase !important;
}

/* Remove GF focus glow */
.wp-gravityform #gform_wrapper_1 input:focus,
.wp-gravityform #gform_wrapper_1 select:focus,
.wp-gravityform #gform_wrapper_1 textarea:focus{
  outline: none !important;
  box-shadow: none !important;
}

/* ---------- Select arrow (use theme image path) ---------- */
.wp-gravityform #gform_wrapper_1 select{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("../images/arrow_select.png") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) 50% !important;
  background-size: 9px auto !important;
}

/* ---------- Submit button ---------- */
.wp-gravityform #gform_wrapper_1 .gform_footer{
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.wp-gravityform #gform_wrapper_1 .gform_button,
.wp-gravityform #gform_wrapper_1 input[type="submit"].gform_button{
  display: inline-block !important;
  background: #fff !important;
  border: 1px solid #B39972 !important;
  color: #B39972 !important;

  font-family: futura_ptmedium, sans-serif !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  letter-spacing: 1.05px !important;
  text-transform: uppercase !important;
  width: 50%;
  height: 3.021vw !important;
  padding: 0 2.344vw !important;
  margin-top: 5.677vw !important;
  cursor: pointer !important;
}

.wp-gravityform #gform_wrapper_1 .gform_button:hover,
.wp-gravityform #gform_wrapper_1 input[type="submit"].gform_button:hover{
  background: #B39972 !important;
  color: #fff !important;
}

@media (max-width: 991px){
  .wp-gravityform #gform_wrapper_1 .gform_button,
  .wp-gravityform #gform_wrapper_1 input[type="submit"].gform_button{
    width: 100% !important;
    height: 33px !important;
    padding: 0 !important;
    margin-top: 50px !important;
    font-size: 1.6rem !important;
  }
}

/* ---------- Remove required markers / legends ---------- */
.wp-gravityform #gform_wrapper_1 .gfield_required,
.wp-gravityform #gform_wrapper_1 .gfield_required_text,
.wp-gravityform #gform_wrapper_1 .gform_required_legend{
  display: none !important;
}

/* ---------- Remove GF description spacing (if any) ---------- */
.wp-gravityform #gform_wrapper_1 .gfield_description{
  margin: 0 !important;
  padding: 0 !important;
}
/* ==========================================================
   GF Contact Form - FORCE 2-column layout using field IDs
   (No dependency on gf_left_half / gf_right_half classes)
   ========================================================== */

@media (min-width: 768px){

  /* Force the field container into a 2-col grid */
  .wp-gravityform #gform_wrapper_1 .gform_fields,
  .wp-gravityform #gform_wrapper_1 #gform_fields_1{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 6vw !important;
    row-gap: 2.656vw !important;
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    align-items: start !important;
  }

  /* CRITICAL: override Gravity Forms “full width” behavior */
  .wp-gravityform #gform_wrapper_1 .gfield,
  .wp-gravityform #gform_wrapper_1 .gfield.gfield--width-full{
    width: auto !important;
    max-width: none !important;
    grid-column: auto !important;
  }

  /* Left column (matches your original static form) */
  .wp-gravityform #gform_wrapper_1 #field_1_1 { grid-column: 1 / 2 !important; } /* First Name */
  .wp-gravityform #gform_wrapper_1 #field_1_4 { grid-column: 1 / 2 !important; } /* Email */
  .wp-gravityform #gform_wrapper_1 #field_1_6 { grid-column: 1 / 2 !important; } /* Zip Code */
  .wp-gravityform #gform_wrapper_1 #field_1_8 { grid-column: 1 / 2 !important; } /* Budget Range */

  /* Right column */
  .wp-gravityform #gform_wrapper_1 #field_1_3 { grid-column: 2 / 3 !important; } /* Last Name */
  .wp-gravityform #gform_wrapper_1 #field_1_5 { grid-column: 2 / 3 !important; } /* Phone */
  .wp-gravityform #gform_wrapper_1 #field_1_7 { grid-column: 2 / 3 !important; } /* Bed Count */
}

/* Mobile stays single column */
@media (max-width: 767px){
  .wp-gravityform #gform_wrapper_1 .gform_fields,
  .wp-gravityform #gform_wrapper_1 #gform_fields_1{
    display: block !important;
    max-width: 100% !important;
  }

  .wp-gravityform #gform_wrapper_1 .gfield,
  .wp-gravityform #gform_wrapper_1 .gfield.gfield--width-full{
    width: 100% !important;
    grid-column: auto !important;
    margin-bottom: 20px !important;
  }
}

/* ================================
   Gravity Forms – Center Submit Button
   ================================ */

/* Center the footer container */
.wp-gravityform #gform_wrapper_1 .gform_footer,
.wp-gravityform #gform_wrapper_1 .gform-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
}

/* Ensure the button itself doesn’t fight alignment */
.wp-gravityform #gform_wrapper_1 .gform_button,
.wp-gravityform #gform_wrapper_1 input[type="submit"].gform_button {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================================
   Monarch Popup
   ========================================================= */
.site-popup {
  position: absolute;
  inset: 0;
  width: 0;
  height: 0;
  height: auto;
  text-align: center;
  z-index: 0;
  display: none;
}
.monarch-popup.is-open { display: block; }

.monarch-popup__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
}

.monarch-popup__card {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  width: auto;
  max-width: calc(100vw - 40px);
  background: #fff;
  border: 4px solid #B39972;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  padding: 50px 50px 50px 50px;
  text-align: center;
}

.monarch-popup__close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  color: #35434C;
}

.monarch-popup__headline {
  margin: -10px 0 0 0;
  font-family: futura_ptmedium, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.88px;
  color: #B39972;
  font-size: 24px;
  padding: 0 0 0 0;
}

.monarch-popup__message {
  font-family: futura_ptbook, sans-serif;
  color: #35434C;
  padding: 20px 0 25px 0;
  font-size: 16px;
  line-height: 1.4;
}

.monarch-popup__actions {
  margin-top: 14px;
}

.monarch-popup__cta {
  display: inline-block;
  border: 1px solid #B39972;
  color: #B39972;
  background: #fff;
  padding: 10px 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: futura_ptmedium, sans-serif;
  font-size: 14px;
}
.monarch-popup__cta:hover {
  background: #B39972;
  color: #fff;
}

#monarch-site-popup[aria-hidden="true"],
#monarch-site-popup:not(.is-open) {
  display: none !important;
  pointer-events: none !important;
}

/* Mobile: make it centered / full width like typical mobile popup */
@media (max-width: 767px) {
  .monarch-popup__card {
    width: 90%;
    max-width: none;
  }
}