/*Theme Name: Marinerbay / Crosswinds*/
/*Thin    "azo-sans-web"  200     normal
Regular     "proxima-nova"  400     normal
Light   "proxima-nova"  300     normal
Italic  "adobe-garamond-pro"    400     italic*/

@font-face {
  font-family: 'avenirregular';
  src: url('fonts/avenirregular.eot');
  src: url('fonts/avenirregular.eot?#iefix') format('embedded-opentype'),
    url('fonts/avenirregular.woff2') format('woff2'),
    url('fonts/avenirregular.woff') format('woff'),
    url('fonts/avenirregular.ttf') format('truetype'),
    url('fonts/avenirregular.svg#avenirregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*alterate font for proxima nova*/
@font-face {
  font-family: 'regencielight';
  src: url('fonts/regencielight-webfont.eot');
  src: url('fonts/regencielight-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/regencielight-webfont.woff2') format('woff2'),
    url('fonts/regencielight-webfont.woff') format('woff'),
    url('fonts/regencielight-webfont.ttf') format('truetype'),
    url('fonts/regencielight-webfont.svg#regencielight') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*alterate font for proxima nova azo sans*/
@font-face {
  font-family: 'azo_sansthin';
  src: url('fonts/rui_abreu_-_azosans-thin-webfont.eot');
  src: url('fonts/rui_abreu_-_azosans-thin-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('fonts/rui_abreu_-_azosans-thin-webfont.woff2') format('woff2'),
    url('fonts/rui_abreu_-_azosans-thin-webfont.woff') format('woff'),
    url('fonts/rui_abreu_-_azosans-thin-webfont.ttf') format('truetype'),
    url('fonts/rui_abreu_-_azosans-thin-webfont.svg#azo_sansthin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AzoSans-Regular';
  src: url('fonts/AzoSans-Regular.eot');
  src: url('fonts/AzoSans-Regular.woff2') format('woff2'),
    url('fonts/AzoSans-Regular.woff') format('woff'),
    url('fonts/AzoSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Basic Styling for common HTML elements*/
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;
}
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
  height: 100%;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: normal;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
img,
input,
textarea,
fieldset {
  border: 0px;
  resize: none;
}
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
::-moz-selection {
  background: #80b13d;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #504f4a;
  color: white;
  text-shadow: none;
}
a,
input[type='button'] {
  cursor: pointer;
  text-decoration: none;
}
a {
  color: #58585a;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: 1px;
}
input,
button,
textarea {
  -webkit-appearance: none;
}
input,
textarea {
  border-radius: 0px;
}
input[type='text'],
textarea {
  border: 1px solid #cfcfcf;
  color: #b6b6b6;
  padding: 13px;
  font-size: 18px;
}
html,
body {
  height: 100%;
}
input.css-checkbox[type='checkbox'] {
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0px;
  border: 0px none;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  opacity: 0;
}
.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
:focus {
  outline: 1px dotted #000000;
  outline-offset: 1px;
}
.hide_h1 {
  pointer-events: none;
  z-index: -1;
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.fa {
  color: #999;
  font-size: 23px;
}
.fa-twitter {
  font-size: 25px;
}
.fa-pinterest {
  font-size: 23px;
}
.fa-facebook {
  color: #000;
  position: absolute;
  left: 7px;
  font-size: 18px;
  top: 6px;
}
.fa-google-plus {
  margin-top: 3px;
  font-size: 21px;
}
.fa-stack {
  width: auto;
  height: auto;
  line-height: inherit;
  margin-top: -2px;
  font-size: 17px;
}

html.lb-popup-open,
.lb-popup-open body {
  overflow-y: hidden;
}
.lb-popup-open header {
  position: fixed !important;
}
body {
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #383837;
  background-color: #f3f2f7;
}
button {
  color: #58585a;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 1px;
}

.skipnav,
.skipnav:hover,
.skipnav:visited {
  position: absolute !important;
  left: -999em !important;
}
.skipnav:focus {
  background: #ffffff;
  left: 0 !important;
  outline: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 1000;
  padding: 1rem 1.5rem;
  color: #000000;
}

/*Covid Popup*/
.covid_popup {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  background: #464c88;
  color: #ffffff;
  width: 100%;
  padding: 25px 8.7vw 25px 30px;
  z-index: 999;
}
.covid_popup_close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  position: absolute;
  border: 0;
  padding: 0;
  cursor: pointer;
  right: 30px;
  width: 25px;
  height: 25px;
  top: 50%;
  margin-top: -12px;
  background: url(images/icons.svg) no-repeat right -45px;
  background-size: 24px 170px;
}
.covid_info {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.covid_info p {
  flex-grow: 1;
  max-width: 100%;
}
.covid_info p a {
  color: #ffffff;
  letter-spacing: 0.02em;
  text-decoration: underline;
}
.covid_btn_wrap {
  position: relative;
  margin-left: 10px;
  flex-grow: 0;
  flex-shrink: 0;
}
.covid_btn {
  white-space: nowrap;
  background-color: #ffffff;
  padding: 10px 18px 8px;
  color: #383837;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 29px;
  text-transform: uppercase;
  transition: all 0.2s ease;
}
.covid_btn:hover {
  opacity: 0.9;
}

/* Header styles */
header {
  position: absolute;
  height: 90px;
  width: 100%;
  padding: 0px 30px;
  transition: top ease 1s, background-color ease 1s;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
header:not(.white) :focus,
footer :focus {
  outline: 1px dotted #ffffff;
  outline-offset: 1px;
}
header #icon-div :focus,
header #menu-popUp #sec-menu1 :focus,
header #menu-popUp #sec-menu2 :focus {
  outline-offset: -1px;
}
header #logo-div {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  flex: 0 1 auto;
  transform: translateX(-50%);
}
header #logo-div span {
  display: inline-block;
  padding: 0 13px 0 10px;
  font: 200 26px/20px 'azo_sansthin';
  margin-top: 5px;
}
header #logo-div a {
  width: 200px;
  display: block;
  height: 100%;
  height: 50px;
  background-repeat: no-repeat;
  margin: 20px 0px;
  background-image: url(images/Mb_Cw.svg);
  background-size: 230px 200px;
}
header #logo-div a.cw {
  background-position: left -44px;
}
header #logo-div a.mb {
  background-position: right -140px;
}
header #icon-div {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
header #icon-div button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}
header #icon-div a,
header #icon-div button {
  display: block;
  float: left;
  height: 100%;
  position: relative;
  text-align: center;
  width: 40px;
}
header #icon-div a {
  font-family: 'AzoSans-Regular';
  font-weight: 100;
}
header #icon-div a:hover,
header #icon-div .right-primary-menu .active a {
  font-weight: 600;
}
header #icon-div a .header-icon,
header #icon-div button .header-icon {
  opacity: 1;
  background-image: url(images/icons.svg);
  position: absolute;
  top: 50%;
  margin-top: -20px;
  background-repeat: no-repeat;
  width: 22px;
  height: 29px;
  background-repeat: no-repeat;
  left: 50%;
  transform: translateX(-50%);
}
header #icon-div button#signUp .header-icon {
  background-position: 0px -193px;
  background-size: 27px 222px;
  margin-top: -16px;
}
header #icon-div button#menu .header-icon {
  background-position: 0 0;
  width: 23px;
  height: 18px;
  margin-top: -6px;
  background-size: 26px 227px;
}
/*header #icon-div a#fpSearch{opacity:0;pointer-events:none;}Phase 2*/
header #icon-div button#fpSearch .header-icon {
  background-position: 0px -98px;
  background-size: 21px 176px;
  width: 21px;
  height: 27px;
  margin-top: -15px;
}
header #icon-div a#call .header-icon {
  background-image: url(images/mobile_icons.png);
  opacity: 1 !important;
  margin-top: -13px;
}
header #icon-div a#loc .header-icon {
  background-image: url(images/mobile_icons.png);
  opacity: 1 !important;
  margin-top: -13px;
  background-position: left bottom;
}
/* header #icon-div button .overlay {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.05);
  color: #fff;
  display: table;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
}
header #icon-div button .overlay span {
  display: table-cell;
  vertical-align: middle;
  font-family: 'avenirregular';
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1px;
}
header #icon-div button:hover .overlay {
  opacity: 1;
}
header #icon-div button.close:hover .overlay {
  opacity: 0;
} */
/* header #icon-div a:hover .header-icon,
header #icon-div button:hover .header-icon {
  opacity: 0;
}
header #icon-div button.close:hover .header-icon {
  opacity: 1;
} */
header #icon-div a > div,
header #icon-div button > div {
  transition: opacity ease 0.6s;
}
header #icon-div a > .header-icon,
header #icon-div button > .header-icon {
  transition: opacity ease 0.3s;
}
header #signup-loading {
  text-align: center;
  display: none;
}
header #signup-loading img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
header .popUp {
  position: absolute;
  top: 90px;
  left: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 1);
  display: none;
}
header .popUp .wrap h1 {
  font-family: 'azo-sans-web', 'azo_sansthin';
  font-size: 34px;
  line-height: 54px;
  color: #34424c;
  font-weight: 200;
  text-align: center;
  margin-bottom: 30px;
}
header #menu-popUp {
  text-align: center;
  display: none;
}
header .right-primary-menu {
  display: flex;
  flex: 1 0 auto;
  margin-top: 10px;
}
header .right-primary-menu li a {
  width: auto !important;
  margin-right: 20px;
  font-family: 'azo_sansthin';
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
header #menu-popUp ul li a {
  font-family: 'azo-sans-web', 'azo_sansthin';
  font-weight: 200;
  font-size: 34px;
  line-height: 70px;
  text-transform: uppercase;
}
header #menu-popUp #sec-menu1,
header #menu-popUp #sec-menu2 {
  overflow: auto;
  max-width: 940px;
  margin: 0 auto;
}
header #menu-popUp #sec-menu1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
header #menu-popUp #sec-menu2 {
  max-width: 100%;
  padding-bottom: 20px;
}
header #menu-popUp #sec-menu1 li a,
header #menu-popUp #sec-menu2 li a {
  float: left;
  font-size: 16px;
  padding: 0px 15px;
}
header #menu-popUp #sec-menu1 li {
  float: left;
}
header #menu-popUp #sec-menu2 li {
  width: 200px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}
header #menu-popUp #sec-menu2 li a {
  font-size: 14px;
  width: 100%;
}
header.white {
  position: fixed;
  background-color: #fff;
}
header.white.startAnimate {
  top: -90px;
}
header.white.stopAnimate {
  top: 0px;
}
header.white.reverseAnimate {
  top: -45px;
}
/* header.white #icon-div button#signUp .header-icon {
  background-position: 0px -163px;
}
header.white #icon-div button#menu .header-icon {
  background-position: 0px 0px;
}
header.white #icon-div button#fpSearch .header-icon {
  background-position: 0px -70px;
} */
header.white #icon-div button .overlay {
  background-color: rgba(0, 0, 0, 0.05);
  color: #383837;
}
/* header.white #logo-div a.cw {
  background-position: left -44px;
}
header.white #logo-div a.mb {
  background-position: right -140px;
  height: 48px;
} */
header.white #icon-div button#menu.close .header-icon {
  background-position: 0px -25px;
  width: 24px;
  height: 24px;
  margin-top: -11px;
  background-size: 22px 168px;
}
header #menu-popUp ul li.hovered,
header #menu-popUp ul li.current-menu-item,
header #menu-popUp ul li.current-page-item {
  background-color: rgba(0, 0, 0, 0.05);
}
.target-device header #menu-popUp ul li.hovered {
  background-color: rgba(0, 0, 0, 0);
}
header .lightbox {
  position: fixed;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.56);
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 999;
  display: none;
}
header .lightbox .lb-sect {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  max-width: 640px;
  width: 100%;
  background-color: #fff;
  padding: 15px 15px 60px;
  margin: 0 auto;
}
header .lightbox .lb-sect .btn {
  background-color: #535aa1;
  display: block;
  height: 50px;
  padding: 10px 0px;
  text-align: center;
  color: #fff;
  font-weight: 100;
  cursor: pointer;
  margin: 0px 1%;
  font-size: 19px;
  letter-spacing: 1px;
}
header .lightbox .lb-sect .intro-message {
  padding-bottom: 20px;
}
header .lightbox .lb-sect .close {
  width: 44px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: right -25px;
  background-size: 22px 168px;
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url(images/icons.svg);
}
header .lightbox .lb-sect .row {
  overflow: auto;
}
header .lightbox .lb-sect .row a {
  width: 48%;
  float: left;
  margin-bottom: 10px;
}
header .lightbox .lb-sect .row a.cw {
  background-color: #30404b;
}
header .lightbox .lb-sect .row a.mb {
  background-color: #ba3c34;
}
header .lightbox .lb-sect .title {
  font-size: 21px;
  line-height: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 100;
  letter-spacing: 1px;
}
header .lightbox #resident-portal,
header .lightbox #schedule-tour {
  padding: 30px 15px;
}
.float_fix header {
  position: absolute !important;
}
.target-device header #icon-div button:hover .overlay {
  opacity: 0;
}
.target-device header #icon-div a:hover .header-icon,
.target-device header #icon-div button:hover .header-icon {
  opacity: 1;
}
#main-wrapper {
  min-height: 100%;
  position: relative;
  margin: 0 auto;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

