/* CSS Document */
    /*
   Theme Name: Luminary - At one light
   Description: Luminary
   Author: Developer: Sony
*/
    
    * {
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: transparent;
    }
    
    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 {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
    }
    
    html,
    body {
        color: #21314d;
        background-color: #fff;
        height: 100%;
        font-family: "proxima-nova", sans-serif;
        line-height: 28px;
        font-weight: 300;
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        vertical-align: middle;
    }
    
    html {
        overflow: hidden;
        overflow-y: auto;
    }
    
    img {
        -ms-interpolation-mode: bicubic;
        border: 0;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        /*width: auto\9;*/
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        font-weight: normal;
    }
    
    a,
    button {
        outline: none;
        color: #21314d;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    
    .system a:hover,
    .system button:hover {
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    
    input {
        outline: none;
    }
    
    ul li {
        list-style-type: none;
    }
    
    sup {
        font-size: 0.7em;
        vertical-align: super;
    }
    /*................................................
               COMMON STYLES
.................................................*/

.heading{
	font-family: azote, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 100px;
}
#mainwrapper{padding-top: 160px; transition: padding ease 0.2s;}
.shrink-header #mainwrapper{padding-top: 80px;}
.no_link{cursor: default;pointer-events: none;}
.contact_form .hywrap button[type="submit"], .btn{cursor: pointer;text-align: center;color:#fff;font-size: 12px;font-weight: 700;line-height: 24px;text-transform: uppercase;letter-spacing: 1px;}
.contact_form .hywrap button[type="submit"], .btn_blue{border: 0;background-color: #21314d;color: #fff;padding: 12px 43px;display: inline-block;}
.system .contact_form .hywrap button[type="submit"], .system .btn_blue:hover{background-color: #152033;transition: background-color .4s linear;}
.btn.default_cursor{cursor: default !important;}
.highlight{font-weight: 700;text-decoration: underline;}
.mobile, .tab_onwrds{display: none !important;}
.content_headings{position: relative; font-size: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
.center_overline{text-align: center;}
.center_overline:before{left: 50%; transform:translateX(-50%);}
.brand_line{padding-top: 28px;position: relative;}
.brand_line::before{left: 0;top: 0;}
.content_headings:before, .brand_line::before{background-color: #00a9e0;content: '';height: 7px;position: absolute;width: 74px;}
.content_headings:before{top: -28px;}
.inner_page{font-size: 16px;font-weight: 300;line-height: 28px;}
.nowrap{white-space: nowrap;}
.disable_action{pointer-events: none;}
/*****Scroll down Button*****/
.scroll_down{position: absolute;right: 10%;width: 70px;height: 70px;background-color: #21314d;border-radius: 0;display: flex;align-items: center;justify-content: center;}
.banner_image .scroll_down {z-index: 10;}
.scroll_down img{width: 16px;}
.scroll_down.home{bottom: 45px;}
.scroll_down img{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.system .scroll_down:hover img{
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
select::-ms-expand {display: none;}

/*................................................
              HEADER STYLES
.................................................*/
header{position: fixed;z-index: 105; left: 0; top: 0;width: 100%; background: #fff;}
#header_wrap{position: relative;width: 100%;height: 100%;padding: 32px 60px 34px 60px;display: flex;flex-direction:row;align-items:center;justify-content:space-between;}
#logo {display: inline-block;margin-right: -272px;}
#logo svg{height: 94px; transition: all ease .4s; z-index: 10; position: relative; float: left;}
#main_nav{display: inline-block;padding-top: 5px;}
#main_nav ul li.tab_onwrds a, .mob_nav a{padding-bottom: 7px;}
#main_nav ul li{display: inline-block;list-style: none;}
#main_nav ul li:not(:first-child){margin-left: 24px;}
#main_nav ul li a{display: inline-block;text-transform: uppercase;font-size: 14px;font-weight: 400;letter-spacing: 0.88px;color: #21314d;line-height: 34px;}
#main_nav ul li a{
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
#main_nav ul li a:hover:before, #main_nav ul li a:focus:before, #main_nav ul li a:active:before {
    left: 0;
    right: 0;
}
#main_nav ul li.current_page_item a:before{
  left: 0;
  right: 0;
}
#main_nav ul li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#toggle_menu{width: 20px;height: 15px;display: inline-block;position: relative;}
#toggle_menu span:not(.menu_text) {background: #21314d;width: 17px;height: 2px;display: block;position: relative;margin-bottom: 4px;-webkit-transition: .30s ease;-moz-transition: .30s ease;-o-transition: .30s ease;transition: .30s ease;}
html.menu_opened{overflow-y: hidden;}
.menu_opened #toggle_menu span:not(.menu_text):nth-child(2) {display: none;}
.menu_opened #toggle_menu span:not(.menu_text):nth-child(1) {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 6px;}
.menu_opened #toggle_menu span:not(.menu_text):nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
html:not(.menu_opened) #main_nav{position: relative;z-index: 11;}
#toggle_menu span.menu_text{position: absolute;left: 30px;top: -6px;}
#ham_menu{position: fixed;opacity: 0;pointer-events:none; top: 0;left: 0;background-color: #c1e2e5;width: 100%;height: 100vh;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
#ham_menu a{pointer-events: none;}
#ham_menu.open, #ham_menu.open a{pointer-events:all;}
#ham_menu.open{opacity: 1;}
#close_btn{position: absolute;left: 60px; top: 65px;display: inline-block;color: #333;z-index: 5;}
.shrink-header #close_btn{top: 25px;}
#close_btn img,#close_btn_mob img{height: 14px;width: 14px;margin-right: 6px;}
#toggle_menu span.menu_text, #close_btn span{font-weight: 400;text-transform: uppercase;font-size: 14px;letter-spacing: 0.88px;}
#menu_logo{width: 187px;height: 45px;}
#menu_header{padding: 18px 60px 18px 60px;display: flex;flex-direction:row;align-items:center;justify-content:center; height: 70px;}
#menu_list{text-align: center;height: 100%;padding-bottom: 100px;}
#primary_menu{width: 90%;margin: 120px auto 75px;text-align: center;font-size: 55px;font-weight: 700;line-height: 75px;text-transform: uppercase;letter-spacing: 1px;}
#secondary_menu,#social_media_menu{width: auto; display: inline-block;margin: 0 auto;font-size: 12px;font-weight: 600;line-height: 34px;text-transform: uppercase;letter-spacing: 1.13px;}
#secondary_menu{margin-bottom: 70px;}
.shrink-header #secondary_menu{margin-bottom: 40px;}

#secondary_menu li{list-style: none;float: left;margin: 0 18px;}
#social_media_menu li{list-style: none;float: left;margin: 0 10px;}
#secondary_menu li:first-child,#social_media_menu li:first-child{margin-left: 0;}
#secondary_menu li:last-child,#social_media_menu li:last-child{margin-right: 0;}
#secondary_menu a{opacity: 0.5;padding-bottom: 10px;}
#social_media_menu li a img{width: 16px;height: 16px;}
#social_media_menu{margin: 0 auto 100px;}
#header_wrap{transition: all ease .2s;}
.shrink-header #header_wrap{padding-top: 15px;padding-bottom: 15px;}
.shrink-header #logo svg{height: 50px;}
html:not(.menu_opened) header{padding-right: 0 !important;}
html:not(.shrink-header) #menu_header{height: 74px;}


/*.mob_nav,.menu_buttons{display: none;}*/
#menu_list .mCSB_inside>.mCSB_container{margin-right: 0;}
#mob_menu_logo img{width: 142px;}
#mainwrapper header .tel-link{display: none;}
.open #menu_list .menu-item a{position: relative;}
#menu_list .menu-item:not(.disable_link) a::after{content: "";position: absolute;height: 3px;bottom: 3px;left: 51%;right: 51%;z-index: 1;transition: all ease-out .3s;}
.disable_link a{cursor: default;}
#menu_list .current_page_item:not(.disable_link) a::after, .system #menu_list .menu-item:not(.disable_link) a:hover::after, #menu_list .current_page_item a::after, .system #menu_list .menu-item a:hover::after{left: 0; right: 0;}
#menu_list .current_page_item:not(.disable_link) a::after,  #menu_list .current_page_item a::after{width: 100%;}
#primary_menu .menu-item a::after{background-color: rgba(33, 49, 77, 0.5);}
#secondary_menu .menu-item a::after{background-color: #21314d;}
#menu_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(78,77,85,.75);}
/*---------------------------------------------
Footer
-----------------------------------------------*/
footer{padding: 0px 60px;background-color: #e0e1dd;position: relative;width:100%;}
.footer_row{align-items: flex-end;display: flex;border-bottom: 1px solid rgba(33, 49, 77, 0.1);flex-wrap:wrap;}
.footer_row:first-child{padding: 47px 0px 33px;}
.footer_row:nth-child(2){padding: 28px 0px 29px;}
.footer_row:last-child{border-bottom: 0px;padding: 30px 0px 45px;}
.footer_left_block{width:65%;}
.footer_right_block{width:35%;text-align: right;}
footer ul{align-items: flex-end;display: flex;}
.footer_menu li{padding-right: 27px;}
.logo_block li:first-child{padding-right: 55px;}
.address > div{display: inline-block;}
.phone_no{padding-left: 28px;padding-right: 28px;}
.social_icons li{padding-right: 20px;display: inline-block;}
.social_icons li:last-child{padding-right: 0px;}
.social_icons li a > img{height:18px;}
footer ul.social_icons, footer .social_icons li, footer ul.social_icons li a{display: inline-block;vertical-align: middle;line-height: 1;}
.footer_menu li a{color: #21314d;font-size: 12px;font-weight: 500;line-height: 18px;text-transform: uppercase;letter-spacing: 0.86px;}
footer .address,footer.address > div,.phone_no{font-size: 14px;font-weight: 400;line-height: 18px;}
.copy_right{color:rgba(33, 49, 77, 0.5);font-size: 12px;font-weight: 400;line-height: 18px;}
.right_logo_block li:last-child{width:100%;order:1;}
.right_logo_block li:first-child{width:auto;order:2; margin-left: auto;}
footer ul.social_icons{text-align: right;}
.logo_block li > span{opacity: 0.5;font-size: 10px;font-weight: 400;line-height: 18px;text-transform: uppercase;letter-spacing: 0.83px;display: block;padding-bottom: 3px;}
.eho{padding-right: 15px;}
.ada{padding-right: 13px;}
.eho_ada_block{margin-bottom: -4px;}
.eho_ada_block a{display: inline-block;}
.right_logo_block{align-items:flex-end;}
.phonenumber {white-space: nowrap;}
/*---------------------------------------------
Home page
-----------------------------------------------*/
.popup-wrapper.show-popup {display: flex;}
.popup-wrapper {display: none;align-items: center;justify-content: center;position: fixed;z-index: 500;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);}
.promo_box {width: 600px;border: 10px solid #fff;background-color: #00a9e0;z-index: 10;}
.promo_box > div {padding: 18px 12px 12px 22px;position: relative;color: #fff;font-family: 'brandon-grotesque';font-size: 18px;font-weight: 900;text-transform: uppercase;letter-spacing: 0.125em;}
.promo_box h2 {font-family: "proxima-nova", sans-serif;font-size: 20px;text-align: center;font-weight: 900;padding-right: 40px;}
.promo_box p {font-family: "proxima-nova", sans-serif;font-size: 13px;font-weight: 300;text-transform: none;text-align: center;letter-spacing: 0.002em;margin-right: 6px;}
.promo_box .close {position: absolute;right: 12px;top: 8px;cursor: pointer;}
.promo_box .close img {width: 18px;height: 18px;}
.schedule-tour {border: 2px solid #fff;line-height: normal;display: block;color: #fff;cursor: pointer;background-color: transparent;text-transform: uppercase;text-align: center;padding: 13px 10px 10px 10px;font-size: 11px;font-family: "proxima-nova", sans-serif;letter-spacing: 0.25em;width: 240px;margin: 10px auto;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.schedule-tour:hover {background: #fff;border: 2px solid #fff;color: #00a9e0;}

#homePage{padding-bottom: 100px;background-size: 100% 280px !important;}
#banner_box{display: flex;flex-direction:row;justify-content:flex-end;position: relative;}
.banner_copy{width: 70%;background-color: rgba(0, 169, 224, 0.9);padding: 90px 60px;min-width: 300px;max-width: 1000px;position: absolute;z-index: 10;left: 0;top: 50%;transform:translateY(-50%);}
.banner_copy .page_title{color: #fff; margin: 0;}
.banner_image{height: 44vw;width: 78%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.plain_paragraph{padding: 140px 8.33% 110px;}
.plain_paragraph .content_headings{margin-bottom: 25px;}
.txtrd_bg{position: relative;padding: 100px 4.31%;background-color: #21314d;background-image: url(images/home/OneLightPattern_blue.png);margin-bottom: 100px;}
.txtrd_center_content{background-color: #fff;text-align: center;padding: 114px 50px 94px;}
.txtrd_center_content p{margin: 10px 0 23px;line-height: 28px;}
.content_box{display: flex;flex-direction:row;position: relative;margin-top: 100px;align-items:center;}
.box_left{justify-content:flex-start;}
.box_right{justify-content:flex-end;}
.content_copy{width: 54%;z-index: 1;}
.content_right{margin-left: -25%;}
.content_left{margin-right: -25%;}
.content_image{height: 616px;width: 71%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.float_content{padding: 80px 60px 60px;background-color: #fff;}
.float_content p{margin: 12px 0;}
#homeSlider, #homeSlider .slides, #homeSlider .slides li,.flex-viewport{width: 100%;height: 100%;}
#homeSlider .flex-direction-nav li a:before{content: none;}
#homeSlider .slides{background-color: transparent;border: 0;}
#homeSlider .slides li{background-size: cover;overflow: hidden;}
#homeSlider .flex-control-nav{bottom: 18px;}
#homeSlider .flex-control-paging li a{border: 1px solid #fff;background: transparent; box-shadow: none;}
#homeSlider .flex-control-paging li a.flex-active{background: #fff;}
.animate_img{overflow-x: hidden; visibility: visible; opacity: 0; transform: translateY(50px) scale(0.95);-webkit-transform: translateY(50px) scale(0.95); -moz-transform: translateY(50px) scale(0.95); -ms-transform: translateY(50px) scale(0.95); -o-transform: translateY(50px) scale(0.95);-webkit-transition: -webkit-transform 1s ease 0.1s, opacity 1s ease 0.1s; -moz-transition: -moz-transform 1s ease 0.1s, opacity 1s ease 0.1s;-o-transition: -o-transform 1s ease 0.1s, opacity 1s ease 0.1s;transition: transform 1s ease 0.1s, opacity 1s ease 0.1s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; }
.animate_img.inposition, .animate_fade.inposition{opacity: 1; transform: translateY(0) scale(1); -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); }
.system .parallax_cont{transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;}
.system #content_section .parallax_cont.normal_state{transform: translate3d(0,0,0) !important;transition: none;}
.system #banner_box .parallax_cont.normal_state{transform: translateY(-50%) !important;transition: none;}
.home_video_banner .video_banner{
  width: 100%;
}
.video_wrapper{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.home_video_banner .banner_copy{
  left: auto;
  right: 0;
  display:none;
}
.banner_video{
  background-size: cover;
    position: absolute;
    left: 50%;
    height: auto;
    max-width: 100%;
    width: 100%;
    top: 50%;
    margin-left: -1px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.home_video_banner .vid_ctrl {
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: url(images/home/play-button.svg) no-repeat center/30px auto;
    width: 35px;
    height: 35px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    z-index: 1;
    display:block;
}
.home_video_banner .vid_ctrl.playing {
    background: url(images/home/pause-circular-button.svg) no-repeat center/30px auto;
}
.mobile_home_banner{
    width: 100%;
    height: 100%;
    display: none;
}
/*---------------------------------------------
FLOORPLAN DETAIL
-----------------------------------------------*/
    
    #floorplans_detail {
        padding: 45px 60px 0;
        padding-bottom: 80px;
    }
    
    #floorplans_detail {
        background: url(images/floorplans/detail_bg.png) #fff bottom repeat-x;
    }
    
    .back_to_results {
        margin-bottom: 30px;
        background-color: #21314d;
        width: 100%;
        color: #fff;
        text-align: center;
    }
    
    .back_to_results .btn {
        display: block;
        padding: 20px 0px;
    }
    
    .flr_detail_sec {
        display: flex;
        flex-wrap: wrap;
    }
    
    .flr_detail_sec .detail_img {
        width: 60%;
        background-color: #eff0ee;
        position: relative;
    }
    
    .flr_detail_sec .detail_cnt {
        width: 40%;
        padding: 24px 46px;
        background: #fff;
    }
    .detail_cnt .fw-cta.fw-cta-button {
      display: block;
    }
    .flr_image {
        display: block;
        padding: 70px 60px;
        text-align: center;
    }
    
    .flr_image img {
        width: 70%;
    }
    
    #floorplans_detail h1 {
        font-family: azote, serif;
        font-size: 75px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        right: 20px;
        top: -4px;
        display: inline-block;
        margin-right: 5px;
    }
    
    .detail_cnt h3 {
        margin-bottom: 14px;
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }
    
    .detail_cnt h3>span {
        display: inline-block;
    }
    
    .detail_cnt h3>span:first-child {
        padding-right: 5px;
    }
    
    .detail_cnt p {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .detail_cnt a {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .detail_cnt_btn a {
        display: inline-block;
    }
    
    .detail_cnt_btn a.disable_link {
        cursor: default;
    }
    
    .key_plan_image img {
        max-width: 242px;
    }
    
    .apply_nw {
        display: block;
        margin-top: 16px;
        background-color: #21314d;
        font-size: 12px!important;
        font-weight: 700!important;
        line-height: 24px!important;
        max-width: 241px;
        padding: 12px 0px;
    }
    
    .unit_block span {
        font-family: "proxima-nova", sans-serif;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.43px;
        position: relative;
        left: 10px;
        transform: rotate(-90deg);
        top: -21px;
        display: inline-block;
        margin-right: 25px;
    }
    
    .unit_block {
        position: relative;
        height: 48px;
        display: inline-block;
        ;
        background: #c1e2e5;
        text-align: center;
        margin-bottom: 26px;
    }
    
    .zoom_icon {
        position: absolute;
        width: 30px !important;
        margin: 0;
        height: 60px;
        left: 0;
        bottom: 0;
        background-color: #21314d;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        height: 30px !important;
        padding-top: 3px;
    }
    .zoom_icon img{
      height: 25px  !important;
      width: 25px !important;
    }
    
    .at-icon-wrapper {
        display: none !important;
    }
    /*---------------------------------------------
404 page
-----------------------------------------------*/
    
    .inner_page .brand_line_center::before,
    .error_page .scroll_down {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .page_banner {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 60vh;
        min-height: 300px;
    }
    
    .banner_caption {
        background-color: rgba(0, 169, 224, 0.9);
        color: #fff;
        max-width: 770px;
        padding: 42px 40px 35px;
        text-align: center;
    }
    
    .error_page .content_headings {
        padding-bottom: 8px;
    }
    
    .error_page .scroll_down {
        display: none;
        position: relative;
        margin-top: 15px;
        right: 50%;
    }
    
    .page_title {
        font: 700 96px/70px "azote", sans-serif;
        line-height: 84px;
        letter-spacing: 1.19px;
        margin-bottom: 40px;
        position: relative;
    }
    
    .page_content {
        padding-bottom: 100px;
        padding-top: 120px;
        text-align: center;
    }
    
    .summary_wrapper {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        padding: 70px 20px 0 50px;
    }
    
    .card_wrapper {
        text-align: left;
        width: 25%;
        padding-right: 30px;
    }
    
    .card_thumb_img {
        height: 452px;
    }
    
    .card_content {
        background-color: #fff;
        flex: 1 0 auto;
        margin: -150px 20px 0;
        padding: 30px 18px;
    }
    
    .card_title {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.83px;
        line-height: 24px;
        text-transform: uppercase;
    }
    
    .page_banner .content_headings::before {
        background-color: #fff;
    }
    
    .card_desc {
        padding-bottom: 13px;
        padding-top: 10px;
    }
    
    .card_wrapper,
    .card_content {
        display: flex;
        flex-direction: column;
    }
    
    .learn-more {
        align-items: flex-end;
        display: flex;
        flex: 1 0 auto;
    }
    
    .learn-more a.btn {
        margin-top: 10px;
    }
    /*---------------------------------------------
Floorplans Landing
-----------------------------------------------*/

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.fp_landing_hero{
  height: 40vw;
  background: url(images/floorplans/landing-hero.jpg) no-repeat;
  background-size: 80%;
  background-position: right center;
  position: relative;
}

.fp_landing_hero_text{
  background-color: rgba(0, 169, 224, 0.9);
  color: #fff;
  font-size: 96px;
  font-weight: 700;
  letter-spacing: 1.19px;
  width: 65%;
  padding: 90px 60px 60px;
  line-height: 84px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.to-btm-btn{
  position: absolute;
  width: 70px;
  height: 70px;
  background: url(images/floorplans/arrow-down.png) no-repeat center #21314d;
  border: 0;
  right: 10%;
  bottom: -35px;
  z-index: 10;
}


.fp_content {
  padding: 100px 60px;
}

.fp_content .row{
  margin-left: -20px;
  margin-right: -20px;
}

.fp_container{
  margin: auto;
  max-width: 1280px;
}

.fp_content .col{
  float: left;
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
}




.fp_count_box{
  height: 168px;
  background-color: #c1e2e5;
  padding: 22px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  position: relative;
}

.fp_count_box span{
  text-transform: uppercase;
  color: #21314d;
  font-family:'proxima-nova', sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.fp_count{
  font-size: 250px;
  text-transform: uppercase;
  color: #21314d;
  font-family: 'azote', serif;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 20px;
}

.fp_content .col:nth-child(2) .fp_count{
  margin-left: 20px;
}

.fp_filter_wrap{
  margin-top: 30px;
  padding: 100px 60px;
  background: url(images/home/OneLightPattern_blue.png) #21314D;
}

.fp_filter_inner{
  background: #fff;
  padding: 70px 45px 70px 55px;
}

.fp_filter_inner h2{
  margin-bottom: 24px;
  margin-top: 20px;
  text-align: center;
}

.fp_filters .col{
  float: left;
  width: 20%;
  padding-bottom: 10px;
}

.fp_filters .col-full{
  float: left;
  width: 100%;
  text-align: center;
}

/* .fp_filters .customSelect{
  z-index: 2 !important;
} */

.fp_search{
  background: #21314d;
  font: 700 12px 'proxima-nova', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 16px 50px;
  border: 0;
  border-radius: 0;
  color: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
   margin-top: 8px;
}

.gallery_wrap{
  background: #21314D;
  position: relative;
}

.gallery_wrap h1{
  display: none;
}

.gallery_wrap .slides > li{
  text-align: center;
}


.gallery_wrap .flex-nav-prev a,.gallery_wrap .flex-nav-next a{
  position: absolute;
  width: 74px;
  height: 74px;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}

.gallery_wrap .flex-nav-prev a{
  left: 0;
  background:  url('images/gallery/angle-left.png') no-repeat center #21314D;
  text-indent: -9999px;
}

.gallery_share{
  position: absolute;
  right: 60px;
  bottom: 60px;
  z-index: 2;
  height: 55px;
}
.gallery_share a{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url('images/gallery/share-alt.png') #fff center no-repeat;
  display: block;
  margin-bottom: 5px;
}

.flex-direction-nav .flex-next{
  text-align: left;
}

.gallery_wrap .flex-nav-next a{
  right: 0;
  background:  url('images/gallery/angle-right.png') no-repeat center #21314D;
  text-indent: -9999px;
}

.flex-direction-nav a:before{
  content:"";
}

.gallery-image{
  height: 45vw;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: -1px;
}

.gallery-image.landscape{
  background-size: cover;
  background-position: top;
}

.gallery_text{
  padding: 40px 15px;
  text-align: center;
  font-size: 16px;
  font-family: 'proxima-nova', sans-serif;
  color: #000;
}

.gallery_links{
  padding: 0 0 90px;
}

.gallery_links_inner{
  background: #21314D;
  padding: 70px 10px;
}

.gallery_items{
  text-align: center;
}
.gallery_items li{
  display: inline-block;
}

.gallery_items li:not(:last-child){
  margin-right: 55px;
}

.gallery_items li a{
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.75px;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
}

.gallery_caption{
  height: 0;
  overflow: hidden;
}

.gallery_items li a:after{
  content:"";
  position: absolute;
  background-color: #d8d8d8;
  height: 3px;
  bottom: -7px;
  left: 51%;
  right: 51%;
  z-index: 1;
  transition: all ease-out .3s;
}

.gallery_items li.active a:after, .gallery_items li a:hover:after{
  left: 0;
  right: 0;
}


.gallery_wrap .flex-control-nav{
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 12%;
}

.gallery_wrap .flex-control-nav li{
  margin: 0 4px;
}

.gallery_wrap .flex-control-paging li a{
  background: none;
  border: 1px solid #fff;
  box-shadow: none;
  width: 10px;
  height: 10px;
}

/* .gallery_wrap .flex-control-paging li a:hover{
  background: #fff;
} */

.gallery_wrap .flex-control-paging li a.flex-active{
  background: #fff;
}

.mfp-figure:after{
  background: #fff;
}

.fp_filter_wrap .customSelect .selectedValue{
  font-weight: 300;
  letter-spacing: 0.2px;
  font-size: 14px;
}
.grly_video_wrapper{
  height: 45vw;
  position: relative;
}
.grly_video_wrapper video{
  width: 100%;
  height: 100%;
}
.custom-slider-pagination {
    margin-top: -60px;
    display: none;
    color: #fff;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 20px 0;
    letter-spacing: .58px;
    font-weight: 700;
}
@media(min-width: 1200px) and (max-width: 1250px) { 
  .fp_filter_wrap .customSelect .selectedValue {   
    padding: 15px 22px 15px 22px;
  }
  .customSelect .selectValueWrap .caret {
    right: 12px;
  }
}

.fp_filter_wrap .customSelect.focused .selectedValue{
  box-shadow: none;
}

/*---------------------------------------------
Floorplans Listing
-----------------------------------------------*/
.floorplan_listing_page .content_headings{line-height: 24px;}
.floorplan_listing_page .banner_caption .content_headings::before{content: none;}
.floorplan_listing_page .page_title{margin-bottom: 2px;}
/* .floorplan_listing_page .fp_filter_wrap .content_headings{padding-top: 10px;} */
.floorplan_listing_page .page_banner{background-size: cover;background-position-y: 30%; height: 30vw; background-repeat: no-repeat;}
.floorplan_results_wrapper{display: flex;flex-flow: wrap;padding: 7vw 6vw 0;}
.floorplan_sort {text-align: right; padding: 20px 60px 0 60px;}
.floorplan_sort span{font-weight: 700;display: inline-block;}
.floorplan_sort ul{display: inline-block;}
.floorplan_sort ul li{display: inline-block;padding: 0 5px; line-height: normal;}
.floorplan_sort ul li:not(:last-child){border-right: 1px solid #c7cacf;}
.floorplan_sort ul li a{position: relative;display: block;}
.floorplan_sort ul li a:before{
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    bottom: -3px;
    background: #2098D1;
    height: 2px;
    transition: all ease-out 0.3s;
}
.floorplan_sort ul li a:hover:before, .floorplan_sort ul li a:focus:before, .floorplan_sort ul li a:active:before,.floorplan_sort ul li a.active:before {
    left: 0;
    right: 0;
}

.floorplan_sort a:after{
  content:"";
  width: 8px;
  height: 8px;
  background: url(images/floorplans/caret-down.svg) no-repeat;
  background-size: contain;
  margin-left: 4px;
  display: none;
}
.floorplan_sort a.asc:after{
  display: inline-block;
  transform: rotate(180deg);
}
.floorplan_sort a.desc:after{
  display: inline-block;
}

.fp_noresult{
  text-align: center;
  padding: 125px 12vw 100px;
  font-weight: 700;
}

.floorplans_pagination{padding: 0 60px; text-align: center;}
.floorplans_pagination a,.floorplans_pagination span {width: 36px;height: 36px;display: inline-block;margin: 4px 1px; line-height: 36px;}
.floorplans_pagination a.active, .floorplans_pagination a:hover, .floorplans_pagination a:focus,.floorplans_pagination a:active{
  background: #21314d; color: #fff;
}
.floorplans_pagination a.inactive, .floorplans_pagination a.inactive:hover, .floorplans_pagination a.inactive:focus,.floorplans_pagination a.inactive:active{
  background: none; color: #21314d;cursor: default;
}
.floorplans_pagination span.inactive, .floorplans_pagination span.inactive:hover, .floorplans_pagination span.inactive:focus,.floorplans_pagination span.inactive:active{
  background: none; color: #21314d;cursor: default;
}
.item_thumb_image{padding-bottom: 30px;padding-top: 20px;text-align: center; min-height: 295px;}
.item_thumb_image img{max-height: 240px;}
.unit_title{color: #21314d;font: 700 55px "azote", sans-serif;text-transform: uppercase;position: absolute;right: 37px;top: -20px;}
.result_item{padding: 0 2.4vw 5.6vw;width: 33.3%;}
.result_item .unit_block_wrap{position: absolute;right: -15px;top: -18px;}
.result_item .unit_block{height: 36px; max-width: none; padding-left: 20px;}
.result_item .unit_title{position: relative;display: inline-block;right: auto;margin-right: 38px;}
.result_item .unit_block span{font-size: 14px;left: 8px;top: -32px;letter-spacing: 1px; position: relative;display: inline-block; margin-right: 5px;}
.result_item .detail_cnt h3{font-size: 18px;letter-spacing: 1.13px;margin-bottom: 7px;padding-top: 20px;}
.result_item .detail_cnt p{font-size: 14px;letter-spacing: 0.88px;margin-bottom: 10px;}
.result_item .detail_cnt a{display: inline-block;font-size: 12px;font-weight: 700;padding: 10px 45px;}
.result_item .detail_cnt h3,.inner_wrapper{position: relative;}
.result_item .detail_cnt h3::before{background: #b9bfc4;height: 2px;content: '';left: 0;position: absolute;right: 0;top: 0;}
.inner_wrapper{background-color: #eff0ee;padding: 30px 30px 20px;}

/*---------------------------------------------
Amenities
-----------------------------------------------*/
.title_only .page_title{margin-bottom:0;}
.wht_cnt{padding:60px 8.33% 20px 76px;}
.wht_cnt .content_headings{margin-bottom:16px;}
.amnts_box{width: 50%;}
.amnts_box ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.amnts_box li{padding-top: 13px;display:list-item;align-items:center;font-size:14px;text-transform:uppercase;margin:0;line-height:18px;width: 100%;}
.amnts_box li img{max-width:50px;margin-right:9px;float:left;}
.amnts_box li p{font-size:14px;text-transform:uppercase;margin:0;line-height:18px;}
#box_sect .content_box{margin-top: 0;margin-bottom: 80px;}
.amnts_box .float_content{background-color:#e0e1dd;}
.amnts_box .content_headings{padding-bottom: 5px;}
#amenitiesPage #box_sect .box_left{align-items: flex-end;}
#amenitiesPage #box_sect .box_right{align-items: flex-start;}
#amenitiesPage .box_left .content_image{margin-bottom: 100px;}
#amenitiesPage .box_right .content_image{margin-top: 100px;}
.amnts_box.content_left{margin-right: -21%;}
.amnts_box.content_right{margin-left: -21%;}
.amnts_box .content_headings::before{top: -15px;}
#amenitiesPage .txtrd_bg, #featuresPage .txtrd_bg{margin-bottom:0;}
#amenitiesPage .txtrd_bg .content_headings, #featuresPage .txtrd_bg .content_headings{margin-bottom:20px;}
.amnts_box li h3{font-weight:100;}
.amenities .bannerImg {
  background-size: cover !important;
}
/*---------------------------------------------
Contact
-----------------------------------------------*/
    
    .contact_page .content_headings {
        line-height: 24px;
        padding-bottom: 12px;
        padding-top: 7px;
    }
    
    .contact_collapsed .page_title {
        margin-bottom: 0;
    }
    
    .contact_collapsed .banner_caption {
        padding: 30px 75px 15px;
    }
    
    .contact_page .banner_caption p {
        max-width: 505px;
        margin: 0 auto;
    }
    
    .section_contact_form {
        display: flex;
        padding: 7vw 12.5vw;
    }
    
    .contact_detail_head {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.58px;
        text-transform: uppercase;
    }
    
    .info_label {
        display: block;
    }
    
    .contact_collapsed .content_headings,
    .contact_collapsed .banner_caption p {
        display: none;
    }
    
    .contact_details_wrapper {
        margin-right: 5vw;
        min-width: 300px;
    }
    
    .contact_details_wrapper .brand_line {
        padding-top: 20px;
        margin-bottom: 4px;
    }
    
    .address_label {
        display: inline-block;
        margin-bottom: 12px;
        text-decoration: underline;
    }
    
    .info_label+.contact_detail_head {
        margin-bottom: 7px;
        margin-top: 15px;
    }
    
    .contact_map {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 31.5vw;
    }
    
    .contact_form {
        flex: 1;
    }
    
    .contact_form #form-fields,
    .contact_form .name-fields {
        display: flex;
        flex-flow: wrap;
    }
    
    .contact_form .name-fields>li {
        width: 50%;
    }
    
    .contact_form .name-fields>li:first-of-type,
    .contact_form .hywrap .hytag_email,
    .contact_form .hywrap .hytag_state,
    .contact_form .hywrap .hy-move-in,
    .contact_form .hywrap .hy-address {
        padding-right: 10px;
    }
    
    .contact_form .hywrap input[type="text"],
    .contact_form .hywrap textarea,
    .contact_form .hywrap select,
    .contact_form .hywrap input[type="text"]:focus,
    .contact_form .hywrap textarea:focus,
    .contact_form .hywrap select:focus {
        border: 1px solid #dad7cb;
        border-radius: 0;
        color: #21314d;
        font: 300 16px/28px "proxima-nova", sans-serif;
        height: 48px;
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    .contact_form .hywrap .top_align .hytag_name,
    .contact_form .hywrap .top_align .hytag_form_comment {
        width: 100%;
    }
    
    .contact_form .hywrap .control-group {
        position: relative;
        margin-bottom: 15px;
        width: 50%;
        z-index: 0;
    }
    
    .contact_form .hywrap .control-group:not(.hy-signup) .control-label {
        position: absolute;
        z-index: -1;
        padding-left: 21px;
        padding-top: 0;
        top: 10px;
        box-sizing: border-box;
        width: 100%;
        text-transform: capitalize;
    }
    
    .contact_form .hywrap .hytag_form_comment textarea {
        min-height: 135px;
    }
    
    .contact_form .hywrap button[type="submit"] {
        border-radius: 0;
        order: 2;
        padding-left: 10px;
        padding-right: 10px;
        width: 175px;
    }
    
    .contact_form .hywrap #more-info a,
    .contact_form .hywrap .hy-signup .radio,
    .contact_form .hywrap .top_align .control-label {
        color: #21314d;
        font: 300 16px/28px "proxima-nova", sans-serif;
        letter-spacing: 0.2px;
    }
    
    .contact_form .hywrap .form-actions {
        display: flex;
        flex-direction: column;
    }
    
    .contact_form .hywrap #more-info {
        margin-bottom: 15px;
        margin-top: 8px;
    }
    
    .contact_form .hywrap .hy-signup .radio input {
        position: absolute;
        opacity: 0;
    }
    
    .contact_form .hywrap .hy-signup .radio {
        cursor: pointer;
        font-size: 16px !important;
        padding-left: 25px;
        position: relative;
    }
    
    .contact_form .hywrap .hy-signup .radio::before {
        background-color: #fff;
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        border: 1px solid #21314d;
        border-radius: 50%;
        top: 6px;
        left: 0;
    }
    
    .contact_form .hywrap .hy-signup .radio.checked::before {
        background-color: #21314d;
    }
    
    .contact_form .hywrap .hy-signup .controls .radio:last-of-type {
        margin-left: 20px;
    }.features .banner_caption
    
    .contact_form .hywrap .top_align .hy-signup .controls {
        padding-top: 10px;
    }
    
    .contact_form .hywrap .name-fields li:first-child {
        margin-bottom: 0;
    }
    
    .contact_form .hywrap select {
        background: url(images/contact/angle-down.png) no-repeat 96% center/8px 6px;
        font-size: 0;
    }
    
    .contact_form .hywrap .hy-move-in input {
        background: url(images/contact/calendar.png) no-repeat 96% center/14px 16px;
    }
    
    .contact_expanded .contact_form .hywrap #more-info {
        margin: 0;
    }
    
    .required_field {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        padding-top: 15px;
        display: none;
    }
    
    .required_field.loaded {
        display: inline-block;
    }
    /*---------------------------------------------
Thankyou
-----------------------------------------------*/

.thankyou_page .page_banner{height: calc(100vh - 60px);}
.thankyou_page .banner_caption{padding: 30px 80px;}
.thankyou_page .content_headings{line-height: 24px;padding-bottom: 13px;padding-top: 6px;}
.banner_caption .social_icons{padding-top: 10px;}
.banner_caption .highlight{color: #fff;}
.banner_caption .social_icons li a > img{height: 16px;}

/*---------------------------------------------
Neighborhood
-----------------------------------------------*/
#banner_slider.flexslider{margin: 0;border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
#banner_slider.flexslider, #banner_slider.flexslider .flex-viewport{width:100%;height:100%;}
#banner_slider.flexslider .slides, #banner_slider.flexslider .slides > li{height:100%;}
#banner_slider .flex-control-nav{width: auto;right: 10%;line-height: 0; bottom: 50%;transform: translateY(-50%);}
#banner_slider .flex-control-nav li{margin:5px 4px 0;}
#banner_slider .flex-control-paging li a{background: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: 2px solid #ffffff;}
#banner_slider .flex-control-paging li a.flex-active{background: #ffffff;}
#banner_slider .flex-control-paging li a:hover{background: #ffffff;background: rgba(255, 255, 255, 0.7);}
#neighborhood_page .scroll_down{bottom: -35px;z-index: 1;}

.walk_transit_wrap{display: flex;justify-content:center;align-items:center;width: 100%;text-align: center;background-color: #c1e2e5;padding: 0 20px;margin-top: 90px;}
.walk_transit_wrap > div{margin: 60px 4vw 55px;display: flex;flex-direction: column;align-items: center;}
/* .page_title{line-height: normal;} */
.walk_transit_wrap .content_headings:before{display: none;}
.score{position: relative;padding:16px 9px 0;background: #ffffff;z-index: 0;margin-bottom: 36px;min-width: 232px;}
.score:after{content:"";width:50px;height:50px;position: absolute;z-index: -1;bottom:-14px;left:50%;background: #ffffff;transform: translateX(-50%) rotate(45deg);-webkit-transform: translateX(-50%) rotate(45deg);-moz-transform: translateX(-50%) rotate(45deg);-ms-transform: translateX(-50%) rotate(45deg);-o-transform: translateX(-50%) rotate(45deg);}

#neighborhood_page .float_content p{
  margin: 16px 0;
}

#neighborhood_page .content_headings:before{
  top: -24px;
}

#neighborhood_page .txtrd_bg{background: none;margin-bottom: 0;}
#neighborhood_page .txtrd_center_content{background-color: #21314d;color:#ffffff;padding: 97px 50px 70px;}
#neighborhood_page .txtrd_center_content .content_headings:before{background-color: #ffffff;}
#neighborhood_page .txtrd_center_content .btn_blue{background-color: #00a9e0;}
.system #neighborhood_page .txtrd_center_content .btn_blue:hover{background-color: #152033;}
#neighborhood_page .txtrd_maxwidth{max-width: 835px;width: 100%;display: inline-block;}

#neighborhood_page .content_box{margin-top: 0; margin-bottom: 100px;}
.neigh_category_wrap.plain_paragraph{letter-spacing: 0.58px;background-color: #eff0ee;padding-top:32px;padding-bottom: 27px;display: flex;justify-content:flex-start;align-items:flex-start;}
.neigh_category_wrap.plain_paragraph label, .neigh_category_wrap.plain_paragraph h6{font-family: 'proxima-nova', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 10px;line-height: 24px;margin-top:3px;white-space: nowrap; padding-right: 10px;}
.neigh_catgeory{display: flex;justify-content:flex-start;flex-wrap:wrap;}
.neigh_cat_inner{position: relative;}
.mob_neigh_cat{position: relative;width: 100%;padding:8px 28px 7px 16px;border: 1px solid #e0e1dd;background: #ffffff;}
.mob_neigh_cat:after{content:'\203A';line-height: 0;font-size: 1.6em;position: absolute;right:15px;top:50%;transform: rotate(90deg) translateY(-50%);-webkit-transform: rotate(90deg) translateY(-50%);-moz-transform: rotate(90deg) translateY(-50%);-ms-transform: rotate(90deg) translateY(-50%);-o-transform: rotate(90deg) translateY(-50%);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;}
.mob_neigh_cat.open:after{margin-top: -2px;margin-right: 4px;transform: rotate(-90deg) translateY(-50%);-webkit-transform: rotate(-90deg) translateY(-50%);-moz-transform: rotate(-90deg) translateY(-50%);-ms-transform: rotate(-90deg) translateY(-50%);-o-transform: rotate(-90deg) translateY(-50%);}
.neigh_catgeory li{cursor: pointer;position: relative;margin-left:20px;margin-bottom: 5px;font-weight: 400; font-size: 14px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease; opacity: 0.5}
.neigh_catgeory li:after{content: "";opacity: 0;position: absolute;left:0;bottom: 0px;width: 100%;height: 3px;background-color: #21314d;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;}
.system .neigh_catgeory li:hover,.neigh_catgeory li.active{font-weight: 700; opacity: 1}
.system .neigh_catgeory li:hover:after,.neigh_catgeory li.active:after{opacity: 1;}
.neigh_catgeory li .category:after{
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.neigh_map_wrap{width: 100%;height: 452px;position: relative;}
audio,.mob_neigh_static_map{width: 100%;height: 100%;}
.neigh_btn{
  position: absolute;
  z-index: 1;
  left: 15px;
  top: 15px;
}

.neigh_btn a{
  display: inline-block;
  background: #00a9e0;
  color: #fff;
  padding: 3px 10px;
  margin-right: 2px;
}

.neigh_btn a:hover{
  background: #152033;
}

/* .neigh_sub_cat{padding-top:82px;padding-bottom: 82px;letter-spacing: 0.58px;font-weight: 400;-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-moz-column-fill: auto;column-fill: auto;-webkit-column-gap: 6%;-moz-column-gap: 6%;column-gap: 6%;-webkit-column-width: 200px;-moz-column-width: 200px;column-width: 200px;} */

.neigh_sub_cat{padding-top:82px;padding-bottom: 42px;letter-spacing: 0.58px;font-weight: 400; display: flex; flex-wrap: wrap; margin-left: -3%; margin-right: -3%;}

.neigh_sub_cat_title{font-weight: 700;line-height: normal;margin-bottom: 7px; font-size: 14px;}
.neigh_sub_cat li{ width: 25%; padding-left: 3%; padding-right: 3%; display: flex;}
.neigh_sub_cat li div{border-bottom: 1px solid #e0e1dd;padding-bottom: 18px;margin-bottom: 36px; width: 100%; }
.neigh_sub_cat li p{line-height: normal; font-size: 14px;}
.system .neigh_sub_cat a:hover{text-decoration: underline;}

.gm-style-iw div, .gm-style .gm-style-iw {overflow: visible !important;}
.gm-fullscreen-control{top:auto!important;bottom: 15px!important;}
.map_popup {font-family: 'proxima-nova', sans-serif;font-weight: 400;border-top: 10px solid #00a9e0;color: #21314d;font-size: 14px;line-height: normal;letter-spacing: 0.58px;background: #ffffff;padding: 20px 35px 20px 18px;position: relative;margin-right: 0;margin-bottom: 14px;display: inline-block;width: 250px;}
.map_popup:before {content: '';position: absolute;top: 99%;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;right: 50%;border-top: 11px solid #ffffff;margin-left:12px;}
.map_popup a{color:#21314d;font-weight: 400;}
.map_popup a:hover{text-decoration: underline;}
.popup_close_icon {position: absolute;cursor: pointer;display: block;top: 2px;right: 0;width: 30px;height: 30px;text-align: center;line-height: 28px;}
.popup_close_icon:hover{text-decoration: none!important;}
.map_popup .popup_title {font-weight: 700;margin-bottom: 6px;}
.map_popup .map_directions {margin-top: 4px;display: inline-block;}
/*.info_windows > div:first-child > div:first-child:not(.gm-style-iw){display: none!important;}
.info_windows > div:first-child > button:not(.gm-style-iw){display: none!important;}
*/
.gm-style .gm-style-iw-c{background-color: transparent;box-shadow: none;}
.gm-style .gm-style-iw-t:after{display: none;}
button.gm-ui-hover-effect {display: none !important;}
.gm-style-iw-t:before{display: none;}
/*---------------------------------------------
Features
-----------------------------------------------*/
#featuresPage #box_sect .box_left{align-items: flex-start;}
#featuresPage #box_sect .box_right{align-items: flex-end;margin-bottom: 75px;}
#featuresPage .box_left .content_image{margin-top: 100px;}
#featuresPage .box_right .content_image{margin-bottom: 100px;}
.features .banner_caption{padding-left: 60px;padding-right: 60px;}
#box_sect + .txtrd_bg .content_headings::before{top: -25px;}

/*---------------------------------------------
Why Bozzuto
-----------------------------------------------*/
#whybozzuto_page{padding-bottom: 100px;}
.whybozzuto_box{margin-top: 55px;padding-left:60px;}
.sub_title{font-size: 18px;line-height: normal;font-weight: 700;padding-bottom:6px;text-transform: uppercase;letter-spacing: 0.75px;}
.whybozzuto_box .content_image{height: 740px;width: 60.5%;}
.whybozzuto_box .content_sec{margin-bottom: 22px;}
.whybozzuto_box .float_content p{margin:0;}
.whybozzuto_box .bozzuto_logo{margin-bottom: 25px;display: inline-block;}
.whybozzuto_box .bozzuto_logo img{width:290px;}
.whybozzuto_box .content_right{margin-left: -17.5%;}
.image_section.content_box .small_image{width: 50%;height:400px;top:auto;bottom:0;transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;}
.image_section .content_image.large_image{height:540px;margin-bottom: 100px;}
.image_section{align-items: flex-end;}
.image_section .content_left{margin-right: -21%;}

/*---------------------------------------------
Our Story
-----------------------------------------------*/
#ourStory .title_only{
  padding: 20px 70px 20px;
}
.one_light{
  text-align: center;
  padding: 35px 14.25% 105px;
}

.visit-btn{
  background-color: #00a9e0;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 9px 90px;
  display: inline-block;
  margin-top: 35px;
  font-weight: 600;
}

#ourStory{
  background: url(images/ourstory/detail_bg.png) bottom repeat-x;
}

.story_image_section {
  margin-bottom: 170px;
  position: relative;
  float: left;
  width: 100%;
}

.story_image_section .left_image{
  height: 40vw;
  width: 70%;
  background-size: cover;
}

.story_image_section .right_image{
  height: 30vw;
  width: 45%;
  background-size: cover;
  position: absolute;
  bottom: -15%;
  right: 0;
}

#servicesPage .box_right .content_image {
    margin-bottom: 100px;
}

#servicesPage #box_sect .box_right {
    align-items: flex-end;
}

#servicesPage #box_sect .box_left {
    align-items: flex-start;
}

#servicesPage .box_left .content_image {
    margin-top: 100px;
}
#servicesPage .txtrd_bg{
  margin-bottom: 0;
  padding: 90px 4.31%;
}

#servicesPage .title_only{
  padding: 29px 70px 15px;
}

/*---------------------------------------------
News & Events
-----------------------------------------------*/
.blog_main_cnt, .blog_item{display: flex;}
.sidebar_list .cat-item:last-of-type .separator, .pagination_wrapper .extend{display: none;}
.item_wrapper{display: inline-block;}
.blog_posts_wrapper .each_blog:last-of-type{margin-bottom: 0;}
.pagination_wrapper .wp-pagenavi a, .pagination_wrapper span.current, .pagination_wrapper .wp-pagenavi a:hover{border: none;}
.title_only{padding: 20px 30px 15px;}
.text_upper, .tag-cloud-link, .widget_archive li a, .no_result_text{text-transform: uppercase;}
.blog_highlighted .blog_title, .blog_highlighted .blog_category{letter-spacing: 1px;}
.blog_highlighted .blog_category, .blog_date_tag_wrap{font-size: 14px;}
.blog_highlighted .blog_date_tag_wrap, .pagination_wrapper .first::after, .pagination_wrapper .last::after{font-size: 16px;}
.sidebar_text, .blog_category, .read_more, .tag-cloud-link, .widget_archive li a, .no_result_text{font-size: 10px;letter-spacing: 0.71px;}
.sidebar_text, .tag-cloud-link, .tag-cloud-link + .separator, .widget_archive ul, .pagination_wrapper .page, .no_result_text{opacity: 0.5;}
.widget_archive li{line-height: 24px;}
.pagination_wrapper .wp-pagenavi a, .pagination_wrapper .wp-pagenavi span{margin: 0;}
.news_page .banner_caption{margin-top: -5%;}
.news_page{padding-bottom: 120px;position: relative;}
.blog_content_wrapper{padding-left: 12.5vw;padding-right: 12.5vw;margin-top: -20vh;}
.blog_highlighted .each_blog{padding: 50px 57px;}
.each_blog{background-color: #fff;border-bottom: 1px solid #e0e1dd;margin-bottom: 50px;}
.sidebar_text, .blog_category, .tag-cloud-link, .widget_archive, .no_result_text{font-weight: 500;}
.blog_sub_head,.blog_title, .blog_details h2, .blog_details h3, .blog_details h4, .blog_details h5, .blog_details h6{font-weight: 700;letter-spacing: 1.22px;margin-top: 15px;text-transform: uppercase;}
.blog_sub_head,.blog_title, .blog_details h3{font-size: 22px;line-height: 24px;}
.blog_details h2{font-size: 24px;line-height: 26px;}
.blog_details h4{font-size: 20px;line-height: 22px;}
.blog_details h5{font-size: 18px;line-height: 20px;}
.blog_details h6{font-size: 16px;line-height: 18px;}
.blog_highlighted .blog_title{font-size: 34px;line-height: 34px;}
.blog_date_tag_wrap{display: block;padding-bottom: 3px;}
.blog_details strong,.blog_details b, .read_more{font-weight: 700;}
.blog_item{padding-bottom: 30px;}
.blog_img{width: 16vw;height: 16vw;}
.blog_contents, .blog_posts_wrapper{flex: 1;}
.blog_contents{padding-left: 25px;display: flex;flex-direction: column;}
.blog_posts_wrapper{padding-right: 60px;}
.blog_sidebar{background-color: #fff;line-height: 22px;margin-top: 65px;width: 300px;}
.blog_details{margin-top: 10px;margin-bottom: 10px;}
.blog_category{line-height: 10px;}
.separator{background-color:  #21314d;border-radius: 50%;}
.each_blog .separator{height: 3px;width: 3px;margin-left: 5px;margin-right: 5px;}
.pagination_wrapper{bottom: 70px;position: absolute;left: 12.5vw;right: 12.5vw;text-align: center;}
.pagination_wrapper .wp-pagenavi{align-items: center;display: flex;justify-content: center;}
.pagination_wrapper .page, .pagination_wrapper .wp-pagenavi .current{display: inline-block;padding-right: 15px;}
.pagination_wrapper .wp-pagenavi .current{font-weight: 300;opacity: 1;}
.pagination_wrapper .first, .pagination_wrapper .last{font-size: 0;}
.pagination_wrapper .first::after, .pagination_wrapper .last::after{content: '...';}
.nextpostslink, .previouspostslink{background:  #21314d url('images/gallery/angle-left.png') center no-repeat;display: inline-block;height: 52px;position: absolute;width: 52px;}
.nextpostslink{transform: rotate(-180deg);right: 0;}
.previouspostslink{left: 0;}
.widget_archive .widgettitle, .sidebar_title{font-size: 12px;font-weight: 700;letter-spacing: 1px;border-bottom: 1px solid #e0e1dd;margin-bottom: 15px;padding-bottom: 5px;}
.blog_sidebar .blog_date_tag_wrap{font-style: normal;}
.recent_post_title{font-size: 14px;font-weight: 700;line-height: 18px;letter-spacing: 0.78px;}
.recent_posts_list .list_item{margin-bottom: 9px;}
.list_item .read_more{padding-left: 15px;}
.blog_sidebar .separator{height: 2px;width: 2px;margin-left: 7px;margin-right: 7px;}
.blog_date_tag_wrap span, .single_line .cat-item, .blog_sidebar .separator, .list_item .read_more{display: inline-block;vertical-align: middle;}
.tag-cloud-link{font-size: 10px!important;}
.blog_posts_wrapper .blog_date_tag_wrap{padding-bottom: 10px;}
.blog_posts_wrapper .blog_details{margin-bottom: 4px;margin-top: 15px;}
.widget_archive{margin-top: 30px;}
.single_line{margin-bottom: 30px;}
.recent_posts_list{margin-top: 24px;}
.recent_posts_list + .sidebar_title{margin-top: 30px;}
.news_page .blog_highlighted .blog_title{margin-bottom: 17px;}
.blog_details a{text-decoration: underline;}
.blog_details img{margin-bottom: 20px;margin-top: 20px;}
.blog_details ul li{list-style-type:disc;margin-left:17px;}
.blog_details i,.blog_details em, .blog_date_tag_wrap{font-style:italic;}
.blog_details ol li{list-style-type:decimal;margin-left:15px;}
.blog_details h2,.blog_details h3,.blog_details h4,.blog_details h5, .blog_details h6{margin-bottom: 10px;}
.no_posts_wrapper .blog_content_wrapper{margin-top: 0;}
.no_posts_wrapper .blog_posts_wrapper{display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: 700;}
/*--------------------------------------------
-
News & Events Detail page
-----------------------------------------------*/
.news_detail_page .page_banner, .news_detail_page .blog_content_wrapper, .blog_img_lg{position: relative;}
.news_detail_page .page_banner{z-index: 1;}
.news_detail_page .blog_content_wrapper{padding-bottom: 85px;z-index: 2;}
.news_detail_page .blog_details p{margin-bottom: 20px;}
.blog_sub_head, .blog_text{margin-bottom: 18px;}
.blog_img_lg{height: 41vw;margin: 50px -8vw 70px calc(-8vw - 10px);}
.blog_img_lg::before{background-color: #c1e2e5;height: 100%;position: absolute;content: '';width: 20px;}
.news_detail_page .blog_highlighted .each_blog{border-bottom: 0;margin-bottom: 0;padding-bottom: 30px;}
.news_detail_page .blog_date_tag_wrap{padding-top: 8px;padding-bottom: 20px;}
.share_btn{background:  #fff url('images/news/share_btn_black.png') center no-repeat;border-radius: 50%;bottom: 22vh;height: 48px;position: absolute;right: 12.5vw;width: 48px;}
.news_detail_page .blog_date_tag_wrap{display: flex;align-items: center;}
.news_detail_page .each_blog .separator{margin-left: 10px;margin-right: 10px;}
.blog_post_detail .btn_blue{margin-top: 10px;}

/* Sitemap */

.sitemap_page .page_banner{
  height: auto;
  padding: 115px 0;
}

.sitemap_page .page_title{
  margin-bottom: 16px;
}

.sitemap_page .banner_caption{
  padding: 40px 55px;
}

.sitemap_nav li{
  line-height: 1.5;
}

.sitemap_nav li a{
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}

#at-expanded-menu-host #at-expanded-menu-title, #at-expanded-menu-host .at-branding-logo, #at-expanded-menu-host .at-copy-link-result-message span, #at-expanded-menu-host .at-copy-link-share-page-url, #at-expanded-menu-host .at-expanded-menu, #at-expanded-menu-host .at-expanded-menu-button-label, #at-expanded-menu-host .at-expanded-menu-email-disclaimer, #at-expanded-menu-host .at-expanded-menu-load-btn, #at-expanded-menu-host .at-expanded-menu-page-title, #at-expanded-menu-host .at-expanded-menu-page-url, #at-expanded-menu-host .at-expanded-menu-privacy-link, #at-expanded-menu-host .at-expanded-menu-search-label-content, #at-expanded-menu-host .at-expanded-menu-top-services-header{
  font-family: "proxima-nova", sans-serif !important;
}

#at-expanded-menu-title{
  font-weight: 700 !important;
}

#at-expanded-menu-host .at-expanded-menu-mask{
  background: rgba(33, 49, 77, 0.9) !important;
}

#at-expanded-menu-host .at-expanded-menu-load{
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.shrink-header .virtual-tour #mainwrapper {
  padding-top: 0px !important;
}
.mob-only{
  display: none !important;
}






.play { 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    cursor: pointer;
    outline: none;
    background-image: url(images/home/play-button.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px;
    width: 70px;
    height: 70px;
}
.grly_video_wrapper .pause{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  cursor: pointer;
  outline: none;
  background: url(images/gallery/pause-circular-button-big.svg) no-repeat center/70px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70px;
  width: 70px;
  height: 70px;
  display:none;
}
.grly_video_wrapper .play.playvideo {
  background: url(images/home/pause-circular-button.svg) no-repeat center/70px auto;
}
*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

/* Virtual Tour edits */
.iframe-container {
  width:100%;
  height:100vh;
}
.iframe-container iframe {
  width:100%;
  height:100%;
}
#cross {
  background: #21314d !important;
  height: 18px;
  position: relative;
  margin-right: -10px;
  top: -10px;
  width: 3px;
  display: inline-flex;
  margin-left: 20px;
  margin-top: 0px;
}
#cross:after {
  background: #21314d !important;
  content: "";
  height: 3px;
  left: -8px;
  position: absolute;
  top: 7px;
  width: 19px;
}
.vt-menu.show #cross {
  background: transparent !important;
}
.vt-menu a,.vt-head-menu>a {
  cursor: pointer;
}
.vt-menu ul {
  margin-bottom:10px;
}
.vt-menu ul li {
  line-height:30px;
}
.vt-menu ul li a {
  font-size:25px;
}
.vt-head-menu {
  position: relative;
}
.vt-head-menu >a:before {
  display: none;
}
.vt-head-menu ul {
  position: absolute;
  top: 35px;
  left: -12px;
  width: 100%;
  padding: 10px 0;
  background: #fff;
  display: none;
  border: 1px solid rgba(0,0,0,.2);
  width:130px;
}
.vt-head-menu ul li {
  margin:0 !important;
  text-align:center;
  width:100%;
}
#main_nav ul li.vt-head-menu ul li a {
  font-size:12px;
  line-height: 25px;
  padding:0 2px;
}
/*............COVID popup ............*/
    
.covid_popup{background-color:#2e3a70;color:#fff;padding:25px 8.7vw 25px 32px;display:flex;width:calc(100% - 20px);margin:0 auto;position:relative;justify-content:space-between;align-items:center;width:100%}
.covid_info p{font-size:20px;line-height:26px}
.covid_btn_wrap{margin-left:6.3vw}
.mt_fill_btn,.mt_transparent_btn,.mt_blue_btn{border:1px solid #656264}
.mt_btn{border-color:#fff;color:#fff;border-color:#fff;color:#fff;padding-left:35px;padding-right:35px;padding:17px 40px 16px;white-space:nowrap}
.covid_popup_close{position:absolute;width:14px;height:13px;top:25px;right:25px;background:url(images/close.png) no-repeat center center;background-size:14px 13px;cursor:pointer}
/* .covid_btn_wrap{display:none} */
.covid_popup .link-txt{color:#fff;text-decoration:underline}
.covid_info a.link-txt,.covid_info .no-wrap-txt{white-space:nowrap}

/******** ADA Fixes ********/
.skip-nav {
  background: transparent;
  color: #00a9e0;
  left: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  top: -4.2rem;
  z-index: 99999;
  font-size: 16px;
  transition:all ease 0.3s;
}
.skip-nav:focus {
      box-shadow: 0 0 3px #000, 0 0 7px #000;
      background:rgba(33, 49, 77, 1);
      color:#fff;
      left: 0;
      outline: 0;
      position: fixed;
      top: 0;
      transition:all ease 0.3s;
}
.copy_right{
  color:rgba(33, 49, 77, 1);
}
body *:focus{
  outline:1px dotted transparent !important;
}
body.using-keytab *:focus{
  outline:1px dotted #000 !important;
  outline-offset:3px !important;
}
body.using-keytab .covid_popup a:focus, body.using-keytab #neighborhood_page .txtrd_center_content .btn_blue:focus{
  outline:1px dotted #fff !important;
}
body.using-keytab .open #menu_list .menu-item.vt-menu.show ul{
  display:block !important;
}
.nextpostslink, .previouspostslink{
  font-size:0;
}
span.hidden{
  display:none;
}
.newsdetailTitle span.hidden{
  display:block;
  opacity:0;
  font-size:0;
}
.gallery_wrap h1{
  display:block;
}
#neighborhood_page .txtrd_center_content .btn_blue{
  border:1px solid #fff;
  background:#21314d;
}
.system #neighborhood_page .txtrd_center_content .btn_blue:hover{ 
  background:#00a9e0;
}
.neigh_btn a{
  background:#21314d;
}
.neigh_btn a:hover{
 background:#00a9e0;
}
.our-story .visit-btn{
  background:#21314d;
}
.promo_box{
  background-color:#21314d;
}
.thankyou_page .banner_caption{
  background-color:rgba(33,49,77,0.95);
 }
 .error_page .banner_caption{
  background-color:rgba(33,49,77,0.95);
 }
 .sitemap_page .banner_caption, .contact_page .banner_caption, .floorplan_listing_page .banner_caption,.features .banner_caption, #amenitiesPage .banner_caption, #servicesPage .banner_caption{
  background-color:rgba(33,49,77,0.95);
 }
 .contact_form .hywrap .LV_invalid{
  color: #af0000;
}
body.using-keytab .inner_page.news_detail_page .share_btn:focus{
  outline:1px dotted #fff !important;
}
body.using-keytab .gallery_share a:focus, body.using-keytab .gallery_wrap .flex-control-paging li a:focus, body.using-keytab .gallery_wrap .flex-direction-nav a:focus, body.using-keytab  .gallery_items li a:focus, body.using-keytab .home_video_banner .vid_ctrl:focus, body.using-keytab .banner_image .scroll_down:focus, body.using-keytab .promo_box .schedule-tour:focus, body.using-keytab .promo_box .close:focus, body.using-keytab .banner_image .flex-pauseplay button:focus, body.using-keytab #banner_slider .flex-control-paging li a:focus, body.using-keytab .grly_video_wrapper .play:focus, body.using-keytab .gallery_wrap .flex-pauseplay button:focus{
  outline:1px dotted #fff !important;
}
body.using-keytab .grly_video_wrapper .pause:focus{
  outline:1px dotted #fff !important;
}
body.using-keytab .grly_video_wrapper .mute-video:focus{
  outline:1px dotted #fff !important;
}
.menu_opened body.using-keytab #logo:focus svg{
  outline:1px dotted #000 !important;
}
.fp_content .col a{
  display:block;
}
.flex-pauseplay button {
  appearance: none;
  border: 0;
  border-radius: 100%;
  display: block;
  position: absolute;
  bottom: 60px;
  opacity: 1;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
  left: 60px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 2;
  text-indent: 9999px;
  background: url(images/gallery/play-icon-gallery.svg) no-repeat center center #fff;
  background-size: 12px 12px;
}
.flex-pauseplay button.flex-pause {
  background: url(images/gallery/pause-icon.svg) no-repeat center center #fff;
  background-size: 12px 12px;
}
.fp_filter_inner .selectivo{
 width:100%;
}
.fp_filter_inner .selectivo__label{
 border:1px solid #e0e1dd;
 color:#21314d;
 padding:14px 35px 15px 22px;
 text-align:left;
 font-weight:300;
 letter-spacing:0.2px;
 font-size:14px;
 font-family:'proxima-nova',sans-serif;
 background:none;
 /* background:url(images/contact/angle-down.png) no-repeat 93.1% 21px/8px 6px; */
 position:relative;
}
.fp_filter_inner .selectivo__label:after{
  content:"";
  width:8px;
  height:6px;
  position: absolute;
  right:21px;
  top:50%;
  background:url(images/contact/angle-down.png) no-repeat center center;
  transform: translateY(-50%);
}
.fp_filter_inner .selectivo__option{
  text-align:center;
  padding:12px 10px 12px 8px;
  font-weight:300;
  letter-spacing:0;
  font-size:16px;
  color:#21314d;
  font-family:'proxima-nova',sans-serif;
  max-width:100%;
}
.fp_filter_inner .selectivo__option.selectivo__option--selected{
  background-color:#21314d;
  color:#fff;
}
.selectivo .jspVerticalBar {
	background: none;
  width: 8px;
  height:100%;
  position: absolute;
  right:0;
  top:0;
}
.selectivo .jspHorizontalBar {
	height: 0;
	overflow: hidden;
}
.selectivo .jspTrack {
	background: none;
	right: 5px;
  border-radius: 5px;
  position:relative;
  top:2px;
}
.selectivo .jspDrag {
	border-radius: 5px;
	color: #ffffff;
	opacity: .5;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #222222;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position:relative;
}
.selectivo .mCSB_scrollTools .mCSB_draggerRail{
  width:8px;
  background:transparent;
}
.selectivo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  border-radius: 5px;
	color: #ffffff;
	opacity: .5;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #222222;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position:relative;
  width:8px;
}
.selectivo .mCSB_inside>.mCSB_container{
  margin-right:16px;
}
.fp_filter_inner .selectivo__dropdown{
  padding-left:0;
  padding-right:0;
  top:46px;
  height:150px;
  overflow:hidden;
  margin:5px 0 0 0;
  padding:5px 0 !important;
  border:1px solid rgba(0,0,0,.2);
  box-shadow:0 5px 10px rgba(0,0,0,.2);
}
/* .fp_filter_inner .selectivo__dropdown:after{
  display:inline-block;
  width:100%;
  height:20px;
  content:"";
  background:#fff;
} */
.fp_filter_inner .selectivo__option:first-child{
  background-image:none;
}
.fp_filter_inner .selectivo__label{
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.fp_filter_inner .selectivo__label:hover{
  background-color:#fff;
  color:#21314d;
}
.fp_filter_inner .selectivo__option:hover{
  background-color:#00a9e0;
  color:#fff;
}
.selectivo .jspPane{
 overflow-x:hidden;
 padding:0 !important;
}
#neighborhood_page .flex-pauseplay button{
  bottom:30px;
}
.grly_video_wrapper .mute-video{
  top: auto;
  left:165px;
  right: auto;
  bottom: 30px;
  margin: auto;
  position: absolute;
  cursor: pointer;
  outline: none;
  background-image: url(images/gallery/mute.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color:transparent;
  background-size: 25px;
  width: 25px;
  height: 25px;
  border:none;
  outline:none;
  z-index:10;
}
.grly_video_wrapper .mute-video.unmute{
  background-image: url(images/gallery/unmute.svg);
}
#map, .mob_neigh_static_map{
  width:100%;
  height:100%;
}
.contact_form .hywrap #more-info{
  margin-bottom:0;
  margin-top:0;
}
.contact_form .hywrap #more-info a{
  margin-bottom: 15px;
  margin-top: 8px;
  display:block;
}
.jspContainer{
  padding-bottom:20px;
}
.vt-hide{
  display:none;
}
.page_banner{
  position:relative;
}
.page_banner .bannerImg{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.page_banner .banner_caption{
  position: relative;
}
/* .page_banner .page_title{
  position:relative;
  z-index:2;
} */
.blog_content_wrapper .blog_highlighted{
 position:relative;
}
.mob_neigh_cat:after{
  background:url(images/arrow.svg) no-repeat center center;
  width:11px;
  height:11px;
  content:"";
  background-size:20px 20px;
  background-origin: content-box;
  top:39%;
  transform:rotate(90deg) translateY(50%);
}
.mob_neigh_cat.open:after{
  transform:rotate(-90deg) translateY(50%);
  right: 22px;
  margin-top: 0;
}
@media screen and (max-height: 700px) and (orientation: landscape){
  .popup-wrapper{
    height:100vh !important;
  }
  .promo_box h2{
    width:97%;
    min-width:97%
  }
}
@media screen and (max-width:1200px){
  #neighborhood_page{
    overflow-x:hidden;
  }
}
@media screen and (max-width:900px){
.flex-pauseplay button{
  width:35px;
  height:35px;
  left:10px;
  bottom:10px;
}
.neigh_catgeory li a{
  display:block;
  width:100%;
}
.grly_video_wrapper .pause{
 background-size: 40px;
 width: 40px;
 height: 40px;
}
.grly_video_wrapper .mute-video{
  bottom: 172px;
  left: 20px;
}
}
@media(max-width: 767px){
  .desk-only{
    display: none !important;
  }
  .mob-only{
    display: block !important;
  }
  .fp_filters .col{
    text-align:center;
  }
  .fp_filter_inner .selectivo{
    width:85%;
  }
  .fp_filter_inner .selectivo__label:after{
    right:5%;
  }
  .fp_filter_inner .selectivo__option{
    padding:10px 10px 10px 8px;
    max-width:98.7%;
  }
  .fp_filter_inner .selectivo__dropdown{
    top:43px;
  }
  .grly_video_wrapper .mute-video{
    bottom: 150px;
  }
}
@media(max-width:480px){
  .fp_filter_inner .selectivo__label:after{
    right:21px;
  }
  .fp_filter_inner .selectivo{
    width:100%;
  }
  .grly_video_wrapper .mute-video{
    bottom: 100px;
  }
}
@media(max-width:400px){
  .grly_video_wrapper .mute-video{
    bottom: 79px;
  }
}
.language{
  border-bottom: none;
}
.language p{
  color: #21314d;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  padding-top: 10px;
  text-transform: capitalize;
  letter-spacing: .86px;
}
@media screen and (max-width: 900px){
  .language{
    justify-content: center;
  }
  .language p{
    padding: 10px 0;
  }
}
.back-to-plans {
  background: #21314d;
  font: 700 18px 'proxima-nova', sans-serif;
  color: #fff;
  padding: 21px 26px;
  text-decoration: none;
  margin: auto;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 60px;
}

#sightmap_page {
  padding: 0 50px;
  margin-top: 64px;
  margin-bottom: 30px;
}

#sightmap {
  min-height: 100vh;
}

@media only screen and (max-width: 868px) {
  #sightmap_page {
    padding: 0 10px;
  }
}

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

.osano-cm-widget {
  display: none;
}
.osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle,
.osano-cm-disclosure__toggle:hover,
.osano-cm-link:hover, .osano-cm-link:active, 
.osano-cm-link {
  color: #000;
} 
.osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle,
.osano-cm-disclosure__toggle:hover,
.osano-cm-link,
.osano-cm-link:hover, 
.osano-cm-link:active {
  color: #000;
}
.osano-link{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display:inline-block;
}
/*---------------------------------------------
Alchemy Page
-----------------------------------------------*/


@font-face {
  font-family: "SaolDisplay-Regular";
  src: url("fonts/SaolDisplay-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SweetSansPro-Bold";
  src: url("fonts/SweetSansPro-Bold.otf")format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Book.otf")format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


:root {
  --heading-font: "SaolDisplay-Regular", sans-serif;
  --sub-heading-font: "SweetSansPro-Bold", sans-serif;
  --para-font:"Gotham", sans-serif;
}


#alchemyPage .banner_logo img{
  position: relative;
  width: 60%;
  margin: auto;
  display: flex;
}

#alchemyPage .bannerImg {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
  background-repeat: no-repeat;
  background-position: center; background-size: cover;
}
#alchemyPage h2.page_subtitle {
  padding-left: 40%;
  margin-left: 60px;
  width: 100%;
  color: #8BBAF4;
}
#alchemyPage .intro-section{
  height: auto;
  padding: 56px;
  flex-direction: row;
  display: flex;
  background-repeat: no-repeat;
  background-position: center; background-size: cover;
  align-items: stretch;
}
#alchemyPage .intro-sec-img {
  display: flex;

    flex: 0 0 25vw; 
  
}
#alchemyPage .middle-sec img {
  /* height: 100vh !important; */
  width: 65vw !important;
max-height: 650px;
}
#alchemyPage .intro-img img{
  /* height: 40vw; 
  width: 35vw; */
  object-fit: cover; 
  /* display: block;  */
  align-self: center;


  width: 100%;
  height: 100%;
  object-fit: cover;

}
.intro-content{
  width: 80%;
    padding-left: 3vw;
    gap: 25px;
    display: flex;
    flex-direction: column;
   align-self: center;
   line-height: 1;
  
}
.intro-heading{
  font-size: 52px;
  letter-spacing: -0.36px;
  color: #5676A4;
  font-family: var(--heading-font);
}
.intro-subHeading{
  font-size: 24px;
  font: normal normal bold 24px'Sweet Sans Pro';
  font-family: var(--sub-heading-font);
  color: #5676A4;
  letter-spacing: 2.5px;
}
.intro-text{
  text-align: left;
/* font: normal normal normal 26px/42px Gotham HTF; */
letter-spacing: -0.13px;
color: #454545;
line-height: 28px;
font-weight: normal;
font-family: var(--para-font);
font-size: 16px;
}
.alchemy-btn{

  display: inline-block;
  padding: 10px 35px;
  font-size: 16px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;

  background-color:  #5676A4; 
  transform: skew(-30deg);
  position: relative;
  max-width: fit-content;
  font-family: var(--sub-heading-font);
  letter-spacing: 5.43px;
  color: #ffffff;
  opacity: 1;
  margin-top: 20px  !important;
}

.alchemy-btn:hover {
  background-color: #DFE0DD;
color: #5676A4;}
.alchemy-btn span {
  display: inline-block;
  transform: skew(30deg); 
}
.light-color-btn{
  background-color: #DFE0DD;
  color: #5676A4;
  margin: 20px;
}

.light-color-btn:hover{
  background-color:#5676A4;
  color: #ffffff;
}
.amenity-btn{
  color:  #4A1C0B;
}
.two-column-alchemy-content  {
  display: grid;
  grid-template-columns: 40% 60%; 
  padding: 56px;
  position: relative;
}
.two_col_img_rev{
  max-width: unset !important;
  width: 55vw;
}
.two-col-text {
  /* background-color: red; */
  padding: 20px 56px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  min-height: 55vh;
  height: auto;
  align-self: center;
  width: 55vw;

}
.two-col-text h2{
  font-size: 52px;
  font-family: var(--heading-font);
  letter-spacing: 0.72px;
  color: #ffffff;
  width: 50vw;
  padding-bottom: 30px;
  line-height: 1;
}
.two-col-text p{
  /* font: normal normal normal 26px/42px Gotham HTF; */
  letter-spacing: 0.26px;
  color: #FFFFFF;
  line-height: 28px;
  font-weight: normal;
  font-family: var(--para-font);
  font-size: 16px;
  margin-bottom: 30px;
}
.two_col_img img {
  width: 58vw;
  min-height: 75vh;
  max-height: 650px !important;
  object-fit: cover;
}
.schedule-tour-sec{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px;
}
.heading{
  font-size: 52px;
  font-family: var(--heading-font);
  letter-spacing: 0.72px;
  color: #E0E1DD;
  line-height: 1;
  width: 100vw;
  text-align: center;
}
#alchemyPage ul li {
  list-style-type: disc;
  color: #5676A4;
  size: 16px;
  font-weight: 600;
  line-height: 28px;
}
.bullet-points-section {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.intro-tour-btn{
  margin-left: 20px;
}
.schedule-tour-sec .blue-color-btn{
  margin: 20px;
  background-color: #8BBAF4 !important;
  color: #4A1C0B !important;
  align-self: center  !important;
  margin-top: 20px  !important;
}
.schedule-tour-sec .blue-color-btn:hover {
  background-color: #5676A4 !important;
  color: #ffffff !important;
}
.fp-btn{
  margin-left: 20px;
}
.schedule-tour-sec .heading{
  font-family: var(--heading-font);
  width: auto;
  font-size: 52px;
  font-style: italic;
}
.schedule-tour-sec .alchemy-btn {
  font-size: 30px;
}
.footer_row p{
  font-weight: 600;
}
@media screen and (max-width:1350px){
  .intro-heading{
    font-size: 40px;
  }
  .intro-subHeading{
    font-size: 18px;
  }
  .two-col-text h2 {
    font-size: 40px; 
  }
}
@media screen and (max-width:1100px){
  #alchemyPage .page_banner {
    height: 35vh;
  }
  #alchemyPage .intro-section {
    flex-direction: column;
  }
  #alchemyPage .intro-img img,#alchemyPage .middle-sec img{
    width: 100vw !important;
    object-fit: cover;
  }
  #alchemyPage .intro-img img {
    height: 40vw;
  }
  .intro-heading {
    /* margin-top: 20px; */
    /* font-size: 62px; */
  }
  .intro-content {
     width: 100%; 
     padding-left: 0; 
     text-align: left;
     margin-top: 50px;
}
.intro-text{
  text-align: left;
}
.alchemy-btn{
  align-self: flex-start;
}
.two-column-alchemy-content {
  padding: 0;
  }
.two-column-alchemy-content {
  display: flex;
  flex-direction: column-reverse;
}
.two_col_img img {
  height: 40vh;
  object-fit: cover;
  min-height: calc(100% + 40px);
}
.two-col-text {
  width: 100%;
  min-height: 35vh;
}
.two-col-text h2 {
  /* font-size: 62px; */
 width: 100%; 
}

.two_col_img img {
  width: 100vw;
  max-width: unset;
}
.two-col-text {
  padding: 50px 20px;}
.rev{
  flex-direction: column;
}
.footer_row p{
 margin: auto;
}
}
@media screen and (max-width:768px){
  #alchemyPage .page_banner {
    height: 30vh;
    min-height: 200px;
  }
  #alchemyPage .intro-section{
    padding: 20px;
  }
  #alchemyPage .intro-img img,#alchemyPage .middle-sec img{
    height: 300px  !important;

  }
  .intro-heading {
    /* font-size: 32px; */
    width: 95vw;
  }
  .intro-subHeading {
    /* font-size: 20px; */
  }
  .intro-text {
    font-size: 14px;
    line-height: 1.5;
}
.intro-heading{
  font-size: 32px;
}
.intro-content {
  margin-top: 40px;
}
.alchemy-btn span {
  font-size: 12px;
}
.alchemy-btn {
  padding: 0px 15px;
  margin-top: 10px  !important;
}
.fp-btn{
  margin-left: 14px;
}
.two_col_img img {
  height: 30vh;
}
.two-col-text h2 {
  font-size: 32px;
  /* align-self: center; */
  width: 100vw;
}
.two-col-text p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.two-col-text {
 padding: 40px 20px;
 text-align: left;
}
#alchemyPage ul li {
  line-height: 22px;
  font-size: 14px;
}
.heading {
  font-size: 42px;
}
.bullet-points-section {
  padding-left: 16px;
}
.fp-btn{
  margin-left: 12px;
  display:none;
}
.intro-tour-btn{
  margin-left: 14px;
}
.schedule-tour-sec .heading{
  font-family: var(--heading-font);
  width: auto;
  font-size: 42px;
}
.footer_row p{
  margin: unset;
 }
}
.slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.slides {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: transform 0.5s ease-in-out;
  width: 200%; /* Adjust for number of images */
}

.slides li {
  width: 100%;
  flex-shrink: 0;
}

img {
  width: 100%;
  display: block;
}

.dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  cursor: pointer;
}

.dot.active {
  background-color: #333;
}
.play-pause-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s ease;
}

.play-pause-btn:hover {
  background: rgba(0, 0, 0, 0.7);
}

.play-pause-btn .play-pause-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.osano-cm-widget--position_right {
  right: 12px;
  display: none;
}
@media screen and (max-width:900px){
.footer_left_block img {
  width: 30%;
  margin: auto;
}
.social_icons li {
  padding: 7px;
}
.social_icons li:last-child {
  padding-right: 7px;
}
.footer_left_block .footer_menu {
  padding-top: 0px;
}
}

#alchemyPage .parallax_cont {
  transform: translateY(0px);
  transition: transform .2s ease-out;
}

#alchemyPage .parallax_cont.normal_state {
  transform: translateY(0) !important;
  transition: transform .2s ease-out; 
}

#alchemyPage .parallax_cont.scroll-up {
  transform: translateY(-10%) !important;
  transition: transform .2s ease-out;
}

#alchemyPage .parallax_cont.scroll-down {
  transform: translateY(10%) !important;
  transition: transform .2s ease-out;
}
@media (max-width: 1100px) {
  #alchemyPage .parallax_cont {
      transform: none !important;
      transition: none !important;
  }
}
.plain_paragraph p{
  padding-bottom: 10px;
}
.bullet-list li{
  list-style-type: disc !important;
}
.disclaimer{
  font-style: italic;
  padding-top: 10px;
}
.download-btn{
  margin-left: 40px;
  text-transform: uppercase;
}

@media screen and (min-width: 901px){
    .features .content_box .content_copy .float_content ul li{
        min-height: 120px;
    }
}