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

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

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

@font-face {
    font-family: 'montserrat_lightregular';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
    url('fonts/montserrat-light-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!important;}
::-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 {list-style:none;}
a{text-decoration:none !important;}
.tu{text-transform:uppercase;}
.no-padding{padding-left:0;padding-right:0;}
.no-margin{margin-right:0;margin-left:0;}

body {
    font-family: 'montserrat_lightregular';
    font-size: 1.1vw;
}

html, body {
    height: 100%;
}

main {
    min-height: 100%;
}

.menu_btn, .m_cell {
    display: none;
}

.show, .divider {
    display: block;
}

.img100 {
    width: 100%;
}

header {
    background-color: #303941;
    display: flex;
    justify-content: space-between;
    height: 11.7vw;
    align-items: center;
    padding: 0 7%;
    border-bottom: 6px solid #fff;
}

h1 {
    width: 12%;
}

h1 a {
    display: inline-block;
}

nav {
    width: 68%;
    display: flex;
    justify-content: flex-end;
}
nav ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

nav ul li a {
    color: #F4F4F5;
    text-transform: uppercase;
    font-size: 1.2vw;
    font-family: 'montserrat_lightregular';
    position: relative;
    padding-bottom: 0.5vw;
}

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

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

/*swiper*/

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

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
}

.slider_card {
    position: relative;
    margin-bottom: 7vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider_bg {
    width: 100%;
    height: 65.5vw;
}

.slider_bg.home {
    height: 44.5vw;
    position: relative;
}

.view_a_day_btn_card {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7vw;
    display: flex;
    justify-content: center;
}

.availability .view_a_day_btn_card {
    position: static;
    margin-bottom: 3.7vw;
}

button.view_a_day {
    position: relative;
    background-color: #303941;
    color: #F2F2F3;
    text-transform: uppercase;
    font-family: 'north_carosselaregular';
    font-size: 1.4vw;
    letter-spacing: 0.05vw;
    padding: 0.5vw 4vw 0.5vw 2vw;
    width: 21%;
    border: 1px solid #303941;
}

button.view_a_day:after {
    content: "";
    position: absolute;
    top: 0.8vw;
    right: 3.1vw;
    background-image: url("../images/play_icon2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5vw;
    height: 1.4vw;
}

.home_popup.modal-body {
    padding: 0;
    position: absolute;
}

.home_popup video {
    width: 100%;
}

.nhood_slide .swiper-slide > div {
    width: 100%;
    height: 20vw;
    cursor: pointer;
}

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

.nhood_swiper_inner {
    width: 90.2%;
    height: 90%;
}

.nhood_swiper_inner .swiper-slide > div {
    width: 100%;
    height: 100%;
}

.nhood_swiper_inner .swiper-slide > div.bg_style {
    background-size: contain;
}

.coll_slide_inner
{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    right: 0;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
}

.coll_close
{
    position: absolute;
    top: 1.2vw;
    right: 1.2vw;
    width: 1.4vw;
    height: 1.6vw;
    background-image: url("../images/close_icon_white.svg");
    background-repeat: no-repeat;
    cursor: pointer;
}

.swiper-button-prev.nhood_arrows,
.swiper-button-next.nhood_arrows {
    top: 50%;
    width: 2.7vw;
    height: 3.5vw;
}

.swiper-button-prev.nhood_arrows {
    left: 2vw;
    background-image: url(../images/arrow_left_white.svg);
}

.swiper-button-next.nhood_arrows {
    right: 2vw;
    background-image: url(../images/arrow_right_white.svg);
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -3vw;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.6vw;
    width: 0.7vw;
    height: 0.7vw;
}

.swiper-button-prev, .swiper-button-next {
    top: auto;
    z-index: 11;
    bottom: -3.3vw;
    background-repeat: no-repeat;
    width: 1.2vw;
    height: 2vw;
}

.swiper-button-next {
    right: 35vw;
    background-image: url(../images/arrow_right.svg);
}

.swiper-button-prev {
    left: 35vw;
    background-image: url(../images/arrow_left.svg);
}

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

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

.content {
    width: 62%;
    margin: auto;
    text-align: center;
}

h2 {
    color: #303941;
    font-family: 'north_carosselaregular';
    text-transform: uppercase;
    padding-bottom: 1.3vw;
    margin-bottom: 4.4vw;
    position: relative;
    display: inline-block;
    width: 15.4vw;
    font-size: 2.9vw;
    letter-spacing: 0.1vw;
}

h2.home_title {
    width: 51.4vw;
}

h2.nhood_title {
    width: 23.4vw;
}

h2:after, a.view_availability:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #303941;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.slider_content {
    padding-bottom: 6.2vw;
}

.slider_content p {
    color: #303941;
    line-height: 2vw;
    padding-bottom: 1.5vw;
}

.slider_content p:last-child {
    padding-bottom: 0;
}

footer {
    background-color: #303941;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2vw 0;
}

footer h3.address {
    color: #F4F4F5;
    padding-bottom: 1.3vw;
}

footer a {
    display: inline-block;
    margin-bottom: 1.3vw;
    color: #F4F4F5;
}

footer h3.address, footer a {
    font-size: 1.3vw;
}

footer p {
    width: 70%;
    font-size: 0.9vw;
    line-height: 1.2vw;
    color: #F4F4F5;
    margin: auto;
    padding-top: 1.3vw;
}

.footer_logos img {
    width: 2.4vw;
    height: 2.4vw;
}

.footer_logos img:first-child {
    width: 4vw;
    margin-right: 1.5vw;
}

a.view_availability {
    color: #303941;
    text-transform: uppercase;
    position: relative;
    font-family: 'north_carosselaregular';
    font-size: 2.3vw;
    letter-spacing: 0.1vw;
    padding: 4vw 0 1.3vw;
    display: inline-block;
}

.business_center {
    position: absolute;
    top: 2.2vw;
    right: 0;
    color: #F2F2F3;
    text-transform: uppercase;
    font-family: 'north_carosselaregular';
    font-size: 3.3vw;
    letter-spacing: 0.16vw;
    line-height: 3.7vw;
    background-color: #303941;
    opacity: .7;
    padding: 1.1vw 3.2vw;
}

ul.am_features {
    padding-top: 4.2vw;
}

ul.am_features li {
    color: #303941;
    text-transform: uppercase;
    font-size: 1.1vw;
    display: inline;
}

.divide_line {
    padding: 0 0.8vw;
}

.contact {
    width: 53%;
    margin: auto;
    padding: 6.9vw 0 7.9vw;
    text-align: center;
}

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

.form_list.are_you_broker {
    justify-content: center;
}

.form_list .select_form.full_width {
    width: 100%;
}

.disclosure {
    margin: 3vw auto 0;
}

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

.disclosure label {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}

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

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

.form_list .form_layout,
.form_list .select_form
{
    height: 3vw;
    margin-bottom: 1.9vw;
}

.form_list .form_layout,
.form_list .select_form,
.form_list.small_form
{
    width: 44%;
}

.form_list.txt_area {
    padding-top: 2.5vw;
    flex-direction: column;
}

.form_list .form_layout.txt_area_lyt
{
    width: 100%;
    height: 14.2vw;
    margin-bottom: 0;
}

.form_list  > span {
    padding-bottom: 0.5vw;
    text-transform: uppercase;
    font-family: 'montserrat_lightregular';
    text-align: left;
}

.form_list textarea,
.modal-inputs textarea
{
    width: 100%;
    background-color: transparent;
    height: 100%;
    color: #303941;
    font-family: 'montserrat_lightregular';
    text-transform: uppercase;
    border-radius: 0;
    padding: 1vw;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal-inputs textarea {
    border: 0;
    border-bottom: 1px solid #303941;
    text-align: center;
    padding: 0;
    height: 2.5vw;
    line-height: 2.4vw;
}

.form_list .form_layout input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #303941;
    color: #303941;
    font-family: 'montserrat_lightregular';
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 0.05vw;
    font-size: 1vw;
}

::placeholder {
    color: #303941;
    opacity: 1;
    font-family: 'montserrat_lightregular';
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    font-size: 1vw;
}
::-webkit-input-placeholder {
    color: #303941;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    opacity: 1;
    font-family: 'montserrat_lightregular';
    font-size: 1vw;
}
:-ms-input-placeholder {  /*Internet Explorer 10-11 */
    color: #303941;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    opacity: 1;
    font-family: 'montserrat_lightregular';
    font-size: 1vw;
}
::-ms-input-placeholder {  /*Microsoft Edge */
    color: #303941;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    opacity: 1;
    font-family: 'montserrat_lightregular';
    font-size: 1vw;
}

.ui-selectmenu-button.ui-button {
    border: 0;
    border-bottom: 1px solid #303941;
    height: 3vw;
    line-height: 3vw;
    color: #303941;
    width: 100%;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    font-family: 'montserrat_lightregular';
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    font-size: 1vw;
}

.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: 1vw;
    height: 0.5vw;
    padding-top: 3vw;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0;
    border-bottom: 1px solid #303941;
    background: transparent;
    color: #303941;
    font-family: 'montserrat_lightregular';
}

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

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

.br_firm {
    width: 44%;
    height: 3vw;
    background: transparent;
    margin-bottom: 1.9vw;
    border: 0;
    border-bottom: 1px solid #303941;
    color: #303941;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    font-size: 1vw;
}

.submit_btn {
    margin: 0 auto;
    text-align: center;
    padding-top: 2.6vw;
}

.submit_btn button[type=submit] {
    font-family: 'north_carosselaregular';
    background-color: #303941;
    color: #F2F2F3;
    text-transform: uppercase;
    border: 1px solid #303941;
    font-size: 1.4vw;
    width: 8.8vw;
    height: 2.5vw;
    letter-spacing: 0.05vw;
}

.submit_btn.reg button[type=submit] {
    width: 14.8vw;
}

.availability {
    text-align: center;
    padding: 6.9vw 0 7.5vw;
}

.availability .av_table {
    width: 82%;
    margin: auto;
}

.availability .av_table table {
    width: 100%;
}

.availability table thead tr th,
.availability table tbody tr td {
    text-align: center;
    border-bottom: 1px solid #303941;
    padding: 0.5vw;
    letter-spacing: 0.05vw;
}

.availability table thead tr th {
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'montserratregular';
    padding-bottom: 1vw;
}

.availability table tbody tr th,
.availability table tbody tr td,
.availability table tbody tr td a {
    color: #303941;
}

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

.dwn_icon, .env_icon, .tour_3d_icon, .v_tour_icon {
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 0.3vw;
}

.dwn_icon {
    background-image: url(../images/fp_icon.svg);
    width: 2.1vw;
    height: 2.1vw;
}

.v_tour_icon {
    background-image: url(../images/video_tour_icon.svg);
    width: 1.4vw;
    height: 1.7vw;
}

.tour_3d_icon {
    background-image: url(../images/3d_tour_icon.svg);
    width: 1.8vw;
    height: 1.2vw;
}

.env_icon {
    background-image: url(../images/env_icon.svg);
    width: 1.8vw;
    height: 1.5vw;
}

.schedule_tour {
    padding-top: 4vw;
}

.schedule_tour button, a.park_info {
    color: #F2F2F3;
    text-transform: uppercase;
    font-family: 'north_carosselaregular';
    font-size: 1.4vw;
    letter-spacing: 0.05vw;
    background-color: #303941;
    padding: 0.5vw 2vw;
    border: 1px solid #303941;
    width: 21%;
}

a.park_info {
    display: block;
    width: 46%;
    margin: 3vw auto 0;
}

    /*modals*/

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

#videoModal .modal-dialog {
    max-width: 78%;
}