footer {
  width: 100%;
  overflow: auto;
  height: auto;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 300;
  padding: 30px 30px;
}
footer .col {
  float: left;
}
footer a {
  display: block;
  color: #999;
}
footer a:hover {
  color: #fff;
}
footer .footer-top {
  padding: 0 80px 50px;
}
footer a.phn.call_setup:hover {
  color: #999;
}
footer .logo {
  background-image: url(images/Mb_Cw.svg);
  background-repeat: no-repeat;
  background-size: 184px 166px;
  display: block;
  height: 44px;
  margin-bottom: 20px;
}
footer #cw,
footer #mb {
  width: 32%;
}
footer #cw .logo {
  max-width: 184px;
  background-position: 0px 2px;
}
footer #mb .logo {
  max-width: 176px;
  background-position: -23px 60%;
}
footer > div {
  width: 100%;
  float: left;
}
/*footer .addr span{display: block;}*/
footer .phn {
  display: inline-block;
}
footer .call_us_txt {
  color: #999999;
  letter-spacing: 1px;
  padding-right: 5px;
}
.social-logo {
  width: 100%;
  float: left;
  padding-top: 10px;
}
.social-logo a {
  float: left;
  width: 24px;
  height: 20px;
  margin: 0px 5px 0px 0px;
}
.social-logo a.fb {
  margin: 0px 6px 0px 2px;
}
footer #main-nav-links,
footer #util-nav-links {
  padding-top: 4px;
  text-transform: uppercase;
  font-size: 14px;
}
footer #main-nav-links a,
footer #util-nav-links a {
  line-height: 25px;
}
footer #main-nav-links {
  width: 18%;
}
footer #util-nav-links {
  width: 16%;
}
footer #bozzuto {
  float: left;
}
footer #ada-eho {
  padding-top: 4px;
  width: 100%;
}
footer #ada-eho > div {
  float: right;
}
footer #ada-eho > div a {
  float: left;
  background-image: url('images/ada-eho.png');
  height: 25px;
  width: 24px;
}
footer #ada {
  background-position: left bottom;
  margin-left: 10px;
  cursor: default;
}

.signup-contact {
  width: 100%;
  max-width: 670px;
  margin: 0px auto;
  font-size: 16px;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  color: #5b5b5b;
  line-height: 29px;
  overflow: auto;
}
.signup-contact form {
  width: 100%;
  float: left;
}
.signup-contact form label {
  display: block;
  color: #666;
}
.signup-contact form .row {
  width: 100%;
  margin-bottom: 30px;
  float: left;
  position: relative;
}
.signup-contact form .row > div {
  margin-bottom: 0px;
}
.signup-contact form .col {
  width: 50%;
  float: left;
  padding: 0px 10px;
}
.signup-contact form .padding {
  padding: 0px 10px;
}
.signup-contact form .notify {
  font-size: 14px;
  margin-top: -13px;
}
.signup-contact form input[type='text'] {
  width: 100%;
  height: 55px;
}
.signup-contact form textarea {
  width: 100%;
  height: 180px;
}
.signup-contact form input[type='text'],
.signup-contact form textarea {
  color: #666;
  border: 1px solid #d1cfcf;
  background-color: #f7f7f7;
  font-size: 16px;
}
.signup-contact form input[type='submit'],
.signup-contact form input[type='button'] {
  width: 100%;
  background-color: #535aa1;
  display: block;
  height: 55px;
  padding: 12px 0px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  cursor: pointer;
  font-size: 19px;
  font-family: 'proxima-nova', 'regencielight';
  margin-top: 10px;
}
.signup-contact form input[type='button'] {
  background-color: #a6a9bd;
}
.signup-contact form input[type='submit']:hover {
  background-color: #464c88;
}
.signup-contact .check-type .cb-btn {
  background-color: #666666;
  font-size: 19px;
  font-weight: 300;
  height: 55px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 0px;
}
.signup-contact .check-type.cw .cb-btn:hover,
.signup-contact
  .check-type.cw
  input.css-checkbox[type='checkbox']:checked
  + label {
  background-color: #30404b;
}
.signup-contact .check-type.mb .cb-btn:hover,
.signup-contact
  .check-type.mb
  input.css-checkbox[type='checkbox']:checked
  + label {
  background-color: #ba3c34;
}
.signup-contact .check-type input.css-checkbox[type='checkbox']:focus + label {
  outline: 1px dotted #000000;
  outline-offset: 1px;
}
.signup-contact form .row.item-single label {
  padding: 13px 0px;
}
.signup-contact .error input[type='text'] {
  color: #ff0000;
  border: 1px solid #ff0000;
}
.signup-contact .error label {
  color: #ff0000;
}
.signup-contact .signup-check,
.signup-contact .contact-check {
  color: #f00;
  font-size: 13px;
  position: absolute;
  display: none;
  bottom: -24px;
  right: 10px;
}
.signup-contact .signup-check.error,
.signup-contact .contact-check.error {
  display: block;
}
/*.signup-contact .first-row.row{margin-bottom: 0px!important;}*/
.signup-contact .first-row.row > label {
  padding: 0px 10px 10px !important;
}
.signup-contact label.req {
  padding-top: 16px;
  line-height: 16px;
}

/* Home Page*/
#home-page {
  width: 100%;
  padding-top: 90px;
}
#home-page #top-sect {
  width: 100%;
  overflow: auto;
}
#home-page #top-sect > div {
  width: 100%;
}
#home-page #top-sect .hero-section img {
  width: 100%;
  object-fit: cover;
  height: 35vw;
  min-height: 300px;
}
#home-page #top-sect > div > div {
  width: 50%;
  height: 450px;
  float: left;
  background-size: cover !important;
  background-position: left bottom;
}
#home-page #top-sect .anim-layer {
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -mz-transition: all ease 1s;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  opacity: 0;
}
#home-page #top-sect .cw .anim-layer {
  background-color: rgba(48, 66, 76, 0.8);
}
#home-page #top-sect .mb .anim-layer {
  background-color: rgba(186, 60, 52, 0.8);
}
#home-page #top-sect .anim-text-wrap {
  color: rgb(255, 255, 255);
  display: table-cell;
  vertical-align: middle;
  padding: 0px 20px;
  color: #fff;
}
#home-page #top-sect .anim-text-wrap > div {
  margin-bottom: 30px;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -mz-transition: all ease 0.5s;
}
#home-page #top-sect .anim-text-wrap p {
  font-size: 18px;
  font-weight: 300;
  width: 100%;
  max-width: 433px;
  margin: 20px auto 0px;
}
#home-page #top-sect .anim-text-wrap .sep-line {
  height: 1px;
  background-color: #fff;
  width: 70px;
  margin: 0 auto;
}
#home-page #top-sect > div > div.anim.hovered .anim-layer,
#home-page #top-sect > div > div.anim:focus .anim-layer {
  opacity: 1;
}
#home-page #top-sect > div > div.anim.hovered .anim-text-wrap > div,
#home-page #top-sect > div > div.anim:focus .anim-text-wrap > div {
  opacity: 1;
  margin-bottom: 0px;
}
#home-page .card-sect .intro-message {
  padding: 60px 2%;
}
#home-page .intro-message {
  overflow: hidden;
}
#home-page .intro-message p {
  max-width: 564px;
  margin: 12px auto;
}
#home-page .card-sect .intro-message .heading-eyebrow {
  font-size: 22px;
  line-height: 16px;
  margin-bottom: 15px;
}
#home-page .card-sect .intro-message h1 {
  font-size: 38px;
  line-height: 38px;
  color: #383837;
}
#home-page .card-sect .intro-message .arrow-link {
  color: #383837;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -mz-transition: all 0.3s ease-in-out;
  display: block;
}
/*#home-page .card-sect .intro-message:hover .arrow-link{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);font-weight: 400;}*/
#home-page .card-sect .image {
  background-size: cover !important;
}
#home-page .card-sect .tall {
  height: 460px;
  width: 100%;
}
#home-page .card-sect .tall.services {
  background-position: right top !important;
}
#home-page .card-sect .short {
  height: 310px;
  width: 100%;
}
#home-page .card-sect .card {
  height: 212px;
  overflow: hidden;
  background-color: #fff;
}
#home-page .card-sect .sect {
  width: 100%;
  overflow: auto;
  position: relative;
}
#home-page .card-sect .col {
  width: 33.33%;
  float: left;
}
#home-page .card-sect .col.adjust-pos {
  padding-top: 310px;
}
#home-page .card-sect .col.absolute3 {
  position: absolute;
  top: 0px;
  left: 33.33%;
  float: none;
}
#home-page .card-sect .col.absolute6 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  float: none;
}
#home-page .card-sect .col.absolute9 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  float: none;
}
#home-page .card-sect .col.align-right {
  position: absolute;
  right: 0px;
  top: 0px;
  float: none;
}
#home-page .card-sect .hover-image {
  overflow: hidden;
}
#home-page .card-sect .hover-image .image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -mz-transition: all 0.3s ease-in-out;
}
#home-page .card-sect .hover-image:hover .image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#home-page .card-sect .hover-image.hovered .image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#home-page .card-sect .tall {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
#home-page .card-sect .intro-message .arrow-link:hover,
#home-page .card-sect .intro-message .arrow-link.hovered {
  color: #535aa1;
  font-weight: 400;
}
/*Common styles*/
.mobile {
  display: none !important;
}
.mobile-only {
  display: none !important;
}
.width100 {
  width: 100%;
  overflow: hidden;
}
.width50 {
  width: 50%;
  float: left;
}
.width25 {
  width: 25%;
  float: left;
}
.inner-page p {
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 100;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0px;
}
.intro-message {
  text-align: center;
  width: 100%;
  padding: 50px 2%;
}
.heading-eyebrow {
  font-family: 'adobe-garamond-pro';
  font-weight: 400;
  font-size: 24px;
  line-height: 18px;
  margin-bottom: 7px;
  font-style: italic;
  color: #383837;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 25px;
}
.intro-message p {
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0.02em;
  font-weight: 300;
  max-width: 634px;
  margin: 12px auto 0;
}
.intro-message .link {
  font-size: 18px;
  line-height: 29px;
  color: #505693;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -mz-transition: all 0.3s ease-in-out;
}
.intro-message .link.schedule-tour {
  display: inline-block;
  color: #000;
}
.intro-message .link.schedule-tour span {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
}
.intro-message .link.schedule-tour:hover {
  font-weight: 600;
  /*-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);*/
}
.intro-message .arrow-link {
  font-weight: 300;
  font-size: 17px;
  line-height: 18px;
}
h1,
h2,.prop-home-page .hero-image-content h2 {
  font-family: 'azo_sansthin';
  font-weight: 200;
  font-size: 53px;
  line-height: 60px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.prop-home-page .hero-image-content h2,.intro-message h2{
  font-size: 53px;
  line-height: 60px;
}
h2 {
  font-size: 42px;
  line-height: 60px;
}
h4,
h3,
.content-area .heading,
.sub-heading {
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
h3,
.content-area .heading {
  font-size: 21px;
  line-height: 24px;
  color: #ffffff;
}
h4,
.sub-heading {
  padding: 19px 0;
  line-height: 20px;
  font-size: 16px;
}
.sub-heading {
  color: #383837;
}
.banner-text {
  height: auto;
  color: #fff;
  background-color: #464c88;
  text-align: center;
  padding: 10px 70px;
  position: relative;
  transition: all ease 1s;
}
.banner-text span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.banner-text span a {
  text-decoration: none;
  border-bottom: 1px solid #878ab1;
  color: #fff;
}
.banner-text .close {
  position: absolute;
  right: 30px;
  background-position: right -45px;
  width: 44px;
  height: 25px;
  background-size: 24px 170px;
  top: 50%;
  margin-top: -12px;
  background-image: url(images/icons.svg);
  background-repeat: no-repeat;
}

/* for drop down */
.customSelect {
  position: relative;
  float: left;
  margin-right: 10px;
  width: 100% !important;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 25px;
  border: 1px solid #cfcfcf;
  color: #b6b6b6;
  background-color: #fff;
}
.customSelect .selectedValue {
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer;
  zoom: 1;
  background-color: rgb(247, 247, 247);
  display: block !important;
  color: #666;
}
.customSelect .selectList {
  z-index: 100;
  position: absolute;
  left: -999em;
  top: -999em;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
}
.customSelect.select-open .selectList {
  left: 0 !important;
  top: auto !important;
}
.customSelect .selectList dl {
  background: #fff;
}
.customSelect .selectList dl.defaultScrollbar {
  overflow-x: hidden;
  overflow-y: scroll;
}
.customSelect dl,
.customSelect dd {
  margin: 0;
}
.customSelect dd {
  zoom: 1;
  cursor: pointer;
}
.customSelect .disabled {
  color: #999;
  cursor: default;
}
.customSelect .selected {
  color: #383837;
  text-decoration: none;
}
.customSelect .selectList dd.hovered {
  background: #f9f9f9;
  color: #fff;
}
.customSelect .selectList dd.disabled.hovered {
  background: none;
  color: #999;
}
.customSelect dd {
  padding: 5px 10px;
  color: #383837;
}
select.custom {
  position: absolute;
  left: -999em;
}
select.custom.use-default {
  position: absolute;
  left: auto;
  height: 100%;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  font-size: 18px;
  display: block !important;
}
.customSelect.disabled .selectedValue {
  border: 1px solid #ccc;
  color: #ccc;
  cursor: default;
  background-color: rgb(247, 247, 247);
}
.caret {
  border-left: 1px solid #d1cfcf !important;
  background: url('images/arrow-down.png') no-repeat center #fff;
  top: 0 !important;
  right: 0 !important;
  width: 41px !important;
  height: 100% !important;
  background-color: rgb(247, 247, 247);
}
.customSelect .selectValueWrap .caret {
  position: absolute;
  top: 0px;
  right: 10px;
  cursor: pointer;
  border: none;
  width: 27px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/arrow-down.png);
}
.customSelect .selectList,
.customSelect .selectList dl,
.customSelect .selectList .selectListOuterWrap {
  width: 100% !important;
}
.customSelect .hovered {
  color: #000 !important;
}
.customSelect .mCustomScrollbar {
  height: 140px;
}
.customSelect .mCSB_scrollTools .mCSB_draggerContainer {
  opacity: 1;
}
.customSelect .mCSB_scrollTools .mCSB_draggerRail {
  opacity: 0;
}
.customSelect .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
}
.loading_div {
  display: block;
  width: 100%;
  text-align: center;
  float: left;
  padding: 10px 0px;
  display: none;
}
.loading-div img {
  width: 30px;
}
#contact-page .hywrap button[type='submit'] {
  display: inline-block;
  text-align: center;
}
#contact-page .contact_address {
  display: block;
}

/* Features Page*/
.inner-page {
  background-color: #f2f2f6;
  padding-top: 90px;
}
.inner-page.position-fixed {
  padding-top: 150px;
}
.inner-page .anchor-links {
  display: none;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-top: 25px;
}
.inner-page.position-fixed .anchor-links {
  position: fixed;
  top: 60px;
  z-index: 3;
  height: 60px;
  background-color: #f2f2f6;
  left: 0;
  right: 0;
  margin-top: 0;
  line-height: 60px;
}
.inner-page .anchor-links > button {
  height: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.inner-page .anchor-links > button:focus {
  outline-offset: -1px;
}
.inner-page .anchor-links > a,
.inner-page .anchor-links > button {
  font-weight: 300;
  font-size: 18px;
  width: 50%;
  float: left;
  text-transform: uppercase;
  color: #535aa1;
}
.inner-page .width50 .image {
  overflow: hidden;
  width: 50%;
  height: 441px;
  background-size: cover !important;
  background-position: center 65% !important;
  float: left;
}
.inner-page .image1,
.inner-page .last-img {
  overflow: hidden;
  width: 100%;
  height: 270px;
  background-size: cover !important;
  background-position: center 65% !important;
}
.crosswinds,
.mariner-bay {
  position: relative;
}
.crosswinds .heading {
  background-color: #30404b;
  padding: 18px 45px;
}
.mariner-bay .heading {
  background-color: #b13d35;
  padding: 18px 45px;
}
.inner-page .content-area {
  background: #ffffff;
}
.inner-page .content-area .content {
  height: auto;
  padding: 15px 45px;
  background-color: #ffffff;
}
.inner-page .content-area .content li:before {
  content: '\00b7';
  display: block;
  float: left;
  line-height: 22px;
}
.inner-page .content-area .content li p {
  padding-left: 10px;
}
.inner-page .crosswinds .content-section {
  position: absolute;
  right: 0;
  bottom: 0;
}
.inner-page .mariner-bay .content-section {
  position: absolute;
  left: 0;
  bottom: 0;
}
.inner-page .content-area .content {
  position: relative;
  height: auto;
  padding: 15px 45px;
  background-color: #ffffff;
}
.inner-page .content-area li:before {
  content: '\00b7';
  display: block;
  float: left;
  line-height: 22px;
}
.inner-page .content-areali p {
  padding-left: 10px;
}
.inner-page .desktop .image span,
.inner-page .desktop .image1 span,
.inner-page .desktop.last-img span {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover !important;
  background-position: center 65% !important;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -mz-transition: all 0.3s ease-in-out;
}
/*.inner-page .desktop .image:hover span,.inner-page .desktop .image1:hover span,.inner-page .desktop.last-img:hover span{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}*/
#features-page .special-text {
  position: absolute;
  bottom: 26px;
  left: 45px;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 0;
}
#features-page .mariner-bay .content-area .content {
  padding-bottom: 59px;
}
#features-page .crosswinds .content-area .content {
  border-right: 1px solid rgb(242, 242, 246);
}
.inner-page .flexslider .slides > li {
  display: block;
}
.inner-page .flexslider {
  border: none;
  margin: 0;
}
.inner-page .flex-control-nav {
  bottom: 0;
  z-index: 3;
  padding: 0 15px;
  text-align: left;
}
.inner-page .flex-control-paging li a.flex-active,
.inner-page .flex-control-paging li a:hover {
  background: rgba(255, 255, 255, 1);
}
.inner-page .flex-control-paging li a {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: none;
}
.flex-pauseplay button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
}
.flex-pauseplay a,
.flex-pauseplay button {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  left: auto;
  color: transparent;
  opacity: 1;
  overflow: hidden;
  background: url(images/pause-icon.svg) no-repeat center center;
  background-size: contain;
}
.flex-pauseplay a.flex-play,
.flex-pauseplay button.flex-play,
.gallery-slider.paused .flex-pauseplay button {
  background: url(images/play-icon.svg) no-repeat center center;
  background-size: contain;
}
.flex-pauseplay a:before {
  display: none;
}
.flex-pauseplay a:focus,
.flex-pauseplay button:focus {
  outline: 1px solid #ffffff;
}
.gallery-slider .flex-pauseplay a,
.gallery-slider .flex-pauseplay button {
  bottom: 70px;
}

.inner-page .bottom-box {
  text-align: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  height: 205px;
  padding: 72px 0;
  background-color: #535aa1;
}
.inner-page .nextpage-link {
  display: inline-block;
  width: auto;
  font-family: 'azo-sans-web', 'azo_sansthin';
  font-weight: 200;
  font-size: 53px;
  line-height: 60px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #ffffff;
  position: relative;
}
.inner-page .bottom-box .background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-color: rgba(83, 90, 161, 1) !important;
  background-size: cover !important;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -mz-transition: all 0.3s ease-in-out;
  opacity: 0.12;
}
.inner-page .bottom-box.hovered .background-image {
  background-color: rgba(83, 90, 161, 0.8) !important;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  opacity: 0.24;
}
.inner-page .nextpage-link span {
  position: relative;
  padding: 0 60px 0 0;
}
.inner-page .nextpage-link .arrow {
  display: inline-block;
  width: 60px;
  height: 68px;
  background: url(images/bottom/arrow_bottom.png) no-repeat center right;
  position: absolute;
  right: 0;
  top: 0;
  transition: right 0.3s ease-in-out;
  -webkit-transition: right 0.3s ease-in-out;
  -moz-transition: right 0.3s ease-in-out;
  -mz-transition: right 0.3s ease-in-out;
}
.inner-page .nextpage-link:hover .arrow {
  right: -10px;
}

/* Thank you Page*/
/*#thankyou-page .bottom-box .background-image{opacity:0.9;}*/
#thankyou-page .bottom-box .nxt_bg_ty,
#page_not_found .bottom-box .nxt_bg_ty {
  background: url('images/next_section_images/nextsection_floorplans.jpg')
    no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-size: cover;
  z-index: -2;
}
#thankyou-page,
#page_not_found {
  color: #666666;
}
#thankyou-page .intro-message {
  padding: 70px 2% 70px;
  max-width: 420px;
  margin: 0 auto;
}
#thankyou-page .view_btn {
  background-color: #5855a1;
  padding: 10px 25px;
  max-width: 260px;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  margin: 25px auto 0;
  font-family: 'proxima-nova';
  font-weight: 300;
  display: block;
  line-height: 25px;
  letter-spacing: 1px;
}
#page_not_found .view_btn {
  background-color: #5855a1;
  padding: 10px 25px;
  max-width: 260px;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  margin: 25px auto 0;
  font-family: 'proxima-nova';
  font-weight: 300;
  display: block;
  line-height: 25px;
  letter-spacing: 1px;
}
.socio_icons {
  width: 100%;
  display: table;
  margin-top: 30px;
}
.socio_icons a {
  margin-left: 2px;
}
.crosswinds_ty,
.mariner_ty {
  float: left;
  width: 50%;
}
.socio_icons_head {
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 300;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 45px;
  letter-spacing: 1.2px;
}
.crosswinds_ty .socio_icons_head,
.crosswinds_ty .fa {
  color: #3a4855;
}
.mariner_ty .socio_icons_head,
.mariner_ty .fa {
  color: #c04037;
}
.mariner_ty .fa-facebook,
.crosswinds_ty .fa-facebook {
  color: #fff;
  font-sizze: 16px;
}

/* 404 Page */
#page_not_found .intro-message {
  padding: 98px 2% 95px;
  max-width: 580px;
  margin: 0 auto;
}

/*Contact Page*/
#contact-page .signup-contact {
  padding-top: 90px;
}
#contact-page .signup-contact .intro-message {
  padding-top: 40px;
}
#contact-page .signup-contact #provide-mr-btn {
  background-color: #a6a9bd;
}
#contact-page .signup-contact #provide-mr-btn:hover {
  background-color: #464c88;
}
/*#contact-page .signup-contact form .row{margin-bottom: 30px;}*/
#contact-page #bottom-sect {
  font-weight: 300;
  font-size: 16px;
  line-height: 29px;
  width: 100%;
  float: left;
  padding-top: 15px;
}
#contact-page #bottom-sect h6 {
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
  color: #33424c;
}
#contact-page #bottom-sect .sect-head {
  font-weight: 600;
  color: #33424c;
}
#contact-page #bottom-sect p {
  color: #33424c;
}
#contact-page #bottom-sect a.dir {
  color: #535aa1;
}
#contact-page .row {
  width: 100%;
  margin-bottom: 30px;
  float: left;
}
#contact-page .row > div {
  margin-bottom: 0px;
}
#contact-page .col {
  width: 50%;
  float: left;
  padding: 0px 10px;
}
#contact-page .padding {
  padding: 0px 10px;
}
#contact-page .fa {
  color: #535aa1;
}
/*#contact-page .fa{color: #3f3f3f;}*/
#contact-page .fa-facebook {
  color: #f3f2f7;
}
#contact-page .social-logo {
  padding: 10px 0px;
}
/*#contact-page #more-info{display: none;}*/
#contact-page .hidden {
  display: none;
}