.modal-body {
    padding: 3vw;
}

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

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

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

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

.modal-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 2vw;
    padding-bottom: 1.5vw;
    font-family: 'north_carosselaregular';
    letter-spacing: 0.1vw;
    line-height: 2.3vw;
}

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

.modal-inputs {
    width: 100%;
    height: 2.5vw;
    margin-bottom: 1.5vw;
}

.modal-inputs input {
    border: 0;
    border-bottom: 1px solid #303941;
    height: 100%;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #303941;
    letter-spacing: 0.05vw;
    font-family: 'montserrat_lightregular';
    font-size: 1vw;
}

.modal-submit.submit_btn {
    margin: 3vw auto 0;
    padding-top: 0;
}

.modal-submit.submit_btn button {
    width: 70%;
}

.pdf_link {
    text-align: center;
    padding: 0.5vw;
}
.pdf_link a {
    font-family: 'north_carosselaregular';
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    font-size: 2vw;
}

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

.contact_modal {
    padding: 1vw 0 0;
}

/*modals--end*/

.nhood_map {
    display: flex;
    justify-content: space-between;
    padding-bottom: 6.9vw;
}

.map {
    background-image: url(../images/map.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 67%;
    height: 44vw;
    position: relative;
}

.nhood_map .right {
    width: 33%;
    background-color: #F4F4F5;
    padding: 2.9vw 0 0 5.2vw;
}

.map_names {
    font-family: 'north_carosselaregular';
    text-transform: uppercase;
    font-size: 2.3vw;
    letter-spacing: 0.1vw;
    position: relative;
}

.map_names.active_color:before {
    content: "";
    position: absolute;
    top: 0.1vw;
    left: -2.5vw;
    background-image: url("../images/map_name_icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.4vw;
    height: 1.9vw;
}

.map_names,
.pins ul li {
    color: #303941;
}

.pins ul {
    padding-bottom: 1vw;
}

.pins ul li {
    font-size: 1vw;
}

a.active_color {
    color: #AE8566;
}

.tt_restaurants .ttip { background-image: url("../images/map_icons/rest_icon.svg"); }
.tt_park .ttip { background-image: url("../images/map_icons/parks_icon.svg"); }
.tt_everyday .ttip { background-image: url("../images/map_icons/everyday_icon.svg"); }
.tt_culture .ttip { background-image: url("../images/map_icons/culture_icon.svg"); }
.tt_nightlife .ttip { background-image: url("../images/map_icons/nightlife_icon.svg"); }
.tt_shops .ttip { background-image: url("../images/map_icons/shops_icon.svg"); }

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

.ttip_r1 {top: 47%; left: 40%;}
.ttip_r2 {top: 44.8%; left: 44.4%;}
.ttip_r3 {top: 46.8%; left: 42.6%;}
.ttip_r4 {top: 39.5%; left: 50.6%;}
.ttip_r5 {top: 41.9%; left: 48.6%;}
.ttip_r6 {top: 39.6%; left: 52.8%;}
.ttip_r7 {top: 39.6%; left: 54.8%;}
.ttip_r8 {top: 35.9%; left: 41.6%;}
.ttip_r9 {top: 38.6%; left: 40.4%;}
.ttip_r10 {top: 34.1%; left: 40.1%;}
.ttip_r11 {top: 51.7%; left: 39.6%;}
.ttip_r12 {top: 53.4%; left: 48.6%;}
.ttip_r13 {top: 54.9%; left: 47.4%;}
.ttip_r14 {top: 52.3%; left: 45.9%;}
.ttip_r15 {top: 56.4%; left: 40.8%;}
.ttip_r16 {top: 39.8%; left: 32.8%;}
.ttip_r17 {top: 33.8%; left: 31.5%;}
.ttip_r18 {top: 39.6%; left: 57.5%;}
.ttip_r19 {top: 60.3%; left: 39.4%;}
.ttip_r20 {top: 61.3%; left: 40.8%;}
.ttip_r21 {top: 64.3%; left: 42.5%;}
.ttip_r22 {top: 58.3%; left: 36.2%;}
.ttip_r23 {top: 52.7%; left: 36.3%;}
.ttip_r24 {top: 55.7%; left: 35%;}

.ttip_p1 {top: 61.3%; left: 30.7%;}
.ttip_p2 {top: 39.5%; left: 50.6%;}
.ttip_p3 {top: 39.5%; left: 51.8%;}
.ttip_p4 {top: 49.7%; left: 25.6%;}
.ttip_p5 {top: 66.3%; left: 33.3%;}
.ttip_p6 {top: 28.6%; left: 82.5%;}
.ttip_p7 {top: 24%; left: 69.7%;}
.ttip_p8 {top: 21.3%; left: 31.5%;}
.ttip_p9 {top: 76%; left: 15.3%;}
.ttip_p10 {top: 86.5%; left: 41.1%;}
.ttip_p11 {top: 91%; left: 31.3%;}
.ttip_p12 {top: 95.2%; left: 31.3%;}
.ttip_p13 {top: 32.7%; left: 42.5%;}

.ttip_e1 {top: 42.7%; left: 69.5%;}
.ttip_e2 {top: 1.8%; left: 63.6%;}
.ttip_e3 {top: 94.8%; left: 62.6%;}
.ttip_e4 {top: 40.6%; left: 46.6%;}
.ttip_e5 {top: 43.3%; left: 48.9%;}
.ttip_e6 {top: 48.1%; left: 47.7%;}
.ttip_e7 {top: 55.5%; left: 64.8%;}
.ttip_e8 {top: 61.7%; left: 42.5%;}
.ttip_e9 {top: 37.7%; left: 49.5%;}

.ttip_cul1 {top: 70.5%; left: 39.2%;}
.ttip_cul2 {top: 40.7%; left: 41.9%;}
.ttip_cul3 {top: 47.8%; left: 24.6%;}

.ttip_n1 {top: 11.3%; left: 64.1%;}
.ttip_n2 {top: 60.3%; left: 33.5%;}
.ttip_n3 {top: 61.5%; left: 36.5%;}
.ttip_n4 {top: 62.2%; left: 23.2%;}
.ttip_n5 {top: 67.3%; left: 35.9%;}
.ttip_n6 {top: 68.6%; left: 31%;}
.ttip_n7 {top: 48.8%; left: 14.9%;}
.ttip_n8 {top: 68.4%; left: 34.1%;}

.ttip_sh1 {top: 62.1%; left: 47.1%;}
.ttip_sh2 {top: 2.2%; left: 49.3%;}
.ttip_sh3 {top: 71.2%; left: 39.7%;}
.ttip_sh4 {top: 63.2%; left: 34%;}
.ttip_sh5 {top: 63.2%; left: 34%;}
.ttip_sh6 {top: 65.5%; left: 36%;}
.ttip_sh7 {top: 65.1%; left: 37.5%;}
.ttip_sh8 {top: 61.1%; left: 37.3%;}
.ttip_sh9 {top: 64.7%; left: 38.5%;}
.ttip_sh10 {top: 56.1%; left: 37.9%;}
.ttip_sh11 {top: 56.1%; left: 38.9%;}
.ttip_sh12 {top: 59.6%; left: 36%;}
.ttip_sh13 {top: 56.5%; left: 33%;}

.hide {
    display: none;
}

.tooltip .tooltip-inner {
    background-color: #303941;
    color: #fff;
}

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

.slider_card.home video {
    width: 30%;
}

.map_tmp {
    width: 70%;
}
.logo a img {
    width: 15vw;
}

@media only screen and (min-width: 768px) {
    header nav ul li a:hover:after,
    header nav ul li a.active:after {
        transform: scaleX(1);
    }

    nav ul li a:hover,
    nav ul li a:active,
    footer a:hover,
    footer a:visited
    {
        color: #F4F4F5;
    }

    a.view_availability:hover,
    a.view_availability:visited {
        color: #303941;
    }

    a.map_names:hover {
        color: #AE8566;
    }
}

@media only screen and (max-width: 767px) {


    .map_tmp {
        width: 100%;
    }
    .logo a img {
        width: 45vw;
    }

    .m_cell {
        display: block;
    }

    .d_cell {
        display: none;
    }

    .menu_btn {
        display: block;
        background-image: url("../images/menu_btn.svg");
        background-repeat: no-repeat;
        width: 8vw;
        height: 6vw;
        cursor: pointer;
        position: absolute;
        top: 4%;
    }

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

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

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

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

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

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

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

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

    nav ul li, .content,
    .availability .av_table,
    .contact
    {
        width: 90%;
    }

    nav ul li a,
    nav ul li a:hover,
    nav ul li a:focus,
    nav ul li a:active {
        color: #F4F4F5;
    }

    nav ul li a {
        font-size: 4.4vw;
        padding: 7vw 0;
        display: inline-block;
        letter-spacing: 0.2vw;
        width: 100%;
        border-bottom: 1px solid #F4F4F5;
        text-align: center;
    }

    header {
        height: 28vw;
    }

    .logo {
        width: 42vw;
        margin: auto;
    }

    body {
        font-size: 3.7vw;
    }

    .slider_bg, .slider_bg.home {
        height: 100vw;
    }

    .amenities .slider_bg {
        height: 75vw;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2vw;
        width: 2.5vw;
        height: 2.5vw;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 5.2vw;
        height: 6vw;
        bottom: -10vw;
    }

    .swiper-button-prev {
        left: 24vw;
    }

    .swiper-button-next {
        right: 24vw;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: -10vw;
    }

    .slider_card {
        margin-bottom: 24vw;
    }

    .slider_card.home_page {
        margin-bottom: 10vw;
    }

    .slider_content p {
        line-height: 7vw;
        padding-bottom: 3.5vw;
    }

    h2 {
        width: 45.4vw;
        font-size: 8.9vw;
        letter-spacing: 0.2vw;
        padding-bottom: 3.3vw;
        margin-bottom: 8.4vw;
    }

    .availability h2 {
        margin-bottom: 10vw;
    }

    h2.home_title {
        width: 100%;
    }

    a.view_availability {
        font-size: 5.3vw;
        letter-spacing: 0.2vw;
        padding: 9vw 0 2.3vw;
    }

    .slider_content {
        padding-bottom: 14.2vw;
    }

    footer {
        padding: 6vw 0;
    }

    footer h3.address, footer a {
        font-size: 3.3vw;
    }

    footer a {
        margin-bottom: 5.3vw;
    }

    .footer_logos img {
        width: 6.4vw;
        height: 6.4vw;
    }

    .footer_logos img:first-child {
        width: 10vw;
        margin-right: 3.5vw;
    }

    footer p {
        width: 90%;
        font-size: 2.2vw;
        line-height: 2.7vw;
        padding-top: 5.3vw;
    }

    footer h3.address {
        padding-bottom: 5.3vw;
    }

    .business_center {
        top: 5.5vw;
        font-size: 6.3vw;
        letter-spacing: 0.2vw;
        line-height: normal;
        padding: 3.7vw 5.2vw;
    }

    ul.am_features {
        padding-top: 9vw;
        flex-direction: column;
    }

    ul.am_features li {
        padding-bottom: 3vw;
    }

    ul.am_features li  {
        font-size: 3.3vw;
        display: block;
    }

    ul.am_features li:last-child {
        padding-bottom: 0;
    }

    ul.am_features li.divide_line {
        display: none;
    }

    h2.nhood_title {
        width: 71.4vw;
    }

    .nhood_map {
        padding-bottom: 11.9vw;
        flex-direction: column;
    }

    .nhood_map .left,
    .nhood_map .right {
        width: 100%;
    }

    .map {
        height: 67vw;
    }

    .nhood_map .right {
        padding: 5vw 0 5vw 10vw;
    }

    .map_names {
        font-size: 4.3vw;
        letter-spacing: 0.2vw;
    }

    .map_names.active_color:before {
        left: -5vw;
        width: 3.4vw;
        height: 3.9vw;
    }

    .pins ul {
        padding-bottom: 3.5vw;
    }

    .pins ul li {
        font-size: 2.5vw;
    }

    .availability table thead tr th,
    .availability table tbody tr td {
        font-size: 3.2vw;
        letter-spacing: 0.1vw;
        padding: 2.5vw 0.5vw;
    }

    .dwn_icon {
        width: 4.1vw;
        height: 4.1vw;
    }

    .v_tour_icon {
        width: 3.4vw;
        height: 3.7vw;
    }

    .tour_3d_icon {
        width: 3.8vw;
        height: 3.2vw;
    }

    .env_icon {
        width: 3.8vw;
        height: 3.5vw;
    }

    .dwn_icon, .env_icon,
    .tour_3d_icon, .v_tour_icon {
        margin-top: 0.6vw;
    }

    .availability .view_a_day_btn_card {
        margin-bottom: 8vw;
    }

    .schedule_tour button, button.view_a_day,  a.park_info {
        font-size: 3.4vw;
        letter-spacing: 0.2vw;
        width: 50%;
    }

    a.park_info {
        width: 79%;
        margin: 6vw auto 0;
    }

    .schedule_tour button, a.park_info {
        padding: 2.5vw 3vw;
    }

    button.view_a_day {
        padding: 2.5vw 5vw 2.5vw 0;
    }

    button.view_a_day:after {
        width: 3.8vw;
        height: 3.8vw;
        top: 3.3vw;
        right: 6.2vw;
    }

    .schedule_tour {
        padding-top: 9vw;
    }

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

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

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

    .modal-body {
        padding: 8vw;
    }

    .modal-title {
        padding-bottom: 8vw;
        font-size: 7vw;
        letter-spacing: 0.2vw;
        line-height: 7.3vw;
    }

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

    .form_list {
        flex-direction: column;
    }

    .form_list .form_layout,
    .form_list .select_form,
    .form_list.small_form, .br_firm {
        width: 100%;
    }

    .form_list .form_layout,
    .form_list .select_form,
    .form_list.small_form, .br_firm,
    .modal-inputs {
        margin-bottom: 3vw;
    }

    .form_list .form_layout,
    .form_list .select_form,
    .ui-selectmenu-button.ui-button,
    .br_firm, .modal-inputs,
    .modal-inputs textarea
    {
        height: 8vw;
    }

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

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

    .form_list.small_form .select_form:last-child {
        margin-bottom: 0;
    }

    .form_list .form_layout input,
    .ui-selectmenu-button.ui-button,
    .br_firm, .modal-inputs input
    {
        font-size: 3.7vw;
        letter-spacing: 0.1vw;
    }

    ::placeholder {
        letter-spacing: 0.1vw;
        font-size: 3.7vw;
    }
    ::-webkit-input-placeholder {
        letter-spacing: 0.1vw;
        font-size: 3.7vw;
    }
    :-ms-input-placeholder {  /*Internet Explorer 10-11 */
        letter-spacing: 0.1vw;
        font-size: 3.7vw;
    }
    ::-ms-input-placeholder {  /*Microsoft Edge */
        letter-spacing: 0.1vw;
        font-size: 3.7vw;
    }

    .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: 2.5vw;
        padding-top: 8vw;
    }

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

    .form_list .form_layout.txt_area_lyt {
        height: 26.2vw;
    }

    .submit_btn {
        padding-top: 7.6vw;
    }

    .submit_btn button[type=submit] {
        font-size: 5.7vw;
        width: 35vw;
        height: 10vw;
        letter-spacing: 0.2vw;
    }

    .submit_btn.reg button[type=submit] {
        width: 63.8vw;
    }

    .disclosure label:before {
        width: 3.6vw;
        height: 3.6vw;
        left: -5.5vw;
        top: 0.6vw;
    }

    .contact {
        padding: 10vw 0 16vw;
    }

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

    .pdf_link a {
        letter-spacing: 0.2vw;
        font-size: 5vw;
    }

    .modal-submit.submit_btn button[type=submit] {
        width: 50vw;
    }

    .nhood_slide .swiper-slide > div {
        height: 68vw;
    }

    .ttip {
        width: 6.8vw;
        height: 7.2vw;
    }

    .ttip_e3 {
        top: 89.8%;
    }

    .ttip_p11 {
        top: 85%;
    }

    .ttip_p12 {
        top: 90.1%;
    }

    .slider_card.home video,
    .home_popup video
    {
        display: none;
    }

    .slider_card.home_page video.m_cell,
    .home_popup video.m_cell
    {
        width: 100%;
        display: block;
    }

    #videoModal .close_btn {
        right: -4.5vw;
        top: -9vw;
    }

    #videoModal .close_icon {
        background-image: url(../images/close_btn_white.svg);
    }

    #videoModal .modal-dialog {
        max-width: 86%;
    }

}