#contact-page .selectivo--open .selectivo__dropdown {
  display: block;
}
#contact-page .selectivo {
  width: 100%;
  text-transform: capitalize;
  line-height: 25px;
  border: 1px solid #cfcfcf;
  color: #383837;
  float: left;
}
#contact-page .selectivo__label {
  font-size: 16px;
  letter-spacing: 0;
  color: #666;
  padding: 10px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: rgb(247, 247, 247);
}
#contact-page .selectivo__label:after {
  border-left: 1px solid #d1cfcf !important;
  background: url(images/arrow-down.png) no-repeat center #fff;
  top: 0;
  right: 0;
  width: 41px;
  height: 100%;
  border: 0;
  margin-top: 0;
  background-color: rgb(247, 247, 247);
  box-sizing: border-box;
  transform: none;
}
#contact-page .selectivo--open .selectivo__label::after {
  border: 0;
}
#contact-page .selectivo__dropdown {
  font-size: 16px;
  line-height: 25px;
  border: 1px solid #cfcfcf !important;
}
#contact-page .dropdown [role='option'] {
  line-height: inherit;
}
#contact-page .dropdown [role='option']:focus,
[role='option'].selectivo__option--selected {
  background: #f9f9f9;
  color: #000000;
}

/* Neighborhood page*/
#neighborhood-page a.dwnld_dir span {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  margin-left: 5px;
}
#neighborhood-page a.dwnld_dir:hover {
  font-weight: 600;
}
#neighborhood-page a.dwnld_dir {
  padding-top: 15px;
  text-transform: uppercase;
  display: inline-block;
  color: #000;
  font-size: 18px;
  line-height: 29px;
}
#neighborhood-page .image-nb-1 {
  height: 270px;
  background-size: cover !important;
}
#neighborhood-page .image-nb-2 {
  height: 50%;
  background-size: cover !important;
  background-position: center top !important;
}
#neighborhood-page .image-num {
  background-position: 21% top !important;
}
#neighborhood-page .content-area {
  text-align: center;
}
#neighborhood-page .content-area .heading {
  background-color: #535aa1;
  padding: 18px;
}
#neighborhood-page .content-area .content li:before {
  display: inline-block;
  line-height: 22px;
  float: none;
  padding-right: 2px;
}
#neighborhood-page .middle-sect {
  position: relative;
}
#neighborhood-page .left-sect {
  position: absolute;
  left: 0px;
  height: 100%;
}
#neighborhood-page .right-sect {
  position: absolute;
  right: 0px;
  height: 100%;
}
#neighborhood-page .content-section {
  margin-left: 25%;
}
#neighborhood-page .content-area .content {
  padding: 8px 18px 30px;
}
#neighborhood-page .content-area .content h4,
#neighborhood-page .content-section .content .sub-heading {
  padding: 25px 0;
  padding-bottom: 13px;
}
#neighborhood-page .image {
  background-size: cover !important;
}
#neighborhood-page .flex-control-nav {
  text-align: center;
}
#neighborhood-page .bottom-box .background-image {
  background-position: 78% top !important;
}
#neighborhood-page #map-sect {
  height: 814px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#neighborhood-page #map-sect #map {
  height: 100%;
}
#neighborhood-page #map-sect #key_display_wrap {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 280px;
  background-color: rgb(255, 255, 255);
  z-index: 2;
  right: 0px;
  transition: all ease 1s;
  right: -240px;
  font-size: 16px;
  text-transform: uppercase;
}
#neighborhood-page #map-sect #key_display_wrap li {
  width: 100%;
  float: left;
  padding: 1px 0px;
}
#neighborhood-page #map-sect #key_display_wrap.expanded li {
  padding: 0px;
}
#neighborhood-page #map-sect #key_display_wrap li span.category-icon {
  width: 40px;
  height: 46px;
  display: inline-block;
  background-size: 100% auto;
  cursor: pointer;
  position: relative;
}
#neighborhood-page #map-sect #nav-menu button {
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#neighborhood-page #map-sect #dots {
  width: 44px;
  height: 45px;
  padding: 8px;
  display: block;
}
#neighborhood-page #map-sect #dots img {
  width: 30px;
  height: auto;
}
#neighborhood-page #map-sect #key_display_wrap li span {
  display: none;
  vertical-align: middle;
}
#neighborhood-page #map-sect #key_display_wrap.expanded li span {
  display: inline-block;
}
#neighborhood-page #map-sect #key_display_wrap li .hover-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.05);
}
#neighborhood-page #map-sect #key_display_wrap li:hover .hover-overlay {
  display: block;
}
#neighborhood-page
  #map-sect
  #key_display_wrap.expanded
  li:hover
  .hover-overlay {
  display: none;
}
#neighborhood-page #map-sect #nav-menu #close {
  display: none;
}
#neighborhood-page #map-sect #nav-menu {
  text-align: center;
}
#neighborhood-page
  #map-sect
  #key_display_wrap:not(.set-icons)
  li.display_all
  button {
  display: none;
}
#neighborhood-page #key_display > li > button {
  font-size: 16px;
  letter-spacing: 0;
  color: #383837;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
}
#neighborhood-page #key_display > li > button > span.category {
  padding-left: 5px;
  cursor: pointer;
  text-transform: uppercase;
}
#neighborhood-page #map-sect #key_display_wrap.expanded #nav-menu #close {
  display: block;
  width: 100%;
}
#neighborhood-page #map-sect #key_display_wrap.expanded #nav-menu #dots {
  display: none;
}
#neighborhood-page #map-sect #key_display_wrap #nav-menu #close {
  display: none;
  height: 45px;
  padding: 9px 0px;
}
#neighborhood-page #map-sect #key_display_wrap #nav-menu #close span {
  display: inline-block;
  background-image: url(images/icons.svg);
  background-position: 0px -25px;
  width: 23px;
  height: 24px;
  background-size: 22px 168px;
  vertical-align: middle;
  padding-left: 30px;
  background-repeat: no-repeat;
}
#neighborhood-page #map-sect #key_display_wrap.expanded {
  right: 0px;
}
#neighborhood-page #map-sect #key_display_wrap.set-icons #nav-menu {
  text-align: center;
}
#neighborhood-page #map-sect #key_display_wrap.set-icons #nav-menu #close {
  display: block;
}
#neighborhood-page #map-sect #key_display_wrap.set-icons #nav-menu #dots {
  display: none;
}
#neighborhood-page #map-sect #key_display_wrap.set-icons li {
  text-align: center;
}
#neighborhood-page #map-sect #key_display_wrap.set-icons li span {
  display: inline-block;
}
#neighborhood-page #map-sect #key_display_wrap.set-icons li span.hover-overlay {
  display: none;
}
#neighborhood-page .mobile_key_display_heading {
  font-size: 18px;
  padding: 13px 0px;
  background-color: #535aa1;
  text-align: center;
}
#neighborhood-page #mobile_key_display {
  background-color: #fff;
}
#neighborhood-page #mobile_key_display > li {
  width: 100%;
  text-align: center;
  padding: 12px 0px;
  border-bottom: 1px solid #e7e7e7;
}
#neighborhood-page #mobile_key_display > li > button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  font-size: 16px;
  line-height: initial;
  letter-spacing: 0;
  color: #383837;
  text-transform: uppercase;
  cursor: pointer;
}
#neighborhood-page #mobile_key_display > li > button:after {
  content: '+';
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
#neighborhood-page #mobile_key_display > li > button.active:after {
  content: '-';
  margin-top: -6px;
}
#neighborhood-page #mobile_key_display > li.expanded > span:after {
  content: '-';
}
#neighborhood-page #mobile_key_display > li .category_sub {
  padding: 20px 0px 0px;
}
#neighborhood-page #mobile_key_display > li .category_sub > li {
  margin-bottom: 20px;
}
#neighborhood-page #mobile_key_display > li .category_sub > li p {
  margin-bottom: 4px;
  color: #535aa1;
}
#neighborhood-page #mobile_key_display > li .category_sub > li p.place_name {
  color: #666;
}
#neighborhood-page .map-top-icons {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 45px;
  z-index: 1;
}
#neighborhood-page .map-top-icons button {
  cursor: pointer;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#neighborhood-page .map-top-icons button {
  background-image: url(images/neighborhood/map_icons.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  display: block;
  background-position: left -11px;
}
#neighborhood-page .map-top-icons li.zoom_out .set_map_zoom {
  background-position: left -62px;
  margin-top: -1px;
}
#neighborhood-page .map-top-icons li.walk .set_zoom {
  background-position: left -114px;
  margin-top: 5px;
}
#neighborhood-page .map-top-icons li.bike .set_zoom {
  background-position: left -166px;
  margin-top: 5px;
}
#neighborhood-page .map-top-icons li.drive .set_zoom {
  background-position: left -215px;
  margin-top: 5px;
}
.map-popup {
  background-color: #fff;
  padding: 30px;
  color: #666;
  position: relative;
}
.map-popup #content-sect h3 {
  font-size: 21px;
  line-height: 24px;
  color: #666;
  letter-spacing: 1px;
}
.map-popup #content-sect p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0px;
  color: #050708;
}
.map-popup .directions a {
  text-transform: uppercase;
  color: #535aa1;
  font-size: 14px;
  line-height: 21px;
}
.map-popup #arrow_sect a {
  background-image: url(images/neighborhood/map_arw_dwn.png);
  display: block;
  width: 15px;
  height: 9px;
  margin: 0 auto;
}
.map-popup #arrow_sect {
  position: absolute;
  bottom: -8px;
  left: 30px;
  right: 30px;
}
.map-popup .popup-close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.map-popup .popup-close-icon a {
  background-image: url(images/icons.svg);
  width: 16px;
  height: 19px;
  background-position: 0px -22px;
  background-size: 16px 144px;
  display: block;
}
#neighborhood-page .gm-style-iw ~ div {
  opacity: 0;
  visibility: hidden;
}
#neighborhood-page .gm-style .gm-style-iw,
#neighborhood-page .gm-style .gm-style-iw > div,
#neighborhood-page .gm-style .gm-style-iw > div > div {
  overflow: visible !important;
}

/* Floor Plan Page */
.floorplan-content {
  width: 100%;
  max-width: 700px;
  margin: 0px auto;
  font-size: 16px;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  color: #5b5b5b;
  line-height: 29px;
  overflow: auto;
  margin-bottom: 150px;
  padding: 0 10px;
}
.floorplan-content form {
  width: 100%;
  float: left;
}
#floorplan-page .row {
  width: 100%;
  margin-bottom: 20px;
  float: left;
  position: relative;
}
.floorplan-content .row {
  width: 100%;
  margin-bottom: 30px;
  float: left;
  position: relative;
  text-align: left;
}
.floorplan-content form .row {
  margin-bottom: 20px;
}
.floorplan-content .padding {
  padding: 0px 10px;
}
.floorplan-content form label {
  display: block;
  color: #666;
}
#floorplan-page .row > div {
  margin-bottom: 0px;
}
.floorplan-content .row > div {
  margin-bottom: 0px;
}
.floorplan-content .check-type .cb-btn {
  background-color: #666666;
  font-size: 19px;
  font-weight: 300;
  height: 55px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 0px;
  letter-spacing: 1px;
}
.floorplan-content form label {
  display: block;
  color: #666;
}
.floorplan-content .col {
  width: 50%;
  float: left;
  padding: 0px 10px;
}
.floorplan-content form input[type='text'],
.floorplan-content form textarea {
  color: #666;
  border: 1px solid #d1cfcf;
  background-color: #f7f7f7;
  font-size: 16px;
}
.floorplan-content form input[type='text'] {
  width: 100%;
  height: 55px;
}
.floorplan-content .check-type.cw .cb-btn:hover,
.floorplan-content
  .check-type.cw
  input.css-checkbox[type='checkbox']:checked
  + label {
  background-color: #30404b;
}
.floorplan-content .check-type.mb .cb-btn:hover,
.floorplan-content
  .check-type.mb
  input.css-checkbox[type='checkbox']:checked
  + label {
  background-color: #ba3c34;
}
.floorplan-content
  .check-type
  input.css-checkbox[type='checkbox']:focus
  + label {
  outline: 1px dotted #000000;
  outline-offset: 1px;
}
.floorplan-content .row .box {
  color: #666;
  border: 1px solid #d1cfcf;
  background-color: #f7f7f7;
  float: left;
  width: 15%;
  height: 100px;
  margin-right: 13px;
}
.floorplan-content span.br {
  font-size: 23px;
  font-family: 'azo-sans-web', 'azo_sansthin';
  font-weight: 200;
  text-align: center;
  padding-top: 25px;
  display: block;
  text-transform: uppercase;
}
.floorplan-content span.br.br-studio {
  font-size: 23px;
  padding-left: 5px;
  padding-top: 25px;
}
.floorplan-content .row .box:last-child {
  margin-right: 0px;
}
.floorplan-content span.den {
  text-align: right;
  display: block;
  padding-right: 27%;
  line-height: 14px;
  font-size: 16px;
  font-family: 'azo-sans-web', 'azo_sansthin';
  font-weight: 200;
}
.floorplan-content .row .box:hover {
  border: 1px solid rgb(77, 94, 162);
}
.floorplan-content .row .box:hover label {
  color: #535aa1;
}
.floorplan-content .box-selected {
  background-color: #4d5ea2;
  color: #fff;
}
.floorplan-content form input[type='submit'] {
  width: 100%;
  background-color: #535aa1;
  display: block;
  height: 55px;
  padding: 12px 0px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  cursor: pointer;
  font-size: 19px;
  font-family: 'proxima-nova', 'regencielight';
}
.floorplan-content .box.check-type label {
  height: 100%;
}
.floorplan-content .interest_both {
  padding-bottom: 10px; /*display: block;color:#666;*/
}
/*.floorplan-content .intersted_prop{display: block;color:#666;}*/
#floorplan-detail .floorplan-content {
  margin-bottom: 20px;
}
#floorplan-detail .floorplans-lists {
  margin-top: 50px;
  min-height: 100px;
}
#floorplan-detail .no_results {
  padding-top: 30px;
  text-align: center;
  font-size: 25px;
  color: #717171;
  text-transform: capitalize;
}
/*floorplan   datepicker*/
.ui-datepicker td {
  font-family: 'proxima-nova', 'regencielight';
  font-size: 14px;
}
.ui-datepicker table {
  font-family: 'proxima-nova', 'regencielight';
}
.date-picker {
  position: relative;
}
.date-picker-rightarrow {
  position: absolute;
  border-left: 1px solid #d1cfcf !important;
  background: url('images/arrow-down.png') no-repeat center #fff;
  top: 0 !important;
  right: 0 !important;
  width: 41px !important;
  height: 100% !important;
  background-color: rgb(247, 247, 247);
  background-position: center center;
  border: 1px solid #d1cfcf;
  pointer-events: none;
}
.ui-widget-header {
  border: none !important;
  background: #ffffff url('') 50% 50% repeat-x !important;
  color: #666 !important;
  font-family: 'proxima-nova', 'regencielight';
}
.ui-widget-content {
  color: #666 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none !important;
  background: none !important;
  font-weight: bold;
  color: #666 !important;
  text-align: center;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: #fffefc !important;
  background-color: rgb(77, 94, 162) !important;
  text-align: center;
}
.ui-datepicker .ui-datepicker-next {
  background: url('images/right-arrow.png') no-repeat !important;
  background-position: center center !important;
}
.ui-datepicker .ui-datepicker-prev {
  background: url('images/left-arrow.png') no-repeat !important;
  background-position: center center !important;
}
.ui-widget-content {
  background-color: #fff !important;
}
.col-100 {
  width: 100% !important;
}
.current_page_parent {
  background-color: rgba(0, 0, 0, 0.1);
}
/*end floorplan   datepicker*/
/*floorplan slider*/
.floorplan-content .noUi-background {
  background: #535aa1;
  box-shadow: none;
}
.floorplan-content .noUi-horizontal {
  height: 10px;
  margin-left: -10px;
}
.floorplan-content .noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  top: -8px;
}
.floorplan-content .noUi-handle {
  border-radius: 15px;
}
.floorplan-content .noUi-handle:after,
.noUi-handle:before {
  content: none !important;
}
.floorplan-content .price {
  padding-left: 7px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.floorplan-content .noUi-origin {
  background-color: #fff;
}
.floorplan-content .noUi-connects {
  position: absolute;
  top: 0;
  left: 0;
}
.floorplan-content .noUi-connects .noUi-connect {
  background: #535aa1;
}
.floorplan-content .slider-values {
  float: left;
  margin-top: 28px;
  margin-left: -8px;
  width: 100%;
}
.floorplan-content span.slider-higher {
  float: right;
}
.floorplan-content span.slider-lower {
  float: left;
}
.floorplan-content .ui-widget {
  font-family: 'proxima-nova' !important;
  font-size: 1.1em;
  font-weight: 200 !important;
}
.floorplan-content
  .check-type
  input.css-checkbox[type='checkbox']:checked
  + label {
  background-color: #535aa1;
  color: #fff;
}
.floorplan-content
  .check-type
  input.css-checkbox[type='checkbox']:focus
  + label {
  outline: 1px dotted #000000;
  outline-offset: 1px;
}
.floorplan-content .hidden {
  display: none;
}
.floorplan-content span.prop-check.hide {
  margin-left: 20px;
}
.floorplan-content .box-container .box.check-type label {
  cursor: pointer;
}
.floorplan-content .startDate.hasDatepicker {
  cursor: pointer;
}
/*end floorplan slider*/

#floorplan-page .floorplan-content .back,
#floorplan-page .floorplan-content .row-wrapper .dropdown .drpdwn-label,
#floorplan-page .fp_close {
  display: none;
}
.floorplan_desktop .propertyselect:focus,
.floorplan_desktop .dropdown:focus,
.floorplan_desktop .select-max:focus,
.floorplan_desktop .hasDatepicker:focus,
.floorplan_desktop .submit-div input[type='submit']:focus,
.floorplan_desktop .back:focus {
  outline: 1px dotted #ffffff;
}
/*floor plan list*/
.floorplan-list-nav {
  text-align: center;
  padding: 10px 0px;
  position: relative;
}
.both {
  color: #fff;
  background-color: #464c88;
}
.mariner {
  background-color: #ba3c34;
}
.crosswinds {
  background-color: #30404b;
}
.mfp-close-btn-in .mfp-close {
  top: 0px;
  right: 0 !important;
  width: 44px;
}
.mfp-close-btn-in .mfp-close:focus {
  outline: 1px dotted #ffffff;
  outline-offset: -1px;
}
#floorplan-list .floor,
#floorplan-detail .floor {
  text-transform: uppercase;
}
#floorplan-list .list-container-wrapper {
  padding: 5px 10px 30px 10px;
  width: 100%;
  max-width: 1366px;
  margin: 0px auto;
  font-size: 16px;
  font-family: 'proxima-nova';
  font-weight: 400;
  color: #717171;
  line-height: 29px;
  overflow: auto;
  margin-bottom: 0;
}
#floorplan-list .list-container-wrapper .row {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
#floorplan-list .list-container-wrapper .row .floorplan-list {
  border: 1px solid #d1cfcf;
  background-color: #fff;
  width: calc((100% - 60.01px) / 3);
  margin: 10px;
  padding: 20px;
}
#floorplan-list .list-container-wrapper .row .floorplan-list:last-child {
  margin-right: 0;
}
#floorplan-list .list-container-wrapper .Image {
  width: 100%;
  text-align: center;
  padding: 8px;
  height: 386px;
  position: relative;
  line-height: 364px;
}
#floorplan-list .list-container-wrapper .Image img {
  height: auto;
  vertical-align: middle;
  max-height: 95%;
  width: auto;
  max-width: 100%;
}
#floorplan-list .list-container-wrapper .content {
  position: relative;
}
#floorplan-list .list-container-wrapper .content .apt {
  font-family: 'adobe-garamond-pro';
  font-style: italic;
  font-size: 16px;
}
#floorplan-list .floorplanNo {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
#floorplan-list .tag {
  border-radius: 12px;
  padding: 3px 10px;
}
#floorplan-list .tag.mariner {
  background: #f7ddda;
  color: #911c0f;
}
#floorplan-list .tag.crosswinds {
  background: #d5dfe5;
  color: #30424c;
}
.fp-apt-title-cnt {
  display: flex;
  justify-content: space-between;
}
#floorplan-list .list-container-wrapper .content .view-details {
  text-align: center;
  color: #fff;
  padding: 7px 10px;
  display: inline-block;
  border-radius: 4px;
  text-transform: none;
  background: #30404b;
  margin-top: 15px;
  margin: 15px 10px 16px 0;
}
#floorplan-list .list-container-wrapper .content .view-details:hover {
  background-color: #202e38;
}
#floorplan-list .load-more.row {
  text-align: center;
  padding: 50px 0;
}
#floorplan-list .load-more.row a {
  font-size: 18px;
  color: #505693;
}
#floorplan-list
  input[type='checkbox'].css-checkbox
  + label.css-label.active:before {
  background: url(images/floorplans/checked.png) no-repeat;
}
#floorplan-list .no_results {
  font-size: 25px;
  text-align: center;
  text-transform: capitalize;
  margin-right: 40px;
}
/*floorplan nav */
.floorplan_desktop .floorplan-content .active {
  color: #fff !important;
}
.floorplan_desktop .floorplan-content .hide {
  display: none !important;
}
.floorplan_desktop {
  text-align: center;
  position: fixed;
  height: 50px;
  width: 100%;
  z-index: 10;
  padding: 0;
}
.floorplan_desktop .floorplan-content .row {
  width: auto;
  margin-bottom: 0;
  margin-left: 25px;
  height: 100%;
  line-height: 50px;
}
.floorplan_desktop .floorplan-content .row:nth-child(3) {
  float: right;
}
.floorplan_desktop .floorplan-content .row:nth-child(3):before {
  left: -23px;
}
.floorplan_desktop .floorplan-content .row .row {
  width: 100%;
}
.floorplan_desktop .floorplan-content .col {
  width: 100%;
  padding: 0;
  height: 100%;
}
.floorplan_desktop .floorplan-content label#property_selected {
  color: #bec2c4;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: -5px;
  cursor: pointer;
  height: 100%;
  line-height: 50px;
}
.floorplan_desktop .floorplan-content .check-type .cb-btn {
  background-color: #fff;
  color: #666;
  border: 1px solid #d1cfcf;
  border-top: 0;
}
.floorplan_desktop .floorplan-content label#property_selected:hover {
  color: #fff;
}
.floorplan_desktop .floorplan-content .check-type.cw .cb-btn:hover {
  background-color: #fff;
}
.floorplan_desktop .floorplan-content .check-type.mb .cb-btn:hover {
  background-color: #fff;
}
.floorplan_desktop
  .floorplan-content
  .property-grp
  .check-type
  input.css-checkbox[type='checkbox']:checked
  + label {
  background-color: #535aa1;
  color: #f9f9f9 !important;
}
.floorplan_desktop .property-grp {
  display: none;
  position: absolute;
  z-index: 5;
  width: 200px;
  top: 50px;
  right: -17px;
}
.floorplan_desktop .floorplan-content span.br {
  font-size: 16px;
  font-family: 'azo-sans-web', 'azo_sansthin';
  font-weight: 400;
  text-align: center;
  padding-top: 10px;
  display: inline-block;
  padding-left: 0;
}
.floorplan_desktop .floorplan-content span.den {
  text-align: right;
  display: inline-block;
  padding-right: 0;
  font-size: 16px;
  font-family: 'azo-sans-web', 'azo_sansthin';
  font-weight: 400;
}
.floorplan_desktop .floorplan-content .row .box {
  width: 100%;
  height: 50px;
  margin-right: 0;
  border-top: 0;
}
.floorplan_desktop .floorplan-content .row .box:hover {
  border: 1px solid #d1cfcf;
  border-top: 0;
}
.floorplan_desktop .floorplan-content .box-container {
  display: none;
  position: absolute;
  z-index: 5;
  top: 50px;
  width: 150px;
  text-align: center;
  right: -30px;
}
.floorplan_desktop .floorplan-content form input[type='text'] {
  color: #bec2c4;
  border: 0;
  background-color: transparent;
  font-size: 18px;
  padding: 0;
  height: auto;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  padding: 0 0 14px 0;
  cursor: pointer;
}
.floorplan_desktop .floorplan-content form input[type='text']:hover {
  color: #fff;
}
.floorplan_desktop .floorplan-content form input[type='submit'] {
  background: url(images/refresh.png) no-repeat;
  color: transparent;
  width: 44px;
  height: 20px;
}
.floorplan_desktop .floorplan-content .drpdwn-label a label,
.floorplan_desktop .floorplan-content .drpdwn-label .multiSel {
  color: #bec2c4;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
}
.floorplan_desktop .floorplan-content .drpdwn-label a label:hover,
.floorplan_desktop .floorplan-content .drpdwn-label .multiSel:hover {
  color: #fff;
}
.floorplan_desktop .floorplan-content .hidden {
  display: block;
}
.floorplan_desktop .back {
  background: url(images/Icons_Back_Arrow.png) no-repeat;
  width: 50px;
  height: 38px;
  display: block;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 2px;
}
.floorplan_desktop .floorplan-content {
  margin-bottom: 0;
  overflow: visible;
  margin-bottom: 0;
}
.floorplan_desktop .floorplan-content div.submit-div {
  position: absolute;
  right: 0;
  top: 12px;
}
.floorplan_desktop input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: transparent;
  background-image: none;
  color: #fff;
}
.floorplan_desktop .floorplan-content .price {
  padding-left: 7px;
  padding-top: 24px;
  padding-right: 14px;
  padding-bottom: 15px;
  position: absolute;
  right: -100%;
  left: -200%;
  top: 50px;
  z-index: 5;
  display: none;
  background-color: #fff;
}
.floorplan_desktop .max_val_price:hover {
  color: #fff;
}
.floorplan_desktop .max_val_price {
  display: block;
  color: #bec2c4;
  min-width: 123px;
  font-size: 18px;
  cursor: pointer;
}
.floorplan_desktop .row-wrapper {
  width: auto;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
}
.floorplan_desktop .floorplan-content form {
  width: 100%;
  float: none;
  height: 100%;
}
.floorplan_desktop .floorplan-content p.multiSel.hidden {
  width: auto;
  max-width: 100px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 auto;
  margin-bottom: 5px;
  cursor: pointer;
  height: 100%;
  line-height: 50px;
}
.floorplan_desktop .floorplan-content p.multiSel_prop.hidden {
  color: #bec2c4;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  height: 100%;
  line-height: 50px;
}
.floorplan_desktop .floorplan-content p.multiSel_prop.hidden:hover {
  color: #fff !important;
}
.floorplan_desktop .floorplan-content span#max_value {
  float: none;
}
.floorplan_desktop .floorplan-content .row:before {
  content: '>';
  width: 16px;
  height: 25px;
  background-position: center center;
  background-size: 30px;
  position: absolute;
  right: -23px;
  top: 0px;
  color: #bec2c4;
}
.floorplan_desktop .floorplan-content .row:last-child:before {
  content: none;
}
.floorplan_desktop .floorplan-content .row:first-child {
  width: auto;
  margin-left: 0;
}
.floorplan_desktop .floorplan-content .padding {
  padding: 0;
}
.floorplan-content .box-container .box.check-type label:hover {
  color: #535aa1;
}
.floorplan_desktop .floorplan-content .noUi-horizontal {
  height: 10px;
  margin-left: 0;
}
.floorplan_desktop .floorplan-content .check-type .cb-btn {
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  padding: 9px 0px;
}
.floorplan_desktop .floorplan-content span.slider-lower {
  margin-left: 10px;
}
.floorplan_desktop .floorplan-content span.slider-higher {
  margin-right: -5px;
}
.floorplan_desktop .floorplan-content .property-grp .check-type label:hover {
  color: #535aa1 !important;
}
.floorplan-list-nav .fp_close {
  background: url(images/icons.svg);
  width: 32px;
  height: 25px;
  background-position: 0px -22px;
  background-size: 32px 169px;
  position: absolute;
  bottom: 0px;
  left: 46%;
  display: none;
}
#floorplan-list .floorplan-content {
  margin-bottom: 0;
  height: 100%;
}
.floorplan-list-nav .show,
#floorplan-list .show {
  display: block !important;
}
.floorplan_desktop .floorplan-content span.max_value {
  float: none;
}
div#ui-datepicker-div:not(.h_datepicker) {
  z-index: 101 !important;
}
/************/
.filter .radioWrapper input[type='radio'] {
  display: none;
}
.filter .radioWrapper {
  display: flex;
  padding-left: 10px;
}
.filter .fp-sort-chk {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.filter .fp-sort-chk a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.filter .radioWrapper label {
  cursor: pointer;
  position: relative;
  border: 1px solid #d3d3d3;
  text-transform: none;
  padding: 8px 15px;
}
.filter .radioWrapper label.active {
  background: #f3f2f7;
}
.filter .radioWrapper label.active:after {
  width: 6px;
  height: 6px;
  content: ' ';
  position: absolute;
  right: 10px;
  top: 12px;
  margin-top: 1px;
  border-style: solid;
  border-color: #000;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.filter .radioWrapper label.active.asc:after {
  transform: rotate(-135deg);
  top: 15px;
}
.fp-sort-chk:first-child label {
  border-radius: 6px 0 0 6px;
}
.fp-sort-chk:last-child label {
  border-radius: 0 6px 6px 0;
}
.filter .left {
  display: flex;
  margin-right: 20px;
}
.filter .right {
  order: 2;
}
.filter a.schedule {
  color: #464c88;
}
.filter {
  padding: 10px 15px;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  font-weight: bold;
  color: #717171;
}
.filter .selectivo__label,
.filter .selectivo__option {
  font-size: 16px;
}
/***********/
/********florplan detail page**********/
.detail-container {
  width: 100%;
  height: 100%;
  display: table;
  overflow: hidden;
  margin-top: 50px;
}
.detail-container .left {
  display: table-cell;
}
.detail-container .right {
  background-color: #fff;
  display: table-cell;
  vertical-align: top;
}
.detail-container .right .description {
  padding: 20px 35px;
  color: #717171;
}
.detail-container .Image-container {
  text-align: center;
  padding: 0 20px;
  width: 100%;
  height: 600px;
}
.detail-container .Image-container:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.detail-container .Image-container img {
  display: inline-block;
  vertical-align: middle;
  max-width: 95%;
}
.detail-container .right .apt {
  font-family: 'adobe-garamond-pro';
  font-style: italic;
  font-size: 16px;
}
.detail-container .right .floorplanNo {
  font-size: 53px;
  line-height: 53px;
  font-weight: 200;
}
.detail-container .right .apt {
  font-family: 'adobe-garamond-pro';
  font-style: italic;
  font-size: 16px;
}
.detail-container .right .apt {
  font-family: 'adobe-garamond-pro';
  font-style: italic;
  font-size: 16px;
}
.detail-container .right .apt {
  font-family: 'adobe-garamond-pro';
  font-style: italic;
  font-size: 16px;
}
.detail-container .right .apt {
  font-family: 'adobe-garamond-pro';
  font-style: italic;
  font-size: 16px;
}
.detail-container .right .back {
  color: #505693;
  float: left;
  font-size: 14px;
}
.detail-container .right .sharebtn-over {
  width: 25%;
  float: right;
  position: relative;
}
.detail-container .shareImg {
  position: absolute;
  right: 10px;
  width: auto;
  top: 0;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.detail-container .right .back-to-result {
  width: 100%;
  float: left;
  padding-bottom: 15px;
}
.detail-container .gallery-social-icons {
  position: absolute;
  right: 10px;
  top: -10px;
  visibility: hidden;
  padding: 13px 0;
  width: 170px;
}
.detail-container .sharebtn-over .social-icons {
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 13px;
  position: relative;
  z-index: 1;
}
.detail-container .sharebtn-over .social-icons span {
  width: 20px;
  height: 20px;
  background-size: cover !important;
}
.detail-container .right .btn-grp {
  width: 100%;
  float: left;
  margin-top: 10px;
  margin-bottom: 20px;
}
.detail-container .right .btn-grp a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  margin-top: 10px;
  color: #fff;
}
.detail-container .right .btn-grp a.crosswinds:hover {
  background-color: #202e38;
}
.detail-container .right .btn-grp a.mariner:hover {
  background-color: #6d130d;
}

/************************/
#neighborhood-page .map-top-icons a {
  background-image: url(images/neighborhood/map_icons.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  display: block;
  background-position: left -10px;
}
#neighborhood-page .map-top-icons li.zoom_out .set_map_zoom {
  background-position: left -62px;
}
#neighborhood-page .map-top-icons li.walk .set_zoom {
  background-position: left -113px;
  margin-top: 5px;
}
#neighborhood-page .map-top-icons li.bike .set_zoom {
  background-position: left -165px;
  margin-top: 5px;
}
#neighborhood-page .map-top-icons li.drive .set_zoom {
  background-position: left -215px;
  margin-top: 5px;
}
.map-popup {
  background-color: #fff;
  padding: 30px;
  color: #666;
  position: relative;
}
.map-popup #content-sect h3 {
  font-size: 21px;
  line-height: 24px;
  color: #666;
  letter-spacing: 1px;
}
.map-popup #content-sect p {
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 0px;
}
.map-popup .directions a {
  text-transform: uppercase;
  color: #535aa1;
  font-size: 13px;
  line-height: 21px;
}
.map-popup #arrow_sect a {
  background-image: url(images/neighborhood/map_arw_dwn.png);
  display: block;
  width: 15px;
  height: 9px;
  margin: 0 auto;
}
.map-popup #arrow_sect {
  position: absolute;
  bottom: -8px;
  left: 30px;
  right: 30px;
}
.map-popup .popup-close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.map-popup .popup-close-icon a {
  background-image: url(images/icons.svg);
  width: 16px;
  height: 19px;
  background-position: 0px -22px;
  background-size: 16px 144px;
  display: block;
}
#neighborhood-page .gm-style-iw ~ div {
  opacity: 0;
  visibility: hidden;
}
#neighborhood-page .gm-style .gm-style-iw,
#neighborhood-page .gm-style .gm-style-iw > div,
#neighborhood-page .gm-style .gm-style-iw > div > div {
  overflow: visible !important;
}

/* Gallery page*/
#gallery-page .intro-message {
  padding-bottom: 30px;
}
#gallery-page .intro-message p {
  max-width: 640px;
}
.category-links {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.category-links a {
  color: #666666;
  font-size: 20px;
  font-weight: 200;
  text-transform: uppercase;
  padding: 0 30px;
}
.category-links a.commonlink:hover,
#menu-blog-nav-menu li.active a,
#menu-blog-nav-menu li.active a:hover {
  color: #535aa1;
}
.category-links a.active {
  font-weight: bold;
}
/*.category-links a.active,*/
.category-links a.crosslink:hover {
  color: #30404b;
}
/*.category-links a.active,*/
.category-links a.marinerlink:hover {
  color: #ba3c34;
}
.gallery-slider {
  width: 96%;
  margin: 0 auto;
  max-width: 1380px;
}
#gallery-page .gallery_slider .slides > li {
  position: relative;
  width: 100% !important;
}
a.btn-popup-youtube {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}
a.btn-popup-youtube img {
  max-width: 100px;
}
#gallery-page .gallery_carousel .slides > li {
  margin: 10px 10px 10px 0;
  cursor: pointer;
  position: relative;
  float: left;
}
img.btn-popup-youtube-thumbnail {
  max-width: 50px;
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 25px);
}
#gallery-page .gallery_carousel .slides > li:first-child {
  margin: 10px;
}
#gallery-page .flex-direction-nav a {
  width: 24px;
  height: 54px;
  padding-left: 24px;
  overflow: hidden;
  color: transparent;
}
#gallery-page .flex-direction-nav .flex-prev {
  left: 30px !important;
  background: url(images/gallery/gallery_prev.png) no-repeat top left;
  opacity: 1;
}
#gallery-page .flex-direction-nav .flex-next {
  right: 30px;
  background: url(images/gallery/gallery_next.png) no-repeat top left;
  opacity: 1;
  text-indent: 0px;
}
#gallery-page .flex-direction-nav a:before {
  content: '';
}
#gallery-page .flex-direction-nav a:focus {
  outline: 1px dotted #ffffff;
  outline-offset: 1px;
}
#gallery-page .flex-direction-nav .flex-disabled {
  display: none;
}

#gallery-page .flex-caption {
  position: absolute;
  min-height: 46px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  color: #33424c;
  background: rgba(255, 255, 255, 0.9);
  padding: 11px 65px 10px 10px;
  margin-bottom: 0;
}
#gallery-page .flex-caption .title {
  width: 75%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gallery-page .shareImg {
  position: absolute;
  right: 10px;
  width: auto;
  top: 0;
  z-index: 1;
}
#gallery-page .flex-control-nav li {
  width: auto !important;
  opacity: 0;
}
#gallery-page .flex-control-paging li a {
  width: 9px;
  height: 9px;
}
#gallery-page .gallery-social-icons {
  position: absolute;
  right: 10px;
  top: 0; /*float: right;*/
  visibility: hidden;
  padding: 13px 0;
  width: 170px;
}
#gallery-page .sharebtn-over {
  /*position:absolute;right:0px;top:2px;width:46px;*/
  width: 25%;
  float: left;
}
#gallery-page .sharebtn-over .social-icons {
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 13px;
  position: relative;
  z-index: 1;
}
#gallery-page .sharebtn-over .social-icons span {
  width: 20px;
  height: 20px;
  background-size: cover !important;
}
.gallery_overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  z-index: 1000;
  display: none;
}
.sharebtn-over:hover .gallery-social-icons,
.sharebtn-over.hover .gallery-social-icons {
  visibility: visible !important;
}
.sharebtn-over:hover .shareImg,
.sharebtn-over.hover .shareImg {
  opacity: 0 !important;
}
.post_video_popup {
  width: 100%;
  padding: 50px 4%;
  position: relative;
}
.post_video_popup video {
  width: 100% !important;
  height: auto !important;
}
.mfp-close-btn-in .mfp-close {
  top: 0px;
  right: 4%;
  color: #fff;
  font-weight: 600;
  text-align: right;
}
.flexslider.gallery_carousel .slides img {
  width: auto;
}

/* Blog Page */
#blog_content {
  margin-bottom: 60px;
}
.blog-page {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}
.blog-page .frame {
  overflow: auto;
}
.page_box {
  margin-bottom: 25px;
}
.blog_content_block {
  width: 25%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
}
.post_block {
  border: 1px solid #c9c9c9;
}
#blog_detail .post_img {
  text-align: center;
}
.post_block .post_cnt {
  background: #fff;
  padding: 15px 30px 30px;
  color: #666666;
}
.post_tags span {
  font-family: 'adobe-garamond-pro';
  font-size: 16px;
  font-style: italic;
}
.post_title {
  padding: 5px 0 8px 0;
  font-family: 'azo-sans-web', 'azo_sansthin';
  text-transform: uppercase;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0.12em;
  font-weight: 200;
}
.blog_content_block .post_title a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.post_date {
  border-bottom: 1px solid #c9c9c9;
  font-family: 'proxima-nova', 'regencielight';
  font-size: 15px;
  padding: 3px 0 13px 0;
  line-height: 20px;
  margin-bottom: 10px;
}
.post_cnt p,
.post_cnt ul li {
  font-family: 'proxima-nova';
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 23px;
}
.post_readmore a {
  color: #535aa1;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'proxima-nova', 'regencielight';
}
#blog_nav {
  padding-top: 90px;
  margin-bottom: 30px;
  background: #fff;
}
#blog_nav div {
  border: 1px solid #c9c9c9;
  padding: 10px 0;
}
#blog_nav ul {
  margin: 0 auto;
  display: table;
}
#blog_nav ul li {
  float: left;
  padding: 0 20px;
  color: #666666;
  font-family: 'proxima-nova', 'regencielight';
  font-size: 18px;
  text-transform: uppercase;
}
#infscr-loading {
  position: absolute;
  bottom: -50px;
  text-align: center;
  padding: 10px 0 0;
  width: 100%;
}

.blog_noresult {
  height: auto !important;
}
#blog_detail {
  padding: 2% 6% 6%;
  float: left;
  width: 100%;
}
#post_page {
  float: left;
  width: 100%;
}
#post_left {
  width: 65%;
  float: left;
  padding-right: 20px;
}
#side_bar {
  width: 35%;
  float: right;
  vertical-align: top;
  border: 1px solid #c9c9c9;
  background: #fff;
  padding: 20px;
}
.title_search {
  text-transform: none;
  font-size: 17px;
  line-height: 20px;
  padding-left: 5px;
  font-weight: 700;
}
#blog_detail .post_cnt {
  padding: 40px 60px;
}
#blog_detail .title_big {
  font-size: 25px;
  color: #666666;
  line-height: 28px;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
#blog_detail .post_cnt p,
#blog_detail .post_cnt ul li {
  color: #2d2a2b;
  margin-top: 15px;
}
#blog_detail .post_cnt a:not(.addthis_button_compact) {
  border-bottom: 1px solid transparent;
}
.blog_back_btn {
  font-family: 'proxima-nova', 'regencielight';
  font-size: 15px;
  font-weight: 700;
  float: left;
}
#widget_search,
#widget_recent_entries,
#widget_archive,
#widget_categories,
#widget_meta {
  margin-bottom: 40px;
}
.sidebar_title {
  color: #989898;
  font-family: 'proxima-nova', 'regencielight';
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 1px solid #a1a1a1;
  line-height: 30px;
  padding: 5px 0;
}
#widget_search ul,
#widget_recent_entries ul,
#widget_archive ul,
#widget_categories ul,
#widget_meta ul {
  margin-top: 10px;
}
#widget_search ul li a,
#widget_recent_entries ul li a,
#widget_archive ul li a,
#widget_categories ul li a,
#widget_meta ul li a {
  color: #989898;
  font-family: 'proxima-nova', 'regencielight';
  text-transform: uppercase;
  font-size: 14px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: pre;
  display: block;
  overflow: hidden;
  line-height: 22px;
  margin-bottom: 13px;
}
#widget_search ::-webkit-input-placeholder {
  color: #666666;
  font-family: 'proxima-nova';
  font-size: 12px;
  font-weight: 700;
}
#widget_search ::-moz-placeholder {
  color: #666666;
  font-family: 'proxima-nova';
  font-size: 12px;
  font-weight: 700;
}
#widget_search :-ms-input-placeholder {
  color: #666666;
  font-family: 'proxima-nova';
  font-size: 12px;
  font-weight: 700;
}
#widget_search form {
  position: relative;
  width: 100%;
  display: table;
}
#widget_search input[type='text'] {
  float: left;
  padding: 7px;
  background: #f8f7f7;
  font-size: 12px;
  color: #666666;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  font-family: 'proxima-nova', 'regencielight';
}
#widget_search span {
  height: 30px;
  position: absolute;
  top: 0;
  background: url('images/blog/search_btn.png') no-repeat #383837 7px 6px;
  width: 30px;
  right: 0;
  cursor: pointer;
}
#widget_search #searchsubmit {
  width: 100%;
  height: 100%;
  opacity: 0;
}
#widget_search #searchsubmit:hover {
  cursor: pointer;
}
.post_cnt .addthis_16x16_style .at4-icon,
.post_cnt .addthis_16x16_white_style .at4-icon,
.post_cnt .addthis_default_style .at4-icon,
.post_cnt .at4-icon,
.at-16x16 {
  width: 25px !important;
  height: 25px !important;
  line-height: 1pc;
  background-size: contain !important;
  margin-right: 5px;
}
.at300b,
.at300bo,
.at300bs,
.at300m {
  float: right;
}
.atm-i .post_cnt .addthis_16x16_style .atm-i .at4-icon,
.post_cnt .addthis_16x16_white_style .atm-i .at4-icon,
.post_cnt .addthis_default_style .atm-i .at4-icon,
.post_cnt .atm-i .at4-icon,
.at-16x16 .atm-i {
  width: 1pc !important;
  height: 1pc !important;
  line-height: 1pc;
  background-size: contain !important;
  margin-right: 5px;
}
#at15s a:focus {
  outline: 1px dotted #000000;
}

/* Services Page */

#services_page .content_section h1,#services_page .content_section h2 {
  margin-bottom: 20px;
  font-size: 41px;
  color: #666666;
}
#services_page .content_section {
  width: 42%;
  margin: 0 auto;
  padding: 70px 0 90px;
}
#services_page .content_section p.description {
  margin: 23px 0;
  color: #666666;
}
#services_page .content_section .services_list p {
  padding-left: 10px;
}
#services_page .content-area {
  background: transparent;
  color: #666666;
}

/* Our Story Page */

#our_story_page .content_section {
  width: 42%;
  margin: 0 auto;
  padding: 70px 0 90px;
  color: #666666;
}
#our_story_page .content_section h1,#our_story_page .content_section h2 {
  margin-bottom: 20px;
  font-size: 41px;
  color: #666666;
}
#our_story_page .content_section p {
  padding-bottom: 15px;
}
/* Why Bozzuto */

#why_bozzuto_page .content_section {
  width: 42%;
  margin: 0 auto;
  padding: 70px 0 90px;
}
#why_bozzuto_page .top_content {
  margin-bottom: 31px;
}
#why_bozzuto_page .top_content p,
#why_bozzuto_page .bottom_content p {
  color: #666666;
  padding-bottom: 15px;
}
#why_bozzuto_page h1 {
  margin-bottom: 23px;
  font-size: 41px;
  color: #666666;
}
#why_bozzuto_page p a {
  color: #5c5b9d;
}
.hide {
  display: none;
}

/* Contact */
.contact-building-select {
  margin: 0 10px 80px;
}
.contact-building-select .customSelect .selectedValue {
  padding: 10px;
  font-size: 16px;
}
.contact-building-select label {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 300;
  color: #383837;
}
.contact-building-select .customSelect .mCustomScrollbar {
  height: auto;
}
.contact-building-select .customSelect dd {
  font-size: 16px;
}

.hywrap .control-label {
  color: #383837 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  font-family: 'proxima-nova', 'regencielight' !important;
  letter-spacing: 0em !important;
  font-weight: 100 !important;
}
.hywrap select,
.hywrap textarea,
.hywrap input[type='text'] {
  border: 1px solid #d1cfcf !important;
  font-family: 'proxima-nova', 'regencielight' !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  color: #666 !important;
  background-color: #f7f7f7 !important;
  font-size: 16px !important;
}
.hywrap input:focus,
.hywrap input[type='text']:focus,
.hywrap select:focus,
.hywrap textarea:focus,
.hywrap button[type='submit']:focus {
  outline: 1px dotted #000000 !important;
  outline-offset: 1px;
}
.hywrap select,
.hywrap input[type='text'] {
  height: 40px !important;
}
.hywrap input[type='text'],
.hywrap textarea,
.hywrap select {
  padding: 4px 6px !important;
}
.hywrap button {
  background-color: #535aa1 !important;
  text-align: center !important;
  margin-top: 10px !important;
  color: #fff !important;
  font-family: 'proxima-nova', 'regencielight' !important;
  text-transform: uppercase !important;
  font-size: 19px !important;
  width: 100% !important;
  height: 55px !important;
  padding: 12px 0 !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-color: transparent !important;
  letter-spacing: 0em !important;
}
.hywrap button:hover {
  background-color: #464c88 !important;
  border-color: transparent !important;
}
#more-info {
  margin-top: 15px !important;
}
.hywrap form {
  margin: 0px 0px 30px !important;
  padding: 0 10px !important;
}
.hywrap .radio input {
  -webkit-appearance: radio;
  min-height: auto !important;
}
.hywrap .radio {
  margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
  .hywrap button {
    display: block !important;
    margin-top: 24px !important;
  }
}
.bozzuto-footer {
  width: 108px;
  height: auto;
  margin-top: -3px;
}
.gm-ui-hover-effect:hover {
  opacity: 1 !important;
}
.gm-ui-hover-effect {
  opacity: 1 !important;
}
.gm-style button.gm-ui-hover-effect {
  opacity: 1 !important;
}
.gm-style button.gm-ui-hover-effect,
.gm-style button.gm-ui-hover-effect img {
  display: none !important;
}
.gm-style .gm-style-iw-c {
  padding: 0 !important;
}
/* virtual tour */
.vt-menu .sub-menu {
  display: none;
}
.vt-menu1 .sub-menu li a {
  font-size: 18px !important;
  line-height: 45px !important;
}
.vt-menu2 .sub-menu li a {
  font-size: 16px !important;
  line-height: 26px !important;
}
.vt-menu.active .sub-menu {
  display: block;
}
.vt-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.vt-container iframe {
  width: 100%;
  height: 100%;
}
.vt-container iframe:focus {
  outline: 1px dotted #000000;
  outline-offset: 1px;
}
.cross-sign {
  background: #58585a !important;
  height: 15px;
  position: relative;
  margin-right: -25px;
  top: -6px;
  width: 3px;
  display: inline-flex;
  margin-left: 15px;
  margin-top: 15px;
}
.vt-menu2 .cross-sign {
  margin-left: 10px;
  margin-top: 0;
  height: 14px;
  top: 1px;
}
header #menu-popUp ul li a:focus .cross-sign {
  outline: none !important;
}
.cross-sign:after {
  background: #58585a !important;
  content: '';
  height: 3px;
  left: -6px;
  position: absolute;
  top: 6px;
  width: 15px;
}
.vt-menu.active .cross-sign {
  background: none !important;
}
#sec-menu1 .vt-menu2 {
  display: none !important;
}
footer .vt-menu1 {
  display: none !important;
}
@media (min-width: 854px) and (max-width: 875px) {
  div#content-wrapper {
    margin-bottom: -10px;
  }
}

/*---------------------------------------
Sightmap
----------------------------------------*/
.view-map {
  width: 100%;
  background-color: #666;
  display: block;
  height: 55px;
  padding: 12px 0px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  cursor: pointer;
  font-size: 19px;
  font-family: 'proxima-nova', 'regencielight';
}
.view-map:hover {
  background-color: #ba3c34;
}
.view-map-link {
  margin-right: 20px;
  color: #464c88;
}
.sightmap_wrapper .row {
  width: 100%;
  background: #464c88;
  color: #fff;
  text-align: center;
  padding: 10px 0px;
  opacity: 1;
}
.sightmap_wrapper .row:hover {
  opacity: 0.8;
}
.sightmap_wrapper .row a {
  color: #fff;
}
.sightmap-section {
  min-height: 100vh;
  padding: 0px 50px;
}
#sightmap {
  min-height: 100vh;
}
#floorplan-list .view-map-row,
#floorplan-detail .view-map-row {
  display: none !important;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.row.row-reverse {
  flex-direction: row-reverse;
}
.row.mariner-bay .col-md-6:last-child {
  background-color: rgba(186, 60, 52, 1);
}
.row.crosswinds .col-md-6:last-child {
  background-color: rgba(48, 66, 76, 1);
}
.row.mariner-bay .col-logo {
  background-image: url(images/Mb_Cw.svg);
  background-size: 330px 300px;
  width: 285px;
  height: 70px;
  background-position: right -140px;
}
.row.crosswinds .col-logo {
  background-image: url(images/Mb_Cw.svg);
  background-size: 330px 300px;
  width: 345px;
  height: 70px;
  background-position: right 0;
}
.row .col-md-6 {
  min-height: 300px;
}
.row .col-md-6 .img-col {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.row .col-md-6 .anim-text-wrap {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row .col-md-6 .text-col {
  text-align: center;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 50px;
  color: #fff;
  font-size: 22px;
  justify-content: center;
}
.row .col-md-6 .text-col .btn {
  background-color: #fff;
  border-radius: 30px;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 50px;
  text-transform: uppercase;
  transition: all 0.4s ease;
}
.row .col-md-6 .text-col .btn:hover {
  background: #d3d3d3;
}
@media all and (max-width: 768px) {
  .sightmap-section {
    padding: 0;
  }
  .view-map-link {
    margin-right: 0px;
    display: block;
    text-align: center;
  }
}
.crosswinds-view-map-row {
  display: none;
}
.floorplans_search-wrap {
  background: rgba(48, 66, 76, 1);
  padding: 20px;
}
.floorplan-list .selectivo {
  border-radius: 4px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  background: #fff;
}
.filter .selectivo__label,
.floorplans_search-wrap .selectivo__label {
  background: none;
  font-family: 'proxima-nova', 'regencielight';
  letter-spacing: normal;
  border-radius: 4px;
  padding: 10px 50px 10px 10px;
  line-height: 18px;
}
.floorplans_search-wrap .selectivo__label {
  font-size: 18px;
}
.floorplan-list .selectivo__label::after {
  width: 6px;
  height: 6px;
  content: ' ';
  position: absolute;
  right: 10px;
  top: 13px;
  margin-top: 1px;
  border-style: solid;
  border-color: black;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
}
.floorplans_search-wrap .advanced-search-wrap .search-btn {
  font-size: 18px;
  line-height: 18px;
  padding: 12px;
  border: none;
  border-radius: 4px;
  font-family: 'proxima-nova', 'regencielight';
  letter-spacing: normal;
  background-color: #fff;
}
.floorplan-list .selectivo__option {
  padding: 10px 50px 10px 10px;
  line-height: 18px;
  letter-spacing: normal;
}
.floorplan-list .selectivo__dropdown {
  border-radius: 4px;
}
.floorplan-list .selectivo__option:first-child {
  background: none;
}
.floorplan-list .selectivo__option:first-child:after {
  width: 6px;
  height: 6px;
  content: ' ';
  position: absolute;
  right: 10px;
  top: 18px;
  margin-top: 1px;
  border-style: solid;
  border-color: black;
  border-width: 0px 1px 1px 0px;
  transform: rotate(-135deg);
}
.fp-search-form.selectivo-common-wrap {
  display: flex;
  justify-content: space-between;
}
.fp-results-text-cnt {
  color: #fff;
}
.fp-filter-clear {
  background: none;
  border: none;
  color: #fff;
  border-bottom: 1px solid #fff;
  line-height: normal;
}
.fp-btn-cnt {
  display: flex;
  align-items: center;
}
.fp-filter-clear {
  margin: 0 25px;
}
.floorplan-list,
.floorplan-list .inner-page {
  background: none;
}
.floorplan-list .intro-message {
  background: #f3f2f7;
}
.sortby-building {
  padding-right: 10px;
  text-transform: uppercase;
}
.unit-details-label-wrapper {
  display: flex;
  justify-content: space-between;
}
.unit-details-label-cnt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.unit-details-content {
  font-weight: bold;
}
.prop-home-page .home-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  background-size: cover;
}
.prop-home-page .home-hero:after {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.prop-home-page .down-icon {
  position: absolute;
  bottom: 45px;
  z-index: 1;
}
.prop-home-page .hero-image-content {
  max-width: 750px;
  margin: auto;
  text-align: center;
  z-index: 1;
  color: #fff;
  padding: 10vw 0;
}
.prop-home-page .hero-image-content h1,.prop-home-page .hero-image-content h2 {
  font-weight: bold;
}
#intro-link {
  color: #fff;
}
#intro-link p {
  font-size: 22px;
  line-height: 32px;
}
#mariner-home-page #intro-link {
  background-color: #b13d35;
}
#crosswinds-home-page #intro-link {
  background-color: #30404b;
}
.intro-content {
  max-width: 80vw;
  margin: auto;
  padding: 3vw 8vw;
  text-align: center;
}
.prop-home-page .row .col-md-6 .text-col {
  color: #000;
}
.prop-home-page .hero-image-content p {
  font-weight: bold;
}
.prop-home-page p {
  font-size: 22px;
  margin: 10px 0;
}
.prop-home-page .button {
  background-color: #fff;
  border-radius: 30px;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 10px;
}
.prop-home-page .width100.content-cnt {
  background-color: #b13d35;
  text-align: center;
  display: none;
}
.prop-home-page .width100 .desc-content {
  max-width: 80vw;
  margin: auto;
  color: #fff;
  padding: 8vw;
}
.prop-home-page .width100 .desc-content .button {
  margin-top: 30px;
}
.prop-home-page .width100 .desc-content .button:first-of-type {
  margin-right: 40px;
}
.prop-home-page .grid-image {
  display: flex;
  flex-wrap: wrap;
}
.prop-home-page .grid-image-row {
  width: 25%;
}
#availability-select button,
.fp-filter-dropdown-cnt .selectivo__option {
  text-align: left;
}
.apply-now-btn {
  border: 1px solid #30404b;
  border-radius: 4px;
  padding: 7px 20px;
  display: inline-block;
}
apply-now-btn:hover {
  background: #58585a;
  color: #fff;
}

.grid-image-row img {
  width: 100%;
  height: 18vw;
  object-fit: cover;
  min-height: 240px;
}

.mt_fp_pagination {
  display: flex;
  align-items: center;
  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-cm-info p {
  font-size: 14px;
}
footer #ada-eho > div.Cookie_wrapper {
  text-align: left;
  float: none;
  margin-top: 37px;
}
.Cookie_wrapper a.cookie {
  background: none !important;
  color: #999;
  text-transform: uppercase;
  font-family: 'proxima-nova', 'regencielight';
  margin: 10px 0;
  display: inline-block;
  float: none !important;
  width: auto !important;
}
.Cookie_wrapper a.cookie:hover {
  color: #fff;
}

/*fee calc styles*/

.rfwa-expense-type-optional,
.rfwa-expense-type.Optional,
.rfwa-expense-type.Situational {
  background: #fff !important;
  color: #383837 !important;
  border: 1px solid #383837 !important;
  text-transform: capitalize !important;
}
[data-accordion="true"] .rfwa-expense-guide-container .rfwa-accordion-icon::before {
  border-right: 2px solid #383837 !important;
  border-bottom: 2px solid #383837 !important;
}
.rfwa-expense-type-optional,
.rfwa-expense-type-required {
  font-size: 12px !important;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  line-height: 1.2 !important;
}
.mt_fp_grid_view  .mt_fp_disclaimer_grid {
    display: block;
    text-align: center;
    margin-top: 20px;  
}
body .rfwa-expense-guide-container h2 {
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 600;
  font-size: 24px;
  color: #ba3c34;

}
body .rfwa-disclaimer-content,
body .rfwa-disclaimer-modal .rfwa-disclaimer-content ul li,
body .rfwa-export-pdf-link,
body .rfwa-expense-footer,
body .rfwa-expense-guide-container p {
  font-size: 14px;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  color: #383837;
}
body .rfwa-disclaimer-modal .rfwa-disclaimer-content h2,
body .rfwa-expense-list th,
body .rfwa-group-title {
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  color: #383837;
}
body .rfwa-expense-list th {
  font-weight: 600 !important;
  font-family: 'proxima-nova', 'regencielight';
  color: #383837;
}
body .rfwa-expense-list .rfwa-expense-details,
body .rfwa-expense-list .rfwa-expense-amount.has-tooltip,
body .rfwa-expense-list .rfwa-expense-label,
.fp-fee-disclaimer_list {
  font-size: 14px;
  font-family: 'proxima-nova', 'regencielight';
  font-weight: 400;
  color: #383837;
}
body .mt_fp_disclaimer_list p{color: #383837;}
body .mt_fp_details span:first-of-type{
  font-weight: bold;
}

 .rfwa-expense-type-required,
 .rfwa-expense-type.Required{
  background: #383837 !important;
  color: #fff !important;
  border: 1px solid #383837 !important;
  text-transform: capitalize !important;
 }
 .fp-fee-disclaimer_list{
  text-align: center;
 }
 body [data-accordion="true"] .rfwa-expense-guide-container .rfwa-accordion-header h3,
 body .rfwa-expense-guide-container p,
  .mt_fp_disclaimer,
  .fp-fee-disclaimer_list,
 .rfwa-expense-guide-container h2{
  color: #383837;
 }
 .calc_wrapper{
  display: flex;
 }
  .calc_wrapper a{
  width: auto !important;
  height: auto;
  position: relative;
  font-weight: 600;
  padding-left: 29px !important;
  margin-block: 10px;
 }
  .calc_wrapper a::before{
    position: absolute;
    left: -7px;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    height: 32px;
  }
  .rfwa-expense-footer{
    padding-bottom: calc(5em - 20px);
  }
  /*style fix*/
  .unit-details-label-cnt{
    align-items: flex-start;
  }
  .floorplan-list .back_btn{
    margin-inline: 16px;
  }
  /* To remove the Whitespace caused by hyly iframe*/
iframe[src*="https://my.hy.ly"] {
  height: 0;
  width: 0;
  position: absolute;
  border: 0;
  margin-top: -1px;
}
.unit-details-label-wrapper {
  gap: 10px;
}
#results_list .floorplan-list{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#results_list .floorplan-list .bottom_block{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bottom_block .content{
   display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 875px) and (max-width: 1100px){
  #floorplan-list .list-container-wrapper .row .floorplan-list{
    width: 47%;
  }
}
@media screen and (max-width:991px) {
  .detail-container .left{
    display: block;
    width: 100%;
    float: left;
    padding: 30px 0;
  }
  .detail-container .right{
    display: block;
    width: 100%;
    float: left;
  }
}